@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;--b7-ink: #211a31;--b7-ink-soft: #514961;--b7-muted: #6f6879;--b7-muted-light: #857e8d;--b7-paper: #fffdf8;--b7-canvas: #f4f0e8;--b7-panel: rgba(255, 253, 248, .92);--b7-line: rgba(53, 41, 68, .17);--b7-violet: #6954d9;--b7-violet-dark: #4933aa;--b7-violet-soft: #eee9ff;--b7-lime: #d8ff79;--b7-coral: #e87354;--b7-gold: #efc35a;--b7-mint: #319b7e;--b7-danger: #b74448;--b7-night: #1d1729;--b7-radius-sm: 10px;--b7-radius-md: 17px;--b7-radius-lg: 26px;--b7-shadow-sm: 0 2px 0 rgba(35, 24, 49, .08), 0 10px 25px rgba(41, 27, 57, .07);--b7-shadow-md: 0 3px 0 rgba(32, 22, 45, .11), 0 24px 55px rgba(42, 27, 59, .12);--b7-shadow-lg: 0 4px 0 rgba(27, 18, 39, .15), 0 34px 76px rgba(42, 27, 59, .17);--b7-ease: cubic-bezier(.2, .8, .25, 1);--b7-control-min: 44px;--b7-ui-xs: .75rem;--b7-ui-sm: .8125rem;--b7-type-functional: var(--b7-ui-xs);--b7-type-body-sm: var(--b7-ui-sm);--b7-type-body: .9375rem;--b7-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(--b7-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(--b7-ink);background:linear-gradient(rgba(80,62,98,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(80,62,98,.025) 1px,transparent 1px),var(--b7-canvas);background-size:30px 30px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:var(--b7-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(--b7-violet) 62%,white);outline-offset:3px}h1[tabindex="-1"]:focus{outline:none}::selection{color:var(--b7-ink);background:var(--b7-lime)}}@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(--b7-control-min);padding:10px 14px;border-radius:10px;display:inline-flex;align-items:center;color:#fff;background:var(--b7-violet-dark);transform:translateY(-160%);transition:transform .18s var(--b7-ease)}.skip-link:focus{transform:translateY(0)}.eyebrow,.b7-overline{display:inline-flex;align-items:center;gap:7px;color:var(--b7-violet-dark);text-transform:uppercase;letter-spacing:.09em;font-size:var(--b7-type-functional);font-weight:800;line-height:1.25}.eyebrow--light{color:#e5def3}.button{min-height:var(--b7-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(--b7-type-body-sm);font-weight:800;transition:transform .18s var(--b7-ease),box-shadow .18s var(--b7-ease),background .18s ease}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{color:#211a2f;background:var(--b7-lime);box-shadow:0 3px #91aa47}.button--dark{color:#fff;background:var(--b7-ink);box-shadow:0 3px #0d0913}.button--white{color:var(--b7-violet-dark);background:#fff;box-shadow:var(--b7-shadow-sm)}.button--soft{color:var(--b7-violet-dark);background:var(--b7-violet-soft)}.button--ghost{border-color:var(--b7-line);color:var(--b7-ink-soft);background:#ffffffa3}.button--wide{width:100%}.button--large{min-height:52px;padding-inline:24px}.text-link,.back-link{min-height:var(--b7-control-min);display:inline-flex;align-items:center;gap:7px;color:var(--b7-violet-dark);font-size:var(--b7-type-functional);font-weight:800}.round-button{width:var(--b7-control-min);height:var(--b7-control-min);min-height:var(--b7-control-min);padding:0;border:1px solid var(--b7-line);border-radius:50%;display:inline-grid;place-items:center;color:var(--b7-ink-soft);background:#fffffff0;cursor:pointer}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--b7-muted);font-size:var(--b7-type-functional);font-weight:700}.breadcrumbs a{min-height:var(--b7-control-min);display:inline-flex;align-items:center}.breadcrumbs strong{color:var(--b7-ink)}.back-link{width:max-content;margin-bottom:12px}.progress-track{height:7px;overflow:hidden;border-radius:999px;background:#4f3e6024}.progress-track>i,.progress-track>span{display:block;height:100%;border-radius:inherit;background:var(--level-color, var(--b7-violet));transition:width .32s var(--b7-ease)}.progress-track--light{background:#ffffff3d}.progress-track--light>i{background:#fff}.progress-ring{position:relative;flex:0 0 auto;display:inline-grid;place-items:center}.progress-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.progress-ring__track{stroke:#4b395a24}.progress-ring__value{stroke-linecap:round}.progress-ring strong,.progress-ring small{font-size:var(--b7-type-functional);line-height:1}.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,#7b65ed,#4d37b5);box-shadow:0 8px 18px #2e1e5940}.brand-mark svg{width:27px;height:27px}.brand-name{font-size:1rem;font-weight:600;letter-spacing:-.04em}.brand-name strong{color:var(--b7-lime)}.brand--compact .brand-mark{width:38px;height:38px}.avatar,.topbar-avatar{width:var(--b7-control-min);height:var(--b7-control-min);min-height:var(--b7-control-min);border-radius:13px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:linear-gradient(145deg,#7a62eb,#4f3bbb);font-size:var(--b7-type-functional);font-weight:800}.avatar--coral{color:#98452f;background:#f6d8cf}.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:#ddd6e6;background:radial-gradient(circle at 15% 0,rgba(113,81,210,.18),transparent 17rem),linear-gradient(180deg,#231a34,var(--b7-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:#bcb3c6;text-transform:uppercase;letter-spacing:.12em;font-size:var(--b7-type-functional);font-weight:800}.sidebar-nav{display:grid;gap:4px}.nav-section-label{margin:14px 10px 4px;color:#aaa0b5;text-transform:uppercase;letter-spacing:.1em;font-size:var(--b7-type-functional);font-weight:800}.nav-item{min-height:48px;padding:0 12px;border-radius:13px;display:flex;align-items:center;gap:11px;color:#c9c1d1;font-size:var(--b7-type-body-sm);font-weight:700;transition:color .16s ease,background .16s ease,transform .16s ease}.nav-item:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.nav-item.is-active{color:#211a2f;background:var(--b7-lime);box-shadow:0 3px #879f43}.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(--b7-coral);font-size:var(--b7-type-functional)}.nav-spark{margin-left:auto;color:var(--b7-gold)}.sidebar-journey{margin-top:auto;padding:13px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:#ffffff0e}.journey-orbit{float:left;width:44px;height:44px;margin-right:9px;border-radius:12px;display:grid;place-items:center;color:#30233d;background:var(--b7-gold)}.sidebar-journey>div:nth-child(2){min-height:44px;display:flex;flex-direction:column;justify-content:center}.sidebar-journey small,.sidebar-journey p{color:#b8afc1;font-size:var(--b7-type-functional)}.sidebar-journey strong{color:#fff;font-size:var(--b7-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(--b7-coral),var(--b7-lime))}.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(--b7-type-functional);text-overflow:ellipsis;white-space:nowrap}.sidebar-profile small{color:#b7aec0;font-size:var(--b7-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:#b29cff}.app-atmosphere i:nth-child(2){width:200px;height:200px;left:25%;bottom:2%;background:#f3be91}.app-atmosphere i:nth-child(3){width:180px;height:180px;right:28%;bottom:14%;background:var(--b7-lime);opacity:.08}.topbar{position:sticky;z-index:20;top:0;min-height:var(--b7-shell-top);padding:0 clamp(24px,3.4vw,48px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--b7-line);background:#fffdf8e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-context{display:flex;align-items:center;gap:9px;color:var(--b7-muted);font-size:var(--b7-type-functional)}.topbar-context i{color:var(--b7-muted-light);font-style:normal}.topbar-context strong{color:var(--b7-ink)}.topbar-actions{display:flex;align-items:center;gap:8px}.save-state{min-height:var(--b7-control-min);padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;color:var(--b7-muted);background:transparent;font-size:var(--b7-type-functional)}.save-state i{width:7px;height:7px;border-radius:50%;background:var(--b7-mint)}.save-state--saving i{background:var(--b7-gold)}.save-state--offline{color:#8f3f2f;background:#fff0ec;cursor:pointer}.save-state--offline i{background:var(--b7-coral)}.rank-pill,.streak-pill{min-height:var(--b7-control-min);padding:0 12px;border:1px solid var(--b7-line);border-radius:999px;display:inline-flex;align-items:center;gap:5px;font-size:var(--b7-type-functional);background:#ffffffad}.rank-pill{color:var(--b7-violet-dark);background:#f2edff}.streak-pill{color:#9b5b14;background:#fff7e7}.rank-pill span,.streak-pill span{color:var(--b7-muted);font-size:var(--b7-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:30px clamp(28px,3.6vw,48px) 64px}.page-heading,.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.page-heading h1{margin-top:7px;font-size:clamp(2.35rem,4vw,4rem)}.page-heading p,.section-heading p{max-width:620px;margin-top:7px;color:var(--b7-muted);font-size:var(--b7-type-body-sm);line-height:1.6}.page-heading--action{align-items:center}.section-heading h2{margin-top:5px;font-size:clamp(1.35rem,2vw,1.8rem)}.empty-state{min-height:320px;padding:32px;border:1px dashed color-mix(in srgb,var(--b7-ink) 24%,transparent);border-radius:var(--b7-radius-lg);display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;color:var(--b7-muted);background:#ffffff80}.empty-state>span{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:var(--b7-violet-dark);background:var(--b7-violet-soft)}.empty-state h1,.empty-state h2{color:var(--b7-ink)}.empty-state p{max-width:520px;font-size:var(--b7-type-body-sm);line-height:1.6}.not-found__number{color:var(--b7-violet);font:800 5rem/1 Fraunces,serif}.loading-screen{min-height:100vh;min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--b7-muted);background:radial-gradient(circle at center,#eee8ff,var(--b7-canvas) 62%)}.loading-screen>strong{color:var(--b7-ink);font-size:1rem}.loading-screen>span{font-size:var(--b7-type-functional)}.loading-quest{position:relative;width:86px;height:86px;border-radius:27px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7560e8,#4432a3);box-shadow:var(--b7-shadow-md)}.loading-quest__orbit{position:absolute;left:8px;top:8px;opacity:.45}.loading-quest__spark{position:absolute;right:8px;top:8px;color:var(--b7-lime)}.loading-dots{display:flex;gap:5px}.loading-dots i{width:7px;height:7px;border-radius:50%;background:var(--b7-violet);animation:b7-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,#ece6fa,#faf6ec)}.route-loader__crest{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#fff;background:var(--b7-violet)}.route-loader__hero>div{margin-top:15px;display:flex;gap:7px}.route-loader__hero i{width:42px;height:7px;border-radius:99px;background:#4b395e1f}.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(--b7-violet-dark);background:var(--b7-violet-soft)}.route-error h1{font-size:2.2rem}.route-error p{max-width:500px;color:var(--b7-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:#140e1d94;-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:25px 25px 0 0;background:var(--b7-paper);box-shadow:0 -25px 60px #150d1e38}.mobile-more-sheet__handle{width:42px;height:4px;margin:0 auto 13px;border-radius:99px;background:#c8becb}.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,#2c213d,var(--b7-night))}.mobile-rank-card>span{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#2b2039;background:var(--b7-gold)}.mobile-rank-card>div{display:flex;flex-direction:column}.mobile-rank-card small,.mobile-rank-card strong{font-size:var(--b7-type-functional)}.mobile-rank-card small{color:#c7becd}.mobile-more-links{margin-top:12px;display:grid;gap:7px}.mobile-more-links a{min-height:64px;padding:10px;border:1px solid var(--b7-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(--b7-violet-dark);background:var(--b7-violet-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(--b7-type-functional)}.mobile-more-links small{color:var(--b7-muted)}.mobile-sync-status{margin-top:12px;padding:12px;border-radius:14px;display:flex;align-items:center;gap:10px;color:#216b56;background:#e7f7f1}.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(--b7-type-functional)}.mobile-sync-status button{min-height:var(--b7-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(--b7-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,#21182f,#49389a)}.auth-story__wash{position:absolute;inset:0;background:radial-gradient(circle at 80% 25%,rgba(126,94,231,.4),transparent 20rem),radial-gradient(circle at 10% 100%,rgba(236,124,93,.18),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(--b7-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:#f0ebf5;background:#ffffff14;font-size:var(--b7-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:#ded7e6;font-size:var(--b7-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:#f1ecf6;font-size:var(--b7-type-functional);font-weight:700}.auth-proof svg{color:var(--b7-lime)}.auth-visual{position:relative;align-self:end;height:min(40vh,390px);overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:27px;box-shadow:0 25px 60px #0804104d}.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(21,14,34,.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(--b7-lime);text-transform:uppercase;letter-spacing:.1em;font-size:var(--b7-type-functional);font-weight:800}.auth-visual figcaption strong{font-size:var(--b7-type-body-sm)}.auth-visual__quest,.auth-visual__xp{position:absolute;z-index:3;top:17px;min-height:var(--b7-control-min);padding:0 11px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;color:#2d2339;background:#ffffffed;font-size:var(--b7-type-functional);font-weight:800}.auth-visual__quest{left:17px}.auth-visual__xp{right:17px;color:#7d4e12;background:#fff3cf}.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(--b7-line);border-radius:27px;background:#fffdf8f5;box-shadow:var(--b7-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(--b7-violet-dark);background:var(--b7-violet-soft)}.auth-card h2{margin-top:4px;font-size:1.3rem}.auth-card__lead{margin-top:11px;color:var(--b7-muted);font-size:var(--b7-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:#eee9e5}.auth-tabs button{min-height:var(--b7-control-min);border-radius:9px;color:var(--b7-muted);background:transparent;cursor:pointer;font-size:var(--b7-type-functional);font-weight:800}.auth-tabs button.is-active{color:var(--b7-ink);background:#fff;box-shadow:var(--b7-shadow-sm)}.auth-form{display:grid;gap:13px}.auth-form label>span{display:block;margin-bottom:6px;color:var(--b7-ink-soft);font-size:var(--b7-type-functional);font-weight:800}.field{min-height:48px;padding-left:12px;border:1px solid var(--b7-line);border-radius:12px;display:flex;align-items:center;gap:9px;color:var(--b7-muted);background:#ffffffbf}.field:focus-within{border-color:color-mix(in srgb,var(--b7-violet) 60%,white);box-shadow:0 0 0 4px #6954d91a;color:var(--b7-violet)}.field input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:var(--b7-type-body-sm)}.field button{width:var(--b7-control-min);min-height:var(--b7-control-min);padding:0;display:grid;place-items:center;color:var(--b7-muted);background:transparent;cursor:pointer}.form-error{padding:10px 11px;border-radius:10px;color:#96373b;background:#fff0ef;font-size:var(--b7-type-functional);line-height:1.45}.auth-divider{margin:17px 0;display:flex;align-items:center;gap:10px;color:var(--b7-muted);text-transform:uppercase;letter-spacing:.06em;font-size:var(--b7-type-functional);font-weight:800}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--b7-line)}.demo-button{width:100%;min-height:64px;padding:9px 11px;border:1px solid var(--b7-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(--b7-type-functional)}.demo-button small{color:var(--b7-muted)}.auth-privacy{margin-top:13px;display:flex;justify-content:center;align-items:center;gap:5px;color:var(--b7-muted);font-size:var(--b7-type-functional)}}@layer utilities{.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot--coral{background:var(--b7-coral)}.dot--amber{background:var(--b7-gold)}.dot--mint{background:var(--b7-mint)}.dot--violet{background:var(--b7-violet)}}@keyframes b7-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{--b7-shell-top: 62px}}@layer components{.sidebar{display:none}.app-stage{margin-left:0}.topbar{min-height:var(--b7-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(--b7-type-functional);text-overflow:ellipsis;white-space:nowrap}.topbar-actions{margin-left:auto}.streak-pill{min-height:var(--b7-control-min);padding-inline:10px}.streak-pill span{display:none}.main-content{padding-bottom:84px}.page{padding:23px 16px 42px}.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(--b7-line);background:#fffdf8f5;-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(--b7-muted);background:transparent;font-size:var(--b7-type-functional);font-weight:700;cursor:pointer}.bottom-nav a.is-active,.bottom-nav button.is-active{color:var(--b7-violet-dark);background:var(--b7-violet-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{--b7-muted: #514a5a;--b7-muted-light: #625b6b;--b7-line: rgba(33, 26, 49, .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}}}