.account-logout{border:1px solid color-mix(in srgb,currentColor 18%,transparent);min-height:38px;color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;transition:background .15s,border-color .15s;display:inline-flex}.account-logout:hover{background:color-mix(in srgb,currentColor 6%,transparent);border-color:currentColor}.account-logout:focus-visible{outline-offset:3px;outline:2px solid #3458ef}.account-logout:disabled{opacity:.5;cursor:wait}@media (max-width:480px){.account-logout{gap:5px;padding:7px 9px;font-size:11px}}.account-menu{position:relative}.account-menu summary{border:1px solid color-mix(in srgb,currentColor 18%,transparent);cursor:pointer;border-radius:11px;place-items:center;width:40px;height:40px;list-style:none;display:grid}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover{background:color-mix(in srgb,currentColor 7%,transparent)}.account-menu nav{z-index:40;background:var(--surface,#fff);border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:13px;gap:3px;width:210px;padding:8px;display:grid;position:absolute;top:calc(100% + 9px);left:0;box-shadow:0 14px 35px #0002}.account-menu nav a,.account-menu nav button{width:100%;color:inherit;text-align:right;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:9px 11px;font-size:12px;display:flex}.account-menu nav a:hover,.account-menu nav button:hover{background:color-mix(in srgb,currentColor 7%,transparent)}.account-menu nav button{border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:0 0 8px 8px;margin-top:3px}.account-menu summary:focus-visible{outline-offset:3px;outline:2px solid #3458ef}.header .account-menu nav,.admin-layout .account-menu nav{display:grid}.header .account-menu nav{background:#fff}[data-theme=dark] .header .account-menu nav{background:#1a2233;border-color:#37425a}.account-menu-icon{width:20px;height:20px;display:block;position:relative}.account-menu-icon>span{background:currentColor;border-radius:2px;width:16px;height:2px;transition:transform .18s,opacity .18s;position:absolute;top:9px;left:2px}.account-menu-icon>span:first-child{transform:translateY(-6px)}.account-menu-icon>span:last-child{transform:translateY(6px)}.account-menu[open] .account-menu-icon>span:first-child{transform:rotate(45deg)}.account-menu[open] .account-menu-icon>span:nth-child(2){opacity:0;transform:scaleX(0)}.account-menu[open] .account-menu-icon>span:last-child{transform:rotate(-45deg)}@media (prefers-reduced-motion:reduce){.account-menu-icon>span{transition:none}}.notification-badge{color:#fff;background:#dc354b;border-radius:20px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-inline-start:8px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}
.theme-switch{border:1px solid var(--border);background:var(--tint);width:58px;height:32px;color:var(--muted);cursor:pointer;direction:ltr;border-radius:999px;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 8px;display:flex;position:relative}.theme-switch-thumb{background:var(--surface);border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.theme-switch[aria-checked=true] .theme-switch-thumb{transform:translate(26px)}.theme-switch svg{z-index:1;pointer-events:none;position:relative}.theme-switch:focus-visible{outline:2px solid var(--blue);outline-offset:4px}@media (prefers-reduced-motion:reduce){.theme-switch-thumb{transition:none}}.header .theme-switch{--border:#dce1eb;--tint:#edf0f6;--muted:#56627b;--surface:#fff;--blue:#3458ef;box-sizing:border-box}[data-theme=dark] .header .theme-switch{--border:#3a4560;--tint:#26344e;--muted:#b4bdd0;--surface:#1b2638;--blue:#a4b6ff}.theme-switch[aria-checked=false] .lucide-sun{color:#eab308}.theme-switch[aria-checked=true] .lucide-moon{color:#c6ff00}
.lesson-mobile-toolbar{display:none}@media (max-width:640px){dialog#modal.lesson-modal{box-sizing:border-box;overscroll-behavior:contain;border:0;border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden auto}.lesson-mobile-toolbar{z-index:5;padding:calc(6px + env(safe-area-inset-top)) 12px 6px;background:inherit;background:var(--lesson-modal-bg,#fff);border-bottom:1px solid #8997bd22;align-items:center;gap:12px;font-size:13px;display:flex;position:sticky;top:0}.lesson-mobile-toolbar button{width:40px;height:40px;color:inherit;font:inherit;cursor:pointer;background:#8997bd15;border:0;border-radius:50%;place-items:center;padding:0;font-size:28px;display:grid}[data-theme=dark] .lesson-modal{--lesson-modal-bg:#1a2233}#modal.lesson-modal #modal-content{padding:12px max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));min-height:calc(100dvh - 53px - env(safe-area-inset-top));box-sizing:border-box}#modal.lesson-modal .lesson-surface{min-height:calc(100dvh - 82px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:0}#modal.lesson-modal .course-fieldset{box-sizing:border-box;border:0;width:100%;min-width:0;margin:0;padding:0}#modal.lesson-modal .lesson-progress-bar{margin:0 0 10px}#modal.lesson-modal [data-lesson-frames]{margin-block:0!important}#modal.lesson-modal [data-lesson-frames]>button{height:calc(100dvh - 98px - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center;align-items:center;aspect-ratio:auto!important;border:0!important;border-radius:8px!important;width:100%!important;max-width:100%!important;display:flex!important}#modal.lesson-modal [data-lesson-frames] img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;width:auto!important;height:auto!important}#modal.lesson-modal .card-image{object-fit:contain;border-radius:8px;width:100%;max-width:100%;max-height:calc(100dvh - 150px)}}