.navbar.svelte-d8j1hi{position:fixed;top:0;width:100%;z-index:50;transition:background .35s ease,box-shadow .35s ease,border-color .35s ease,transform .4s cubic-bezier(.4,0,.2,1)}.navbar.nav-hidden.svelte-d8j1hi{transform:translateY(-100%)}@media(min-width:1024px){.navbar.svelte-d8j1hi{position:fixed;background:var(--nav-bg, rgba(6, 13, 7, .28));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--nav-border, rgba(52, 211, 153, .05));box-shadow:none}.navbar.scrolled.svelte-d8j1hi{background:var(--nav-bg-solid, rgba(5, 11, 6, .92));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:var(--nav-border-solid, rgba(52, 211, 153, .14));box-shadow:var(--nav-shadow, 0 1px 0 rgba(52,211,153,.08), 0 8px 32px rgba(0,0,0,.5))}}@media(max-width:1023px){.navbar.svelte-d8j1hi{background:var(--nav-bg, rgba(6, 13, 7, .6));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar.scrolled.svelte-d8j1hi{background:var(--nav-bg-solid, rgba(5, 11, 6, .92));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--nav-border-solid, rgba(52, 211, 153, .08));box-shadow:var(--nav-shadow, 0 4px 24px rgba(0,0,0,.4))}}.nav-inner.svelte-d8j1hi{max-width:80rem;margin:0 auto;padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:padding .3s ease}.nav-inner.compact.svelte-d8j1hi{padding:.5rem 1.5rem}.nav-inner.reading-mode.svelte-d8j1hi{padding:.35rem 1.5rem}.nav-inner.marketing-mode.svelte-d8j1hi{padding:.55rem 1.25rem;max-width:90rem}.nav-inner.marketing-mode.compact.svelte-d8j1hi{padding:.42rem 1.25rem}.desktop-nav-primary.svelte-d8j1hi,.desktop-nav-footer.svelte-d8j1hi{display:flex;align-items:center;gap:.75rem}.desktop-nav-primary.svelte-d8j1hi{flex:0 1 auto;min-width:0}.desktop-nav-footer.svelte-d8j1hi{flex:0 0 auto}.nav-divider.svelte-d8j1hi,.rail-collapse-btn.svelte-d8j1hi{display:none}.nav-logo.svelte-d8j1hi{display:flex;align-items:center;text-decoration:none;gap:.75rem}.logo-img.svelte-d8j1hi,.logo-gif-img.svelte-d8j1hi{height:2.75rem;width:auto;transition:height .3s ease}.logo-sm.svelte-d8j1hi{height:2rem}.nav-logo.reading-mode.svelte-d8j1hi .logo-img:where(.svelte-d8j1hi),.nav-logo.reading-mode.svelte-d8j1hi .logo-gif-img:where(.svelte-d8j1hi){height:1.7rem}.logo-gif.svelte-d8j1hi .logo-gif-img:where(.svelte-d8j1hi){display:none}.logo-gif.svelte-d8j1hi:hover .logo-img:where(.svelte-d8j1hi){display:none}.logo-gif.svelte-d8j1hi:hover .logo-gif-img:where(.svelte-d8j1hi){display:block;position:relative;bottom:.25rem;left:.25rem}.nav-logo-copy.svelte-d8j1hi{display:none;min-width:0;flex-direction:column;gap:.1rem}.nav-logo-title.svelte-d8j1hi{font-size:.95rem;font-weight:700;line-height:1.05;color:var(--theme-text-primary);white-space:nowrap;overflow:hidden;isolation:isolate;--crown-body: #fbbf24;--crown-gem: #ffffff;--crown-glow: rgba(251, 191, 36, .7);transition:transform .2s ease,box-shadow .28s ease}.nav-logo-tagline.svelte-d8j1hi{font-size:.66rem;font-weight:500;line-height:1.2;color:var(--theme-text-muted);white-space:nowrap}.navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .nav-logo:where(.svelte-d8j1hi){padding:.5rem .9rem;border-radius:1rem;background:var(--theme-bg-elevated);border:1px solid var(--theme-border-default);box-shadow:var(--neu-shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .nav-logo:where(.svelte-d8j1hi):hover{transform:translateY(-1px);border-color:var(--theme-border-accent);box-shadow:var(--neu-shadow)}.navbar.marketing-navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .nav-logo:where(.svelte-d8j1hi),.navbar.marketing-navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .nav-logo:where(.svelte-d8j1hi):hover{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none}.navbar.marketing-navbar.svelte-d8j1hi .logo-img:where(.svelte-d8j1hi),.navbar.marketing-navbar.svelte-d8j1hi .logo-gif-img:where(.svelte-d8j1hi){height:2.3rem}.navbar.marketing-navbar.svelte-d8j1hi .logo-sm:where(.svelte-d8j1hi){height:1.85rem}.navbar.marketing-navbar.svelte-d8j1hi .avatar-btn:where(.svelte-d8j1hi){padding:0;min-height:auto}.navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .logo-gif:where(.svelte-d8j1hi):hover .logo-img:where(.svelte-d8j1hi){display:block}.navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .logo-gif:where(.svelte-d8j1hi):hover .logo-gif-img:where(.svelte-d8j1hi){display:none}.pro-badge-mobile.svelte-d8j1hi{padding:.3rem .6rem;font-size:.68rem;border-radius:.45rem}.pro-badge-mobile.svelte-d8j1hi .pro-crown:where(.svelte-d8j1hi){width:13px;height:11px}@media(min-width:1024px){.pro-badge-mobile.svelte-d8j1hi{display:none!important}}.pro-badge.svelte-d8j1hi{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .9rem;border-radius:.55rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-decoration:none;white-space:nowrap;overflow:hidden;isolation:isolate;--crown-body: #fbbf24;--crown-gem: #ffffff;--crown-glow: rgba(251, 191, 36, .7);transition:transform .2s ease,box-shadow .28s ease}.pro-badge.svelte-d8j1hi:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.42) 50%,transparent 75%);transform:translate(-130%);transition:transform .75s ease;pointer-events:none}.pro-badge.svelte-d8j1hi>:where(.svelte-d8j1hi){position:relative;z-index:1}.pro-badge.svelte-d8j1hi:hover:after{transform:translate(130%)}.pro-badge.svelte-d8j1hi:hover{transform:translateY(-1px)}.pro-badge.svelte-d8j1hi:active{transform:translateY(0)}.pro-crown.svelte-d8j1hi{width:17px;height:14px;flex-shrink:0;overflow:visible;filter:drop-shadow(0 0 2px var(--crown-glow))}.pro-crown.svelte-d8j1hi .crown-body:where(.svelte-d8j1hi){fill:var(--crown-body);stroke:#00000038;stroke-width:.6;stroke-linejoin:round}.pro-crown.svelte-d8j1hi .crown-gem:where(.svelte-d8j1hi){fill:var(--crown-gem);transform-box:fill-box;transform-origin:center;animation:svelte-d8j1hi-pro-gem-pulse 1.9s ease-in-out infinite}.pro-crown.svelte-d8j1hi .crown-gem:where(.svelte-d8j1hi):nth-child(2){animation-delay:0s}.pro-crown.svelte-d8j1hi .crown-gem:where(.svelte-d8j1hi):nth-child(3){animation-delay:.25s}.pro-crown.svelte-d8j1hi .crown-gem:where(.svelte-d8j1hi):nth-child(4){animation-delay:.5s}.pro-badge.svelte-d8j1hi:hover .pro-crown:where(.svelte-d8j1hi){animation:svelte-d8j1hi-pro-crown-bob .6s ease}@keyframes svelte-d8j1hi-pro-gem-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.35);opacity:1}}@keyframes svelte-d8j1hi-pro-crown-bob{0%{transform:translateY(0) rotate(0)}30%{transform:translateY(-2px) rotate(-6deg)}60%{transform:translateY(-1px) rotate(4deg)}to{transform:translateY(0) rotate(0)}}html[data-theme=dark] .pro-badge.svelte-d8j1hi,html:not([data-theme]) .pro-badge.svelte-d8j1hi{background:linear-gradient(135deg,#10b981,#059669 55%,#047857);color:#fff;box-shadow:0 2px 10px #10b98161,inset 0 0 0 1px #6ee7b773,inset 0 1px #ffffff38}html[data-theme=dark] .pro-badge.svelte-d8j1hi:hover,html:not([data-theme]) .pro-badge.svelte-d8j1hi:hover{box-shadow:0 6px 22px #10b98199,inset 0 0 0 1px #a7f3d099,inset 0 1px #ffffff47}html[data-theme=light] .pro-badge.svelte-d8j1hi{background:linear-gradient(135deg,#10b981,#059669 55%,#047857);color:#fff;--crown-body: #fde047;--crown-gem: #ffffff;--crown-glow: rgba(253, 224, 71, .75);box-shadow:3px 3px 8px #c8c8c8,-3px -3px 8px #fff,inset 0 1px #ffffff38,0 0 12px #10b98159}html[data-theme=light] .pro-badge.svelte-d8j1hi:hover{box-shadow:4px 4px 14px #b8b8b8,-4px -4px 14px #fff,inset 0 1px #ffffff4d,0 0 22px #10b9818c}html[data-theme=night] .pro-badge.svelte-d8j1hi{background:linear-gradient(135deg,#e8bc72,#d4a053 55%,#b88638);color:#1a1208;--crown-body: #4a2c0f;--crown-gem: #fff5d4;--crown-glow: rgba(255, 245, 212, .55);box-shadow:0 2px 10px #d4a0536b,inset 0 0 0 1px #f5d8a08c,inset 0 1px #fff0d259}html[data-theme=night] .pro-badge.svelte-d8j1hi:hover{box-shadow:0 6px 22px #d4a053a6,inset 0 0 0 1px #fae1aabf,inset 0 1px #fff0d273}.nav-divider.svelte-d8j1hi{width:1px;height:1.5rem;background:var(--theme-border-default);margin:0 .25rem;flex-shrink:0}.content-dropdown-shell.svelte-d8j1hi{display:flex;align-items:flex-start;gap:.2rem}.content-dropdown-primary.svelte-d8j1hi,.content-hover-panel.svelte-d8j1hi{width:16rem;overflow:hidden;border-radius:.75rem;border:1px solid var(--theme-border-default);background:var(--theme-bg-primary);box-shadow:0 10px 24px #0000002e,inset 0 0 0 1px #ffffff0a;position:relative}.content-dropdown-list.svelte-d8j1hi,.content-hover-list.svelte-d8j1hi{padding:.35rem 0}.content-hover-panel.svelte-d8j1hi{max-height:25rem;margin-left:-.1rem}.content-hover-panel.svelte-d8j1hi:before{content:"";position:absolute;top:1.15rem;left:-6px;width:10px;height:10px;background:var(--theme-bg-primary);border-left:1px solid var(--theme-border-accent);border-bottom:1px solid var(--theme-border-accent);transform:rotate(45deg);z-index:1}.content-hover-list.svelte-d8j1hi{max-height:21rem;overflow-y:auto}.nav-dropdown.svelte-d8j1hi{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);margin-top:.75rem;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60}.group.svelte-d8j1hi:hover .nav-dropdown:where(.svelte-d8j1hi){opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.dropdown-arrow.svelte-d8j1hi{position:absolute;top:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--theme-bg-elevated);border-left:1px solid var(--theme-border-accent);border-top:1px solid var(--theme-border-accent);z-index:1}.dropdown-item.svelte-d8j1hi{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:500;color:var(--theme-text-secondary);text-decoration:none;border-left:2px solid transparent;transition:background .15s,color .15s,border-color .15s}.dropdown-item.svelte-d8j1hi:hover{background:var(--theme-accent-subtle);color:var(--theme-text-primary);border-left-color:var(--theme-accent)}.dropdown-item-compact.svelte-d8j1hi{min-height:2.25rem;padding-top:.45rem;padding-bottom:.45rem}.content-root-item-active.svelte-d8j1hi{background:var(--theme-accent-subtle);color:var(--theme-text-primary);border-left-color:var(--theme-accent)}.content-dropdown-list.svelte-d8j1hi .dropdown-item:where(.svelte-d8j1hi),.content-hover-list.svelte-d8j1hi .dropdown-item:where(.svelte-d8j1hi){background:transparent}.content-panel-icon{color:var(--theme-text-primary)}.pomodoro-dropdown.svelte-d8j1hi{background:var(--theme-bg-elevated);border:1px solid var(--theme-border-accent);border-radius:.875rem;box-shadow:0 24px 64px #000000a6,0 0 0 1px #34d3990a;overflow:hidden;position:relative;z-index:2;width:100%;max-width:100%}.pomodoro-dropdown-anchor.svelte-d8j1hi{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:1rem;z-index:50;width:min(90vw,32rem)}.avatar-btn.svelte-d8j1hi{display:flex;align-items:center;border-radius:50%;text-decoration:none;padding:2px;position:relative;overflow:visible;transition:box-shadow .2s}.avatar-btn.svelte-d8j1hi:hover{box-shadow:none}.btn-signin.svelte-d8j1hi{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .9rem;background:transparent;border:1px solid var(--theme-border-default);border-radius:.55rem;color:var(--theme-text-muted);font-weight:700;font-size:.75rem;letter-spacing:.04em;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;white-space:nowrap}.btn-signin.svelte-d8j1hi:hover{background:var(--theme-accent-subtle);border-color:var(--theme-border-accent);color:var(--theme-text-primary);transform:translateY(-1px)}.btn-signin.svelte-d8j1hi:active{transform:translateY(0)}.navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .desktop-nav-primary:where(.svelte-d8j1hi) .nav-icon-btn,.navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .desktop-nav-footer:where(.svelte-d8j1hi) .avatar-btn:where(.svelte-d8j1hi){position:relative;z-index:0;border-radius:999px;border-color:transparent;background:transparent;box-shadow:none}.navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .desktop-nav-primary:where(.svelte-d8j1hi) .nav-icon-btn:before,.navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .desktop-nav-footer:where(.svelte-d8j1hi) .avatar-btn:where(.svelte-d8j1hi):before{content:"";position:absolute;inset:.15rem;border-radius:999px;background:var(--theme-accent-subtle);opacity:0;transform:scale(.82);transition:opacity .18s ease,transform .18s ease;z-index:-1;pointer-events:none}.navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .desktop-nav-primary:where(.svelte-d8j1hi) .nav-icon-btn:hover,.navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .desktop-nav-footer:where(.svelte-d8j1hi) .avatar-btn:where(.svelte-d8j1hi):hover{background:transparent!important;border-color:transparent!important;box-shadow:none!important}.navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .desktop-nav-primary:where(.svelte-d8j1hi) .nav-icon-btn:hover:before,.navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .desktop-nav-footer:where(.svelte-d8j1hi) .avatar-btn:where(.svelte-d8j1hi):hover:before{opacity:1;transform:scale(1)}.navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .pro-badge:where(.svelte-d8j1hi),.navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .btn-signin:where(.svelte-d8j1hi){box-shadow:none!important;transform:none!important}.navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .pro-badge:where(.svelte-d8j1hi):hover,.navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .btn-signin:where(.svelte-d8j1hi):hover{transform:none!important}html[data-theme=light] .navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .pro-badge:where(.svelte-d8j1hi),html[data-theme=light] .navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .btn-signin:where(.svelte-d8j1hi){background:transparent;border-color:var(--theme-border-default);color:var(--theme-text-primary)}html[data-theme=light] .navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .pro-badge:where(.svelte-d8j1hi):hover,html[data-theme=light] .navbar.svelte-d8j1hi:not(.desktop-rail-enabled) .btn-signin:where(.svelte-d8j1hi):hover{background:transparent;border-color:var(--theme-border-accent);color:var(--theme-accent)}.google-logo.svelte-d8j1hi{width:13px;height:13px;flex-shrink:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}html[data-theme=light] .btn-signin.svelte-d8j1hi{border-color:transparent;background:#e0e0e0;color:#2d3436;box-shadow:3px 3px 8px #bebebe,-3px -3px 8px #fff}html[data-theme=light] .btn-signin.svelte-d8j1hi:hover{background:#e4e4e4;color:#059669;box-shadow:4px 4px 12px #b8b8b8,-4px -4px 12px #fff}html[data-theme=night] .btn-signin.svelte-d8j1hi{background:#2d21148c;border-color:#8a756066;color:#c4a882}html[data-theme=night] .btn-signin.svelte-d8j1hi:hover{background:#3d2e1cbf;border-color:#d4a0538c;color:#e8d5b5}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.nav-spacer{display:none!important}.navbar.desktop-rail-enabled.svelte-d8j1hi{top:0;width:100%;height:100dvh;position:relative;background:var(--theme-bg-secondary)!important;border-right:1px solid var(--theme-border-default);border-bottom:0;box-shadow:none;overflow:visible;transform:none!important;transition:none}.navbar.desktop-rail-enabled.nav-hidden.svelte-d8j1hi{transform:none!important}.navbar.desktop-rail-enabled.svelte-d8j1hi .nav-inner:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.svelte-d8j1hi .nav-inner.compact:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.svelte-d8j1hi .nav-inner.reading-mode:where(.svelte-d8j1hi){width:100%;height:100%;max-width:none;margin:0;padding:.9rem .375rem .5rem;flex-direction:column;align-items:center;justify-content:flex-start;gap:.8rem}.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .nav-inner:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .nav-inner.compact:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .nav-inner.reading-mode:where(.svelte-d8j1hi){align-items:stretch}.navbar.desktop-rail-enabled.svelte-d8j1hi .nav-logo:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.svelte-d8j1hi .nav-logo.reading-mode:where(.svelte-d8j1hi){width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:0;background:transparent;border:0;box-shadow:none;flex-shrink:0;overflow:visible}.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .nav-logo:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .nav-logo.reading-mode:where(.svelte-d8j1hi){width:100%;height:auto;min-height:3.5rem;justify-content:flex-start;padding:.5rem .75rem;border-radius:.9rem;overflow:visible;background:transparent;border:1px solid color-mix(in srgb,var(--theme-border-default) 72%,transparent);box-shadow:none}.navbar.desktop-rail-enabled.svelte-d8j1hi .logo-img:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.svelte-d8j1hi .logo-gif-img:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.svelte-d8j1hi .logo-sm:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.svelte-d8j1hi .nav-logo.reading-mode:where(.svelte-d8j1hi) .logo-img:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.svelte-d8j1hi .nav-logo.reading-mode:where(.svelte-d8j1hi) .logo-gif-img:where(.svelte-d8j1hi){width:1.9rem;height:1.9rem;object-fit:contain}.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .nav-logo-copy:where(.svelte-d8j1hi){display:flex}.navbar.desktop-rail-enabled.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi){width:100%;flex:1;height:100%;min-height:0;flex-direction:column;align-items:center;justify-content:flex-start;gap:.35rem;overflow:visible}.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi){align-items:stretch}.lesson-menu-options-toggle.svelte-d8j1hi{display:none}.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .lesson-menu-options-toggle:where(.svelte-d8j1hi){width:100%;min-height:2rem;appearance:none;display:flex;align-items:center;justify-content:space-between;gap:.65rem;border:0;border-bottom:1px solid color-mix(in srgb,var(--theme-border-default) 72%,transparent);border-radius:0;background:transparent!important;color:var(--theme-text-secondary);padding:.25rem .5rem .35rem;font-size:.72rem;font-weight:700;line-height:1;letter-spacing:0;text-transform:none;box-shadow:none!important;filter:none!important;outline:none}.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .lesson-menu-options-toggle:where(.svelte-d8j1hi):hover{background:transparent;color:var(--theme-accent)}.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .lesson-menu-options-toggle:where(.svelte-d8j1hi):hover .lesson-menu-options-icon{color:var(--theme-accent)}.lesson-menu-options-icon{flex-shrink:0;color:var(--theme-text-secondary);transition:transform .18s ease}.lesson-menu-options-icon.open{transform:rotate(90deg)}.navbar.desktop-rail-enabled.svelte-d8j1hi .desktop-nav-primary:where(.svelte-d8j1hi){width:100%;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;gap:.35rem;overflow:visible}.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .desktop-nav-primary:where(.svelte-d8j1hi){gap:.35rem}.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .desktop-nav-primary:where(.svelte-d8j1hi){align-items:stretch}.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-primary:where(.svelte-d8j1hi){flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch}.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-primary.lesson-menu-options-collapsed:where(.svelte-d8j1hi){display:none}.navbar.desktop-rail-enabled.svelte-d8j1hi .desktop-nav-footer:where(.svelte-d8j1hi){width:100%;flex:0 0 auto;margin-top:auto;position:sticky;bottom:0;display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:.7rem 0 .2rem;border-top:1px solid color-mix(in srgb,var(--theme-border-default) 70%,transparent);background:var(--theme-bg-secondary)}.navbar.desktop-rail-enabled.svelte-d8j1hi .collapsed-lesson-sections:where(.svelte-d8j1hi){width:100%;display:flex;flex:1 1 auto;min-height:0;flex-direction:column;align-items:center;gap:.35rem;margin-top:.2rem;padding:.25rem 0 .5rem;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.navbar.desktop-rail-enabled.svelte-d8j1hi .collapsed-lesson-section-btn:where(.svelte-d8j1hi){width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:.8rem;background:transparent;color:var(--theme-text-secondary);box-shadow:none;cursor:pointer;font-size:1rem;line-height:1;transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease}.navbar.desktop-rail-enabled.svelte-d8j1hi .collapsed-lesson-section-btn:where(.svelte-d8j1hi):hover{background:color-mix(in srgb,var(--theme-accent-subtle) 24%,transparent);border-color:color-mix(in srgb,var(--theme-border-accent) 48%,transparent);color:var(--theme-text-primary);transform:none}.navbar.desktop-rail-enabled.svelte-d8j1hi .collapsed-lesson-section-btn.active:where(.svelte-d8j1hi){background:color-mix(in srgb,var(--theme-accent-subtle) 36%,transparent);border-color:color-mix(in srgb,var(--theme-border-accent) 58%,transparent);color:var(--theme-accent)}.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .desktop-nav-footer:where(.svelte-d8j1hi){align-items:stretch;padding-bottom:.2rem}.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-footer:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .desktop-nav-footer:where(.svelte-d8j1hi){flex-direction:row;align-items:center;gap:.5rem}.navbar.desktop-rail-enabled.svelte-d8j1hi .rail-collapse-btn:where(.svelte-d8j1hi){width:2.5rem;height:2.5rem;border-radius:.9rem!important;display:inline-flex;align-items:center;justify-content:center;position:static;background:transparent;border:1px solid color-mix(in srgb,var(--theme-border-default) 75%,transparent);color:var(--theme-text-secondary);box-shadow:none;transition:background .16s ease,color .16s ease,border-color .16s ease;flex-shrink:0}.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .rail-collapse-btn:where(.svelte-d8j1hi){align-self:center}.rail-collapse-btn.svelte-d8j1hi:hover{color:var(--theme-accent);background:transparent;border-color:color-mix(in srgb,var(--theme-border-default) 75%,transparent);transform:none}.rail-collapse-btn.svelte-d8j1hi:active{transform:translateY(0)}.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .rail-collapse-btn:where(.svelte-d8j1hi){position:static;align-self:flex-end}.rail-collapse-icon{transition:transform .2s ease}.navbar.desktop-rail-enabled.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi)>*{flex-shrink:0}.navbar.desktop-rail-enabled.svelte-d8j1hi .desktop-nav-primary:where(.svelte-d8j1hi)>.relative:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.svelte-d8j1hi .desktop-nav-primary:where(.svelte-d8j1hi)>a:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.svelte-d8j1hi .desktop-nav-footer:where(.svelte-d8j1hi)>a:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.svelte-d8j1hi .desktop-nav-footer:where(.svelte-d8j1hi)>button:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.svelte-d8j1hi .desktop-nav-footer:where(.svelte-d8j1hi)>*{flex-shrink:0}.navbar.desktop-rail-enabled.svelte-d8j1hi .nav-icon-btn:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) .nav-icon-btn,.navbar.desktop-rail-enabled.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) button.nav-icon-btn,.navbar.desktop-rail-enabled.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) a.nav-icon-btn{width:2.5rem!important;height:2.5rem!important;min-width:2.5rem!important;min-height:2.5rem!important;border-radius:.8rem!important;justify-content:center!important}.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .nav-icon-btn:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) .nav-icon-btn,.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) button.nav-icon-btn,.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) a.nav-icon-btn{background:transparent!important;border-color:transparent!important;box-shadow:none!important;transform:none!important}.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .nav-icon-btn:where(.svelte-d8j1hi):hover,.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) .nav-icon-btn:hover,.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) button.nav-icon-btn:hover,.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) a.nav-icon-btn:hover{background:color-mix(in srgb,var(--theme-accent-subtle) 24%,transparent)!important;border-color:color-mix(in srgb,var(--theme-border-accent) 48%,transparent)!important;box-shadow:none!important;transform:none!important}.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .nav-icon-btn:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) .nav-icon-btn,.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) button.nav-icon-btn,.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) a.nav-icon-btn{width:100%!important;justify-content:flex-start!important;gap:.7rem!important;padding:0 .7rem!important;text-align:left!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;transform:none!important}.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .nav-icon-btn:where(.svelte-d8j1hi):after,.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) .nav-icon-btn:after,.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) button.nav-icon-btn:after,.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) a.nav-icon-btn:after{content:attr(aria-label);font-size:.8rem;font-weight:500;line-height:1;color:var(--theme-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .nav-icon-btn:where(.svelte-d8j1hi):hover:after,.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) .nav-icon-btn:hover:after,.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) button.nav-icon-btn:hover:after,.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) a.nav-icon-btn:hover:after{color:var(--theme-text-primary)}.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .nav-icon-btn:where(.svelte-d8j1hi):hover,.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) .nav-icon-btn:hover,.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) button.nav-icon-btn:hover,.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) a.nav-icon-btn:hover{background:color-mix(in srgb,var(--theme-accent-subtle) 22%,transparent)!important;border-color:transparent!important;box-shadow:none!important;transform:none!important}.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .nav-icon-btn:where(.svelte-d8j1hi):hover,.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) .nav-icon-btn:hover,.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) button.nav-icon-btn:hover,.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) a.nav-icon-btn:hover,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .nav-icon-btn:where(.svelte-d8j1hi):hover,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) .nav-icon-btn:hover,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) button.nav-icon-btn:hover,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) a.nav-icon-btn:hover{background:transparent!important;border-color:transparent!important;box-shadow:none!important;filter:none!important;transform:none!important}.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .nav-icon-btn:where(.svelte-d8j1hi):hover,.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) .nav-icon-btn:hover,.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) button.nav-icon-btn:hover,.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) a.nav-icon-btn:hover,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .nav-icon-btn:where(.svelte-d8j1hi):hover,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) .nav-icon-btn:hover,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) button.nav-icon-btn:hover,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) a.nav-icon-btn:hover{color:var(--theme-accent)!important}.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .nav-icon-btn:where(.svelte-d8j1hi):hover:after,.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) .nav-icon-btn:hover:after,.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) button.nav-icon-btn:hover:after,.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) a.nav-icon-btn:hover:after,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .nav-icon-btn:where(.svelte-d8j1hi):hover:after,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) .nav-icon-btn:hover:after,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) button.nav-icon-btn:hover:after,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) a.nav-icon-btn:hover:after{color:var(--theme-accent)!important}.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .nav-icon-btn:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) .nav-icon-btn,.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) button.nav-icon-btn,.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) a.nav-icon-btn,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .nav-icon-btn:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) .nav-icon-btn,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) button.nav-icon-btn,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) a.nav-icon-btn{width:100%!important;height:2.25rem!important;min-height:2.25rem!important;justify-content:flex-start!important;gap:.7rem!important;padding:0 .5rem!important;border-radius:.7rem!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;filter:none!important}.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .nav-icon-btn:where(.svelte-d8j1hi):after,.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) .nav-icon-btn:after,.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) button.nav-icon-btn:after,.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) a.nav-icon-btn:after,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .nav-icon-btn:where(.svelte-d8j1hi):after,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) .nav-icon-btn:after,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) button.nav-icon-btn:after,.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .desktop-nav-items:where(.svelte-d8j1hi) a.nav-icon-btn:after{display:inline;font-size:.82rem;font-weight:500}.nav-divider.svelte-d8j1hi{width:100%;height:1px;margin:0;background:color-mix(in srgb,var(--theme-border-default) 70%,transparent)}.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .nav-divider:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .nav-divider:where(.svelte-d8j1hi){display:none}.navbar.desktop-rail-enabled.svelte-d8j1hi .pro-badge:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.svelte-d8j1hi .btn-signin:where(.svelte-d8j1hi){width:2.5rem;height:2.5rem;justify-content:center;padding:0;border-radius:.8rem;box-shadow:none!important;transform:none!important}.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .pro-badge:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .btn-signin:where(.svelte-d8j1hi){width:100%;justify-content:center;padding:.42rem .9rem}.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .pro-badge:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .btn-signin:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .pro-badge:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .btn-signin:where(.svelte-d8j1hi){flex:1 1 0;width:auto;min-width:0;padding:.42rem .7rem}.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .pro-badge:where(.svelte-d8j1hi) span:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .btn-signin:where(.svelte-d8j1hi) span:where(.svelte-d8j1hi){display:none}.navbar.desktop-rail-enabled.svelte-d8j1hi .avatar-btn:where(.svelte-d8j1hi){width:2.5rem;min-height:2.5rem;display:inline-flex;justify-content:center;align-items:center;overflow:visible}.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .avatar-btn:where(.svelte-d8j1hi){padding:2px}.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .avatar-btn:where(.svelte-d8j1hi) .avatar-container,.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .avatar-btn:where(.svelte-d8j1hi) .avatar-wrapper{overflow:visible}.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .avatar-btn:where(.svelte-d8j1hi) .user-avatar,.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .avatar-btn:where(.svelte-d8j1hi) .avatar-container{width:2.5rem;min-width:2.5rem;justify-content:center}.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .avatar-btn:where(.svelte-d8j1hi) .avatar-wrapper{width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .avatar-btn:where(.svelte-d8j1hi) .xp-badge{top:-4px;right:-6px;transform:none}.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .avatar-btn:where(.svelte-d8j1hi){width:100%;justify-content:flex-start;align-items:center;gap:.7rem;min-height:2.2rem;padding:.1rem .25rem}.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .avatar-btn:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .avatar-btn:where(.svelte-d8j1hi){flex:1 1 auto;width:auto;min-width:2.5rem}.navbar.desktop-rail-enabled.rail-collapsed.svelte-d8j1hi .avatar-btn:where(.svelte-d8j1hi) .status-badge{display:none}.navbar.desktop-rail-enabled.svelte-d8j1hi .avatar-meta:where(.svelte-d8j1hi){display:none}.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .avatar-meta:where(.svelte-d8j1hi){display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:.14rem}.navbar.desktop-rail-enabled.svelte-d8j1hi .avatar-name:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.svelte-d8j1hi .avatar-streak:where(.svelte-d8j1hi){display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar.desktop-rail-enabled.svelte-d8j1hi .avatar-name:where(.svelte-d8j1hi){color:var(--theme-text-primary);font-size:.82rem;font-weight:600;line-height:1.05}.navbar.desktop-rail-enabled.svelte-d8j1hi .avatar-streak:where(.svelte-d8j1hi){color:var(--theme-accent);font-size:.68rem;font-weight:600;line-height:1}.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .avatar-btn:where(.svelte-d8j1hi) .avatar-container{flex-direction:row;align-items:center;gap:0}.navbar.desktop-rail-enabled.rail-open.svelte-d8j1hi .avatar-btn:where(.svelte-d8j1hi) .status-badge{display:none}.navbar.desktop-rail-enabled.rail-open.lesson-rail-mode.svelte-d8j1hi .rail-collapse-btn:where(.svelte-d8j1hi),.navbar.desktop-rail-enabled.rail-open.lesson-route.svelte-d8j1hi .rail-collapse-btn:where(.svelte-d8j1hi){margin-left:auto;align-self:center;flex:0 0 auto}.navbar.desktop-rail-enabled.svelte-d8j1hi .nav-dropdown:where(.svelte-d8j1hi){top:0;left:calc(100% + .75rem);margin-top:0;transform:translate(0) translateY(0);pointer-events:auto}.navbar.desktop-rail-enabled.svelte-d8j1hi .group:where(.svelte-d8j1hi):hover .nav-dropdown:where(.svelte-d8j1hi){transform:translate(0) translateY(0)}.navbar.desktop-rail-enabled.svelte-d8j1hi .dropdown-arrow:where(.svelte-d8j1hi){top:1rem;left:-5px;transform:rotate(45deg);border-top:0;border-bottom:1px solid var(--theme-border-accent)}.navbar.desktop-rail-enabled.svelte-d8j1hi .pomodoro-dropdown-anchor:where(.svelte-d8j1hi){top:0;left:calc(100% + .75rem);transform:none;margin-top:0;width:min(28rem,calc(100vw - var(--app-desktop-nav-width, 5.5rem) - 2rem));max-width:calc(100vw - var(--app-desktop-nav-width, 5.5rem) - 2rem)}.navbar.desktop-rail-enabled.svelte-d8j1hi .pomodoro-dropdown-anchor:where(.svelte-d8j1hi) .dropdown-arrow-center:where(.svelte-d8j1hi){top:1rem;left:-5px;transform:rotate(45deg);border-top:0;border-bottom:1px solid var(--theme-border-accent)}}.hamburger.svelte-d8j1hi{display:flex;flex-direction:column;gap:5px;padding:.5rem .55rem;background:var(--fab-bg);border:1px solid var(--fab-border);border-radius:.5rem;cursor:pointer;transition:background .2s,border-color .2s}.hamburger.svelte-d8j1hi:hover{background:var(--fab-bg-hover);border-color:var(--fab-border-hover)}.bar.svelte-d8j1hi{width:20px;height:2px;background:var(--fab-text);border-radius:2px;transform-origin:center;transition:transform .25s ease,opacity .2s ease,background .2s}.bar.open.svelte-d8j1hi{background:var(--theme-accent)}.bar.open.svelte-d8j1hi:first-child{transform:translateY(7px) rotate(45deg)}.bar.mid.open.svelte-d8j1hi{opacity:0;transform:scaleX(0)}.bar.open.svelte-d8j1hi:last-child{transform:translateY(-7px) rotate(-45deg)}.timer-chip.svelte-d8j1hi{display:flex;align-items:center;gap:.375rem;padding:.3rem .65rem;background:#34d3991a;border:1px solid rgba(52,211,153,.3);border-radius:.5rem;color:#34d399;font-size:.8125rem;font-family:monospace;font-weight:700;cursor:pointer;transition:background .2s}.timer-chip.svelte-d8j1hi:hover{background:#34d3992e}.timer-dot.svelte-d8j1hi{width:8px;height:8px;border-radius:50%;flex-shrink:0}.timer-dot.active.svelte-d8j1hi{background:#10b981;animation:pulse-dot 1s ease-in-out infinite}.timer-dot.paused.svelte-d8j1hi{background:#f59e0b}.fullscreen-header.svelte-d8j1hi{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--theme-border-default);background:var(--theme-bg-elevated);backdrop-filter:blur(8px);flex-shrink:0}.safe-top.svelte-d8j1hi{padding-top:max(1rem,env(safe-area-inset-top,0px))}.safe-bottom.svelte-d8j1hi{padding-bottom:max(1.25rem,env(safe-area-inset-bottom,0px))}.icon-circle.svelte-d8j1hi{width:2rem;height:2rem;border-radius:50%;background:var(--theme-accent-subtle);border:1px solid var(--theme-border-accent);display:flex;align-items:center;justify-content:center}.close-circle.svelte-d8j1hi{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--theme-bg-surface);border:1px solid var(--theme-border-default);color:var(--theme-text-secondary);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.close-circle.svelte-d8j1hi:hover{background:var(--theme-accent-subtle);border-color:var(--theme-accent);color:var(--theme-accent)}.pomodoro-fullscreen.svelte-d8j1hi{position:fixed;inset:0;z-index:100001;background:var(--theme-bg-primary);display:flex;flex-direction:column;height:100dvh;width:100vw}@media(min-width:1024px){.pomodoro-fullscreen.svelte-d8j1hi{display:none!important}}.mobile-menu.svelte-d8j1hi{position:fixed;inset:0;z-index:100000;background:var(--theme-bg-primary);display:flex;flex-direction:column;height:100dvh;width:100vw;overflow:hidden}.menu-header.svelte-d8j1hi{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.125rem;border-bottom:1px solid var(--theme-border-default);background:var(--theme-bg-elevated);flex-shrink:0}.menu-logo-wrap.svelte-d8j1hi{width:2rem;height:2rem;border-radius:.5rem;background:var(--theme-accent-subtle);border:1px solid var(--theme-border-accent);display:flex;align-items:center;justify-content:center}.menu-close-btn.svelte-d8j1hi{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:.625rem;background:var(--theme-bg-surface);border:1px solid var(--theme-border-default);color:var(--theme-text-secondary);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.menu-close-btn.svelte-d8j1hi:hover{background:#ef444414;border-color:#ef444440;color:#f87171}.mobile-search-bar.svelte-d8j1hi{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;background:var(--theme-bg-surface);border:1px solid var(--theme-border-default);border-radius:.875rem;cursor:pointer;transition:border-color .15s,box-shadow .15s}.mobile-search-bar.svelte-d8j1hi:hover,.mobile-search-bar.svelte-d8j1hi:focus{border-color:var(--theme-border-accent);box-shadow:0 0 0 3px var(--theme-accent-subtle);outline:none}.menu-kbd.svelte-d8j1hi{font-size:.6875rem;font-weight:600;color:var(--theme-text-muted);background:var(--theme-bg-elevated);border:1px solid var(--theme-border-default);padding:.125rem .4rem;border-radius:.3rem;letter-spacing:.02em}.mobile-section-label.svelte-d8j1hi{font-size:.6875rem;font-weight:700;color:var(--theme-text-muted);letter-spacing:.1em;text-transform:uppercase;padding:0 .375rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.mobile-section-label.svelte-d8j1hi:before{content:"";width:3px;height:3px;border-radius:50%;background:var(--theme-accent);flex-shrink:0}.mobile-card-group.svelte-d8j1hi{background:var(--theme-bg-surface);border:1px solid var(--theme-border-default);border-radius:.875rem;overflow:hidden;box-shadow:0 1px 3px #0000000d}.mobile-nav-item.svelte-d8j1hi{display:flex;align-items:center;gap:.75rem;padding:.8125rem 1rem;color:var(--theme-text-primary);text-decoration:none;cursor:pointer;background:transparent;border:none;font-family:inherit;font-size:.875rem;font-weight:600;text-align:left;width:100%;transition:background .12s;position:relative}.mobile-nav-item.svelte-d8j1hi+.mobile-nav-item:where(.svelte-d8j1hi):before{content:"";position:absolute;top:0;left:1rem;right:1rem;height:1px;background:color-mix(in srgb,var(--theme-border-default) 72%,transparent);pointer-events:none}.mobile-nav-item.svelte-d8j1hi:hover,.mobile-nav-item.svelte-d8j1hi:focus-visible{background:var(--theme-accent-subtle);outline:none}.mobile-nav-item.svelte-d8j1hi:active{background:var(--theme-accent-subtle)}.mobile-nav-icon.svelte-d8j1hi{width:2.125rem;height:2.125rem;display:flex;align-items:center;justify-content:center;border-radius:.5625rem;background:var(--icon-bg, rgba(16,185,129,.12));color:var(--accent, #10b981);flex-shrink:0;border:1px solid var(--icon-border, rgba(16,185,129,.2));transition:background .15s}.mobile-nav-text.svelte-d8j1hi{font-size:.875rem;font-weight:600;color:var(--theme-text-primary);line-height:1.2}.mobile-nav-sub.svelte-d8j1hi{font-size:.6875rem;font-weight:400;color:var(--theme-text-muted);line-height:1.3;margin-top:.125rem}.mobile-nav-item.svelte-d8j1hi .menu-chevron{color:var(--theme-text-muted);transition:transform .15s,color .15s}.mobile-nav-item.svelte-d8j1hi:hover .menu-chevron{transform:translate(2px);color:var(--theme-accent)}.menu-badge.svelte-d8j1hi{font-size:.6875rem;font-weight:700;padding:.2rem .5rem;border-radius:.375rem}.menu-badge-purple.svelte-d8j1hi{background:#a78bfa1f;color:#a78bfa;border:1px solid rgba(167,139,250,.25)}.menu-badge-emerald.svelte-d8j1hi{background:#34d3991f;color:#34d399;border:1px solid rgba(52,211,153,.25)}.menu-badge-red.svelte-d8j1hi{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.menu-badge-rose.svelte-d8j1hi{background:#f43f5e1f;color:#f43f5e;border:1px solid rgba(244,63,94,.25)}.mobile-menu-footer.svelte-d8j1hi{display:flex;flex-direction:row;align-items:center;gap:.625rem;padding:.875rem 1rem;border-top:1px solid var(--theme-border-default);background:var(--theme-bg-elevated);flex-shrink:0;padding-bottom:max(.875rem,env(safe-area-inset-bottom,0px))}.mobile-profile.svelte-d8j1hi{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;padding:.5rem .625rem;border-radius:.75rem;cursor:pointer;text-decoration:none;transition:background .12s}.mobile-profile.svelte-d8j1hi:hover{background:var(--theme-accent-subtle)}.mobile-logout-btn.svelte-d8j1hi{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.625rem;background:#ef44440f;border:1px solid rgba(239,68,68,.12);color:#f87171;cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s}.mobile-logout-btn.svelte-d8j1hi:hover{background:#ef444426;border-color:#ef44444d}.mobile-login-btn.svelte-d8j1hi{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1.25rem;height:2.75rem;background:transparent;border:1.5px solid var(--theme-border-default);border-radius:.875rem;color:var(--theme-text-primary);font-weight:700;font-size:.875rem;letter-spacing:.01em;cursor:pointer;font-family:inherit;flex-shrink:0;transition:background .15s,border-color .15s,color .15s}.mobile-login-btn.svelte-d8j1hi:hover{background:var(--theme-accent-subtle);border-color:var(--theme-accent);color:var(--theme-accent)}.footer-pro-btn.svelte-d8j1hi{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;height:2.75rem;border-radius:.875rem;font-size:.875rem;font-weight:700;letter-spacing:.02em;text-decoration:none;border:none;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;transition:box-shadow .2s,transform .15s;flex-shrink:0;background:linear-gradient(135deg,#10b981,#059669 55%,#047857);color:#fff;box-shadow:0 2px 10px #10b98161,inset 0 0 0 1px #6ee7b773,inset 0 1px #ffffff38}.footer-pro-btn.svelte-d8j1hi:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);background-size:200% 100%;background-position:200% 0;transition:background-position .5s ease}.footer-pro-btn.svelte-d8j1hi:hover:before{background-position:-200% 0}.footer-pro-btn.svelte-d8j1hi:hover{box-shadow:0 6px 22px #10b98199,inset 0 0 0 1px #a7f3d099,inset 0 1px #ffffff47;transform:translateY(-1px)}html[data-theme=light] .footer-pro-btn.svelte-d8j1hi{background:linear-gradient(135deg,#10b981,#059669 55%,#047857);color:#fff;box-shadow:0 2px 8px #10b9814d,inset 0 1px #ffffff38}html[data-theme=light] .footer-pro-btn.svelte-d8j1hi:hover{box-shadow:0 4px 16px #10b98173,inset 0 1px #ffffff4d}html[data-theme=night] .footer-pro-btn.svelte-d8j1hi{background:linear-gradient(135deg,#e8bc72,#d4a053 55%,#b88638);color:#1a1208;box-shadow:0 2px 10px #d4a0536b,inset 0 0 0 1px #f5d8a08c,inset 0 1px #fff0d259}html[data-theme=night] .footer-pro-btn.svelte-d8j1hi:hover{box-shadow:0 6px 22px #d4a053a6,inset 0 0 0 1px #fae1aabf,inset 0 1px #fff0d273}.footer-pro-btn.svelte-d8j1hi .pro-crown:where(.svelte-d8j1hi){width:1rem;height:1rem;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.footer-pro-btn.svelte-d8j1hi .crown-body:where(.svelte-d8j1hi){fill:#fde68a;stroke:#f59e0b;stroke-width:1.2;stroke-linejoin:round}.footer-pro-btn.svelte-d8j1hi .crown-gem:where(.svelte-d8j1hi){fill:#fff;stroke:#f59e0b;stroke-width:.8}html[data-theme=night] .footer-pro-btn.svelte-d8j1hi .crown-body:where(.svelte-d8j1hi){fill:#4a2c0f;stroke:#8b6914}html[data-theme=night] .footer-pro-btn.svelte-d8j1hi .crown-gem:where(.svelte-d8j1hi){fill:#fff5d4;stroke:#8b6914}.signin-modal.svelte-d8j1hi{padding:0}.toggle-pill.svelte-d8j1hi{width:2.25rem;height:1.25rem;border-radius:99px;background:var(--theme-bg-elevated);border:1px solid var(--theme-border-default);position:relative;transition:background .2s,border-color .2s;flex-shrink:0}.toggle-pill.svelte-d8j1hi:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--theme-text-muted);transition:transform .2s,background .2s}.toggle-pill.active.svelte-d8j1hi{background:var(--theme-accent-subtle);border-color:var(--theme-accent)}.toggle-pill.active.svelte-d8j1hi:after{transform:translate(1rem);background:var(--theme-accent)}
