@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-700-normal-CEOla-zY.woff2) format("woff2"),url(/assets/fraunces-latin-700-normal-DTjk5d1Q.woff) format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/fraunces-latin-800-normal-5RM8DebB.woff2) format("woff2"),url(/assets/fraunces-latin-800-normal-B3oGScaA.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/plus-jakarta-sans-latin-400-normal-Dhut76fR.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-400-normal-BDKaGhyp.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/plus-jakarta-sans-latin-600-normal-DLTa1BUW.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-600-normal-BR_Ojra4.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/plus-jakarta-sans-latin-700-normal-CfpNZvy6.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-700-normal-DqEcQeE5.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/plus-jakarta-sans-latin-800-normal-CusIZhrK.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-800-normal-BRNHt2w0.woff) format("woff")}@layer reset,tokens,base,components,pages,utilities;@layer tokens{:root{color-scheme:light;--app-ink: #18233a;--app-ink-soft: #465269;--app-muted: #596474;--app-muted-light: #626c7c;--app-paper: #fffbf4;--app-canvas: #f3efe8;--app-panel: rgba(255, 251, 244, .92);--app-line: rgba(24, 35, 58, .16);--app-primary: #536cc9;--app-primary-dark: #34499a;--app-primary-soft: #e8ecfa;--app-coral: #ce6e59;--app-reward: #f0b56a;--app-accent: var(--app-reward);--app-accent-soft: #fff1d8;--app-accent-shadow: #a66a28;--app-success: #2d7468;--app-success-soft: #dfefeb;--app-danger: #b24852;--app-danger-soft: #fbeaec;--app-night: #121a2c;--app-night-soft: #1c2944;--app-radius-sm: 10px;--app-radius-md: 17px;--app-radius-lg: 26px;--app-space-1: 4px;--app-space-2: 8px;--app-space-3: 12px;--app-space-4: 16px;--app-space-5: 24px;--app-space-6: 32px;--app-space-7: 48px;--app-shadow-flat: 0 1px 0 rgba(20, 30, 50, .04);--app-shadow-sm: 0 1px 0 rgba(20, 30, 50, .06), 0 8px 20px rgba(28, 39, 64, .06);--app-shadow-md: 0 2px 0 rgba(18, 28, 48, .08), 0 18px 42px rgba(30, 42, 68, .09);--app-shadow-lg: 0 3px 0 rgba(15, 24, 42, .12), 0 28px 64px rgba(29, 41, 67, .14);--app-shadow-overlay: 0 32px 90px rgba(13, 20, 34, .22);--app-ease: cubic-bezier(.2, .8, .25, 1);--app-duration-fast: .14s;--app-duration-base: .18s;--app-duration-progress: .32s;--app-control-min: 44px;--app-ui-xs: .75rem;--app-ui-sm: .8125rem;--app-type-caption: var(--app-ui-xs);--app-type-meta: var(--app-ui-sm);--app-type-body: .9375rem;--app-type-card-title: 1rem;--app-type-section-title: clamp(1.35rem, 2vw, 1.8rem);--app-type-page-title: clamp(2.35rem, 4vw, 4rem);--app-type-functional: var(--app-type-caption);--app-type-body-sm: var(--app-type-meta);--app-shell-top: 68px;--font-scale: 1}}@layer reset{*,*:before,*:after{box-sizing:border-box}html{font-size:calc(16px * var(--font-scale));scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh}body,button,input,select,textarea{font:inherit}button,input,select,textarea{color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,input,select{min-height:var(--app-control-min)}button{border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p,figure,dl,dd{margin:0}ol,ul{margin:0;padding:0}}@layer base{body{color:var(--app-ink);background:linear-gradient(rgba(47,64,96,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(47,64,96,.025) 1px,transparent 1px),var(--app-canvas);background-size:30px 30px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:var(--app-type-body);line-height:1.5}h1,h2,h3{text-wrap:balance}h1,h2{letter-spacing:-.045em}:focus-visible{outline:3px solid color-mix(in srgb,var(--app-primary) 62%,white);outline-offset:3px}h1[tabindex="-1"]:focus{outline:none}::selection{color:var(--app-ink);background:var(--app-accent)}}@layer components{.sr-only,.route-announcement{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:200;left:16px;top:12px;min-height:var(--app-control-min);padding:10px 14px;border-radius:10px;display:inline-flex;align-items:center;color:#fff;background:var(--app-primary-dark);transform:translateY(-160%);transition:transform .18s var(--app-ease)}.skip-link:focus{transform:translateY(0)}.eyebrow,.app-overline{display:inline-flex;align-items:center;gap:7px;color:var(--app-primary-dark);text-transform:uppercase;letter-spacing:.09em;font-size:var(--app-type-functional);font-weight:800;line-height:1.25}.eyebrow--light{color:#e4e9f7}.button{min-height:var(--app-control-min);padding:0 18px;border:1px solid transparent;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-size:var(--app-type-body-sm);font-weight:800;transition:transform var(--app-duration-base) var(--app-ease),box-shadow var(--app-duration-base) var(--app-ease),background var(--app-duration-base) ease,border-color var(--app-duration-base) ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.58;box-shadow:none;cursor:not-allowed;filter:saturate(.72);transform:none}.button--primary{color:var(--app-ink);background:var(--app-accent);box-shadow:0 3px 0 var(--app-accent-shadow)}.button--dark{color:#fff;background:var(--app-ink);box-shadow:0 3px #0b1220}.button--soft{color:var(--app-primary-dark);background:var(--app-primary-soft)}.button--ghost{border-color:var(--app-line);color:var(--app-ink-soft);background:#ffffffa3}.button--wide{width:100%}.button--large{min-height:52px;padding-inline:24px}.text-link,.back-link{min-height:var(--app-control-min);display:inline-flex;align-items:center;gap:7px;color:var(--app-primary-dark);font-size:var(--app-type-functional);font-weight:800}.round-button{width:var(--app-control-min);height:var(--app-control-min);min-height:var(--app-control-min);padding:0;border:1px solid var(--app-line);border-radius:50%;display:inline-grid;place-items:center;color:var(--app-ink-soft);background:#fffffff0;cursor:pointer}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--app-muted);font-size:var(--app-type-functional);font-weight:700}.breadcrumbs a{min-height:var(--app-control-min);display:inline-flex;align-items:center}.breadcrumbs strong{color:var(--app-ink)}.back-link{width:max-content;margin-bottom:12px}.progress-track{height:7px;overflow:hidden;border-radius:999px;background:#18233a24}.progress-track>i,.progress-track>span{display:block;height:100%;border-radius:inherit;background:var(--level-color, var(--app-primary));transition:width var(--app-duration-progress) var(--app-ease)}.brand{width:max-content;display:inline-flex;align-items:center;gap:10px}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7186d5,var(--app-primary-dark));box-shadow:0 8px 18px #283a7340}.brand-mark svg{width:27px;height:27px}.brand-name{font-size:1rem;font-weight:600;letter-spacing:-.04em}.brand-name strong{color:var(--app-accent)}.brand--compact .brand-mark{width:38px;height:38px}.avatar,.topbar-avatar{width:var(--app-control-min);height:var(--app-control-min);min-height:var(--app-control-min);border-radius:13px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:linear-gradient(145deg,#7186d5,var(--app-primary-dark));font-size:var(--app-type-functional);font-weight:800}.avatar--coral{color:#8d4638;background:#f6ddd6}.app-shell{min-height:100vh;min-height:100dvh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:236px;padding:24px 16px 16px;display:flex;flex-direction:column;color:#dce3f1;background:radial-gradient(circle at 15% 0,rgba(83,108,201,.2),transparent 17rem),linear-gradient(180deg,var(--app-night-soft),var(--app-night));box-shadow:1px 0 #ffffff0d}.sidebar-brand-lockup{padding:0 7px 18px}.sidebar-brand-lockup .brand{color:#fff}.sidebar-brand-lockup>span{display:block;margin-top:9px;color:#b7c0d1;text-transform:uppercase;letter-spacing:.12em;font-size:var(--app-type-functional);font-weight:800}.sidebar-nav{display:grid;gap:4px}.nav-section-label{margin:14px 10px 4px;color:#a7b1c3;text-transform:uppercase;letter-spacing:.1em;font-size:var(--app-type-functional);font-weight:800}.nav-item{min-height:48px;padding:0 12px;border-radius:13px;display:flex;align-items:center;gap:11px;color:#c3cbda;font-size:var(--app-type-body-sm);font-weight:700;transition:color var(--app-duration-fast) ease,background var(--app-duration-fast) ease,transform var(--app-duration-fast) ease}.nav-item:hover{color:#fff;background:#ffffff12;transform:translate(1px)}.nav-item.is-active{color:var(--app-ink);background:var(--app-accent);box-shadow:0 2px 0 var(--app-accent-shadow)}.nav-count{min-width:24px;height:24px;margin-left:auto;padding:0 6px;border-radius:999px;display:grid;place-items:center;color:#fff;background:var(--app-coral);font-size:var(--app-type-functional)}.nav-spark{margin-left:auto;color:var(--app-reward)}.sidebar-journey{margin-top:auto;padding:13px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:#ffffff0b;box-shadow:var(--app-shadow-flat)}.journey-orbit{float:left;width:44px;height:44px;margin-right:9px;border-radius:12px;display:grid;place-items:center;color:var(--app-ink);background:var(--app-reward)}.sidebar-journey>div:nth-child(2){min-height:44px;display:flex;flex-direction:column;justify-content:center}.sidebar-journey small,.sidebar-journey p{color:#b4bed0;font-size:var(--app-type-functional)}.sidebar-journey strong{color:#fff;font-size:var(--app-type-body-sm)}.mini-progress{clear:both;height:6px;margin-top:9px;overflow:hidden;border-radius:99px;background:#ffffff26}.mini-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--app-coral),var(--app-accent))}.sidebar-journey p{margin-top:7px}.sidebar-profile{min-height:58px;margin-top:8px;padding:7px;border-radius:14px;display:flex;align-items:center;gap:9px}.sidebar-profile:hover,.sidebar-profile.is-active{background:#ffffff12}.sidebar-profile>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column}.sidebar-profile strong{overflow:hidden;color:#fff;font-size:var(--app-type-functional);text-overflow:ellipsis;white-space:nowrap}.sidebar-profile small{color:#b4bed0;font-size:var(--app-type-functional)}.app-stage{position:relative;min-width:0;min-height:100vh;min-height:100dvh;margin-left:236px}.app-atmosphere{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.app-atmosphere i{position:absolute;border-radius:50%;filter:blur(1px);opacity:.16}.app-atmosphere i:nth-child(1){width:250px;height:250px;right:3%;top:12%;background:#a9b9ef}.app-atmosphere i:nth-child(2){width:200px;height:200px;left:25%;bottom:2%;background:#f2c598}.app-atmosphere i:nth-child(3){width:180px;height:180px;right:28%;bottom:14%;background:var(--app-accent);opacity:.08}.topbar{position:sticky;z-index:20;top:0;min-height:var(--app-shell-top);padding:0 clamp(24px,3.4vw,48px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--app-line);background:#fffbf4eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-context{display:flex;align-items:center;gap:9px;color:var(--app-muted);font-size:var(--app-type-functional)}.topbar-context i{color:var(--app-muted-light);font-style:normal}.topbar-context strong{color:var(--app-ink)}.topbar-actions{display:flex;align-items:center;gap:8px}.save-state{min-height:var(--app-control-min);padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;color:var(--app-muted);background:transparent;font-size:var(--app-type-functional)}.save-state i{width:7px;height:7px;border-radius:50%;background:var(--app-success)}.save-state--saving i{background:var(--app-reward)}.save-state--offline{color:var(--app-danger);background:var(--app-danger-soft);cursor:pointer}.save-state--offline i{background:var(--app-coral)}.rank-pill,.streak-pill{min-height:var(--app-control-min);padding:0 12px;border:1px solid var(--app-line);border-radius:999px;display:inline-flex;align-items:center;gap:5px;font-size:var(--app-type-functional);background:#ffffffad}.rank-pill{color:var(--app-primary-dark);background:var(--app-primary-soft)}.streak-pill{color:#8a571f;background:var(--app-accent-soft)}.rank-pill span,.streak-pill span{color:var(--app-muted);font-size:var(--app-type-functional)}.mobile-brand,.bottom-nav{display:none}.main-content{min-width:0}.app-shell--immersive .sidebar,.app-shell--immersive .topbar,.app-shell--immersive .bottom-nav{display:none}.app-shell--immersive .app-stage{margin-left:0}.app-shell--immersive .main-content{padding:0}.page{width:min(100%,1180px);margin:0 auto;padding:var(--app-space-6) clamp(28px,3.6vw,48px) 72px}.page-heading,.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.page-heading h1{margin-top:var(--app-space-2);font-size:var(--app-type-page-title);line-height:1.02}.page-heading p,.section-heading p{max-width:620px;margin-top:var(--app-space-2);color:var(--app-muted);font-size:var(--app-type-meta);line-height:1.6}.page-heading--action{align-items:center}.section-heading h2{margin-top:var(--app-space-1);font-size:var(--app-type-section-title);line-height:1.12}.empty-state{min-height:320px;padding:var(--app-space-6);border:1px solid var(--app-line);border-radius:var(--app-radius-lg);display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;color:var(--app-muted);background:var(--app-panel);box-shadow:var(--app-shadow-sm)}.empty-state>span{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:var(--app-primary-dark);background:var(--app-primary-soft)}.empty-state h1,.empty-state h2{color:var(--app-ink)}.empty-state p{max-width:520px;font-size:var(--app-type-body-sm);line-height:1.6}.not-found__number{color:var(--app-primary);font:800 5rem/1 Fraunces,serif}.app-availability-badge{min-height:32px;padding:0 10px;border:1px solid color-mix(in srgb,var(--app-primary) 18%,transparent);border-radius:999px;display:inline-flex;align-items:center;gap:6px;color:var(--app-primary-dark);background:color-mix(in srgb,var(--app-primary-soft) 72%,var(--app-paper));font-size:var(--app-type-caption);font-weight:800;line-height:1.25}.app-availability-badge svg{flex:0 0 auto}.app-availability-badge--dark{border-color:#ffffff29;color:#e4e9f7;background:#ffffff14}.app-availability-panel{border:1px solid color-mix(in srgb,var(--app-primary) 16%,var(--app-line));background:linear-gradient(135deg,color-mix(in srgb,var(--app-primary-soft) 68%,var(--app-paper)),var(--app-paper));box-shadow:var(--app-shadow-flat)}.app-unavailable-action{border:1px solid color-mix(in srgb,var(--app-primary) 14%,transparent)!important;color:var(--app-primary-dark)!important;background:color-mix(in srgb,var(--app-primary-soft) 68%,var(--app-paper))!important;box-shadow:none!important}[aria-disabled=true]{cursor:default}.loading-screen{min-height:100vh;min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--app-muted);background:radial-gradient(circle at center,var(--app-primary-soft),var(--app-canvas) 62%)}.loading-screen>strong{color:var(--app-ink);font-size:1rem}.loading-screen>span{font-size:var(--app-type-functional)}.loading-quest{position:relative;width:86px;height:86px;border-radius:27px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7186d5,var(--app-primary-dark));box-shadow:var(--app-shadow-md)}.loading-quest__orbit{position:absolute;left:8px;top:8px;opacity:.45}.loading-quest__spark{position:absolute;right:8px;top:8px;color:var(--app-accent)}.loading-dots{display:flex;gap:5px}.loading-dots i{width:7px;height:7px;border-radius:50%;background:var(--app-primary);animation:app-loading-dot .8s ease-in-out infinite alternate}.loading-dots i:nth-child(2){animation-delay:.12s}.loading-dots i:nth-child(3){animation-delay:.24s}.route-loader{width:min(100%,1100px);min-height:480px;margin:0 auto;padding:38px;opacity:0;transition:opacity .15s ease}.route-loader.is-visible{opacity:1}.route-loader__hero{height:250px;border-radius:26px;display:grid;place-content:center;background:linear-gradient(130deg,var(--app-primary-soft),var(--app-paper))}.route-loader__crest{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#fff;background:var(--app-primary)}.route-loader__hero>div{margin-top:15px;display:flex;gap:7px}.route-loader__hero i{width:42px;height:7px;border-radius:99px;background:#3344651f}.route-loader__grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.route-loader__grid i{height:130px;border-radius:18px;background:#ffffffa6}.route-error{min-height:70vh;padding:40px;display:grid;place-content:center;justify-items:center;gap:12px;text-align:center}.route-error__icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:var(--app-primary-dark);background:var(--app-primary-soft)}.route-error h1{font-size:2.2rem}.route-error p{max-width:500px;color:var(--app-muted);line-height:1.6}.route-error>div{margin-top:7px;display:flex;gap:9px}.mobile-more-overlay{position:fixed;z-index:100;inset:0;display:grid;align-items:end;background:#0c121f94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-more-sheet{max-height:min(82vh,650px);max-height:min(82dvh,650px);padding:10px 18px 22px;overflow-y:auto;border-radius:var(--app-radius-lg) var(--app-radius-lg) 0 0;background:var(--app-paper);box-shadow:var(--app-shadow-overlay)}.mobile-more-sheet__handle{width:42px;height:4px;margin:0 auto 13px;border-radius:99px;background:#c0c6d0}.mobile-more-sheet__header{display:flex;align-items:center;justify-content:space-between}.mobile-more-sheet__header h2{margin-top:3px}.mobile-rank-card{margin-top:16px;padding:14px;border-radius:17px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:#fff;background:linear-gradient(145deg,var(--app-night-soft),var(--app-night))}.mobile-rank-card>span{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--app-ink);background:var(--app-reward)}.mobile-rank-card>div{display:flex;flex-direction:column}.mobile-rank-card small,.mobile-rank-card strong{font-size:var(--app-type-functional)}.mobile-rank-card small{color:#c2cbda}.mobile-more-links{margin-top:12px;display:grid;gap:7px}.mobile-more-links a{min-height:64px;padding:10px;border:1px solid var(--app-line);border-radius:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.mobile-more-links__icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--app-primary-dark);background:var(--app-primary-soft)}.mobile-more-links a>span:nth-child(2){display:flex;flex-direction:column}.mobile-more-links strong,.mobile-more-links small{font-size:var(--app-type-functional)}.mobile-more-links small{color:var(--app-muted)}.mobile-sync-status{margin-top:12px;padding:12px;border-radius:14px;display:flex;align-items:center;gap:10px;color:var(--app-success);background:var(--app-success-soft)}.mobile-sync-status>span:nth-child(2){flex:1;display:flex;flex-direction:column}.mobile-sync-status strong,.mobile-sync-status small{font-size:var(--app-type-functional)}.mobile-sync-status button{min-height:var(--app-control-min);padding:0 10px;border-radius:9px;display:inline-flex;align-items:center;gap:5px;cursor:pointer}}@layer pages{.auth-page{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);background:var(--app-paper)}.auth-story{position:relative;min-height:100vh;min-height:100dvh;padding:clamp(28px,4vw,58px);overflow:hidden;display:grid;grid-template-rows:auto auto 1fr;gap:32px;color:#fff;background:linear-gradient(145deg,var(--app-night),var(--app-primary-dark))}.auth-story__wash{position:absolute;inset:0;background:radial-gradient(circle at 80% 25%,rgba(83,108,201,.4),transparent 20rem),radial-gradient(circle at 10% 100%,rgba(206,110,89,.2),transparent 20rem)}.auth-story>*:not(.auth-story__wash){position:relative;z-index:2}.auth-story header{display:flex;align-items:center;justify-content:space-between}.auth-story .brand{color:#fff}.auth-note{min-height:var(--app-control-min);padding:0 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;display:inline-flex;align-items:center;gap:6px;color:#edf1f9;background:#ffffff14;font-size:var(--app-type-functional);font-weight:700}.auth-story__copy{max-width:690px;align-self:center}.auth-story__copy h1{margin:12px 0 15px;font:700 clamp(3rem,5.4vw,5.7rem)/.96 "Fraunces",serif}.auth-story__copy>p{max-width:610px;color:#dbe2ef;font-size:var(--app-type-body);line-height:1.7}.auth-proof{margin-top:19px;display:flex;flex-wrap:wrap;gap:11px 20px}.auth-proof span{display:inline-flex;align-items:center;gap:6px;color:#edf1f9;font-size:var(--app-type-functional);font-weight:700}.auth-proof svg{color:var(--app-accent)}.auth-visual{position:relative;align-self:end;height:min(40vh,390px);overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-lg)}.auth-visual img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.auth-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,17,31,.82))}.auth-visual figcaption{position:absolute;z-index:2;left:22px;bottom:20px;display:flex;flex-direction:column;gap:4px}.auth-visual figcaption span{color:var(--app-accent);text-transform:uppercase;letter-spacing:.1em;font-size:var(--app-type-functional);font-weight:800}.auth-visual figcaption strong{font-size:var(--app-type-body-sm)}.auth-visual__quest,.auth-visual__xp{position:absolute;z-index:3;top:17px;min-height:var(--app-control-min);padding:0 11px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;color:var(--app-ink);background:#ffffffed;font-size:var(--app-type-functional);font-weight:800}.auth-visual__quest{left:17px}.auth-visual__xp{right:17px;color:#7b4d1b;background:var(--app-accent-soft)}.auth-panel{padding:clamp(26px,5vw,70px);display:grid;place-items:center}.auth-card{width:min(100%,430px);padding:clamp(23px,3.4vw,38px);border:1px solid var(--app-line);border-radius:var(--app-radius-lg);background:#fffbf4f5;box-shadow:var(--app-shadow-md)}.auth-card__intro{display:flex;align-items:center;gap:12px}.auth-card__icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--app-primary-dark);background:var(--app-primary-soft)}.auth-card h2{margin-top:4px;font-size:1.3rem}.auth-card__lead{margin-top:11px;color:var(--app-muted);font-size:var(--app-type-body-sm);line-height:1.55}.auth-tabs{margin:21px 0 18px;padding:4px;display:grid;grid-template-columns:1fr 1fr;border-radius:12px;background:#ebe8e3}.auth-tabs button{min-height:var(--app-control-min);border-radius:9px;color:var(--app-muted);background:transparent;cursor:pointer;font-size:var(--app-type-functional);font-weight:800}.auth-tabs button.is-active{color:var(--app-ink);background:#fff;box-shadow:var(--app-shadow-sm)}.auth-form{display:grid;gap:13px}.auth-form label>span{display:block;margin-bottom:6px;color:var(--app-ink-soft);font-size:var(--app-type-functional);font-weight:800}.field{min-height:48px;padding-left:12px;border:1px solid var(--app-line);border-radius:12px;display:flex;align-items:center;gap:9px;color:var(--app-muted);background:#ffffffbf}.field:focus-within{border-color:color-mix(in srgb,var(--app-primary) 60%,white);box-shadow:0 0 0 4px #536cc91f;color:var(--app-primary)}.field input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:var(--app-type-body-sm)}.field button{width:var(--app-control-min);min-height:var(--app-control-min);padding:0;display:grid;place-items:center;color:var(--app-muted);background:transparent;cursor:pointer}.form-error{padding:10px 11px;border-radius:10px;color:var(--app-danger);background:var(--app-danger-soft);font-size:var(--app-type-functional);line-height:1.45}.auth-divider{margin:17px 0;display:flex;align-items:center;gap:10px;color:var(--app-muted);text-transform:uppercase;letter-spacing:.06em;font-size:var(--app-type-functional);font-weight:800}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--app-line)}.demo-button{width:100%;min-height:64px;padding:9px 11px;border:1px solid var(--app-line);border-radius:14px;display:flex;align-items:center;gap:10px;text-align:left;background:#ffffffb3;cursor:pointer}.demo-button>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column}.demo-button strong,.demo-button small{font-size:var(--app-type-functional)}.demo-button small{color:var(--app-muted)}.auth-privacy{margin-top:13px;display:flex;justify-content:center;align-items:center;gap:5px;color:var(--app-muted);font-size:var(--app-type-functional)}}@layer utilities{.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot--coral{background:var(--app-coral)}.dot--amber{background:var(--app-reward)}.dot--mint{background:var(--app-success)}}@keyframes app-loading-dot{to{opacity:.35;transform:translateY(-4px)}}@media(max-width:1060px){@layer components{.sidebar{width:214px}.app-stage{margin-left:214px}.sidebar-brand-lockup .brand-name{display:none}}@layer pages{.auth-page{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{min-height:100vh;min-height:100dvh}}}@media(max-width:760px){@layer tokens{:root{--app-shell-top: 62px}}@layer components{.sidebar{display:none}.app-stage{margin-left:0}.topbar{min-height:var(--app-shell-top);padding:0 16px}.topbar-context,.rank-pill,.save-state{display:none}.mobile-brand{display:flex;align-items:center;gap:9px}.mobile-brand>strong{max-width:170px;overflow:hidden;font-size:var(--app-type-functional);text-overflow:ellipsis;white-space:nowrap}.topbar-actions{margin-left:auto}.streak-pill{min-height:var(--app-control-min);padding-inline:10px}.streak-pill span{display:none}.main-content{padding-bottom:84px}.page{padding:var(--app-space-5) 16px var(--app-space-7)}.bottom-nav{position:fixed;z-index:60;inset:auto 0 0;min-height:72px;padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--app-line);background:#fffbf4f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav a,.bottom-nav button{min-width:0;min-height:58px;padding:5px 2px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--app-muted);background:transparent;font-size:var(--app-type-functional);font-weight:700;cursor:pointer}.bottom-nav a.is-active,.bottom-nav button.is-active{color:var(--app-primary-dark);background:var(--app-primary-soft)}.page-heading,.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.page-heading h1{font-size:2.4rem}.route-loader{padding:22px 16px}.route-loader__grid{grid-template-columns:1fr}.route-loader__grid i:nth-child(n+2){display:none}.route-error{padding:24px}.app-shell--immersive .app-stage{margin:0}}@layer pages{.auth-panel{min-height:100vh;min-height:100dvh;padding:18px 14px}.auth-card{padding:22px 18px}}}@media(max-width:680px){@layer pages{.auth-page{display:block}}}@media(max-height:520px)and (min-width:761px){@layer components{.sidebar{padding-top:12px}.sidebar-brand-lockup{padding-bottom:8px}.sidebar-brand-lockup>span,.sidebar-journey p,.nav-section-label{display:none}.nav-item{min-height:44px}.sidebar-journey{margin-top:7px;padding:8px}.sidebar-profile{min-height:48px}.topbar{min-height:58px}.page{padding-top:20px}}}@media(prefers-contrast:more){@layer tokens{:root{--app-muted: #4d596d;--app-muted-light: #5d687b;--app-line: rgba(24, 35, 58, .36)}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(forced-colors:active){@layer base{:focus-visible{outline:3px solid Highlight}::selection{color:HighlightText;background:Highlight}}@layer components{.button,.round-button,.nav-item,.sidebar-profile,.bottom-nav a,.bottom-nav button,.mobile-more-links a,.mobile-sync-status button,.field,.demo-button{border:1px solid ButtonText;box-shadow:none;forced-color-adjust:auto}.nav-item.is-active,.bottom-nav a.is-active,.bottom-nav button.is-active{color:HighlightText;background:Highlight}.progress-track,.mini-progress{border:1px solid CanvasText;background:Canvas}.progress-track>i,.progress-track>span,.mini-progress i{background:Highlight}.app-atmosphere{display:none}}}