@font-face{font-family:Sora;src:url(/fonts/sora-latin.woff2)format("woff2");font-style:normal;font-weight:100 800;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--bg-canvas:#0a0a0d;--bg:#0c0d10;--bg-soft:#0f1014;--surface:#101216;--surface-raised:#171a21;--surface-hover:#1b1f27;--surface-active:#222734;--border-subtle:rgba(var(--tint), .075);--border:#272b33;--border-strong:#3a414d;--text:#f4f6fa;--text-soft:#e6eaf1;--muted:#c0c6d1;--muted-strong:#8f98a8;--brand:#22d3ee;--brand-2:#06b6d4;--brand-deep:#0891b2;--brand-soft:#22d3ee1f;--brand-line:#67e8f94d;--success:#4ade80;--danger:#f87171;--info:#06b6d4;--radius-control:9px;--radius-card:13px;--radius-modal:16px;--shadow-soft:0 24px 70px rgba(var(--shadow-rgb), .32);--shadow-float:0 35px 90px rgba(var(--shadow-rgb), .44);--glow-brand:0 12px 36px #22d3ee47;--glow-brand-strong:0 16px 48px #22d3ee66;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-apple:cubic-bezier(.32, .72, 0, 1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:56px;--space-10:80px;--type-display:clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem);--type-title:1.375rem;--type-heading:1.0625rem;--type-body:.9375rem;--type-small:.8125rem;--type-eyebrow:.6875rem;--measure:65ch;--dur-instant:.12s;--dur-fast:.18s;--dur-base:.24s;--dur-page:.36s;--stagger:60ms;--z-nav:30;--z-dropdown:40;--z-modal:50;--z-toast:60;--rarity-common:var(--muted);--rarity-rare:var(--brand);--rarity-epic:#a78bfa;--rarity-legendary:var(--grad-text);--font-display:"Sora", "Inter", ui-sans-serif, system-ui, sans-serif;--tint:255, 255, 255;--shadow-rgb:0, 0, 0;--code-bg:#0c0e13;--track:#22273a;--glass-top:#20242ab8;--glass-bottom:#11131794;--glass-solid:#16191ded;--field-bg:#0d0f11b8;--field-bg-focus:#111315f2;--backdrop:#040506c2;--danger-text:#fecaca;--success-text:#bbf7d0;--toast-success-bg:#0f1712;--toast-error-bg:#170f0f;--toast-bg:#1b1f27;--surface-v2:#121418;--hairline:rgba(var(--tint), .06);--hairline-row:rgba(var(--tint), .055);--brand-text:#67e8f9;--brand-text-dim:#7cc7d6;--on-brand:#062b31;--grad-brand:linear-gradient(135deg, #22d3ee, #06b6d4);--grad-brand-v:linear-gradient(180deg, #06b6d4, #22d3ee);--grad-text:linear-gradient(92deg, #e6eaf1, #67e8f9)}:root[data-theme=light]{--bg-canvas:#f2f5f9;--bg:#eef2f7;--bg-soft:#e9eef4;--surface:#fff;--surface-raised:#fff;--surface-hover:#f3f6fa;--surface-active:#e7edf5;--border-subtle:#0d111714;--border:#dae1ea;--border-strong:#b6c1ce;--text:#0d1117;--text-soft:#1e2732;--muted:#55606d;--muted-strong:#6c7784;--brand:#0891b2;--brand-2:#06b6d4;--brand-deep:#0e7490;--brand-soft:#0891b21a;--brand-line:#0891b24d;--success:#15803d;--danger:#b91c1c;--info:#0891b2;--shadow-soft:0 18px 44px #0d11171a;--shadow-float:0 26px 60px #0d111724;--glow-brand:0 10px 28px #0891b238;--glow-brand-strong:0 14px 36px #0891b24d;--surface-v2:#fff;--hairline:#0d111717;--hairline-row:#0d111712;--brand-text:#0e7490;--brand-text-dim:#3f7d8c;--on-brand:#fff;--grad-brand:linear-gradient(135deg, #0891b2, #06b6d4);--grad-brand-v:linear-gradient(180deg, #06b6d4, #0891b2);--grad-text:linear-gradient(92deg, #0d1117, #0e7490);--tint:13, 17, 23;--shadow-rgb:13, 17, 23;--code-bg:#f7f9fc;--track:#dfe6ef;--glass-top:#ffffffdb;--glass-bottom:#f6f9fcb8;--glass-solid:#fffffff0;--field-bg:#fff;--field-bg-focus:#fff;--backdrop:#0d11176b;--danger-text:#b91c1c;--success-text:#15803d;--toast-success-bg:#eafaf0;--toast-error-bg:#fdeeee;--toast-bg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--bg-canvas);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:320px;transition:background-color .2s var(--ease-out)}body{background:var(--bg-canvas);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}svg{width:1.1em;height:1.1em}::selection{color:var(--text);background:#22d3ee47}:focus-visible{outline:2px solid var(--brand-text);outline-offset:3px}.skip-link{z-index:200;border-radius:var(--radius-control);color:var(--on-brand);background:linear-gradient(135deg, var(--brand), var(--brand-2));transition:transform .16s var(--ease-out);padding:10px 14px;font-weight:800;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}h1,h2,h3,.brand-name,.eyebrow,.group-label{font-family:var(--font-display)}.brand{letter-spacing:-.035em;align-items:center;gap:10px;width:fit-content;font-weight:700;display:inline-flex}.brand-mark{flex:none;place-items:center;height:30px;display:inline-grid;overflow:hidden}.brand-mark img{width:auto;height:30px}.brand-mark .mark-light,:root[data-theme=light] .brand-mark .mark-dark{display:none}:root[data-theme=light] .brand-mark .mark-light{display:block}.brand-name{font-size:1.14rem}.brand-name span{color:#0000;background:var(--grad-text);-webkit-background-clip:text;background-clip:text}.eyebrow{color:var(--brand-text);letter-spacing:.14em;text-transform:uppercase;align-items:center;font-size:.7rem;font-weight:800;display:inline-flex}.group-label{color:var(--muted-strong);letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px 4px;font-size:.7rem;font-weight:750;display:block}.group-label.on-brand{color:var(--brand-text-dim)}.button{border-radius:var(--radius-control);cursor:pointer;min-height:44px;transition:color .18s var(--ease-out), border-color .18s var(--ease-out), background .18s var(--ease-out), box-shadow .18s var(--ease-out), transform .12s var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-weight:760;display:inline-flex;position:relative}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(1px)scale(.985)}.button:disabled{cursor:not-allowed;opacity:.58;transform:none}.button-primary{color:var(--on-brand);background:linear-gradient(135deg, var(--brand), var(--brand-2));box-shadow:0 12px 32px #22d3ee2b}.button-primary:hover{box-shadow:0 14px 40px #22d3ee3d}.button-secondary{border-color:var(--border);color:var(--text-soft);background:rgba(var(--tint), .035)}.button-danger{color:var(--danger-text);background:#f871711f;border-color:#f8717166}.button-danger:hover:not(:disabled){background:#f8717133;border-color:#f8717199}.button-secondary:hover,.button-quiet:hover{border-color:var(--border-strong);background:rgba(var(--tint), .065)}.button-quiet,.button-ghost{color:var(--text-soft);background:0 0;border-color:#0000}.button-large{min-height:50px;padding-inline:22px}.button-small{min-height:38px;padding-inline:14px;font-size:.86rem}.button-full{width:100%}.icon-button{border:1px solid var(--border);border-radius:var(--radius-control);width:42px;height:42px;color:var(--text);background:rgba(var(--tint), .035);cursor:pointer;transition:.18s var(--ease-out);place-items:center;display:grid}.icon-button:hover{border-color:var(--brand-line);color:var(--brand);background:var(--brand-soft)}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}label,fieldset{min-width:0}label{color:var(--text-soft);gap:8px;font-size:.82rem;font-weight:700;display:grid}fieldset{border:0;gap:10px;margin:0;padding:0;display:grid}legend{color:var(--text-soft);margin-bottom:9px;font-size:.82rem;font-weight:700}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius-control);width:100%;min-height:46px;color:var(--text);background:var(--field-bg);transition:border-color .16s var(--ease-out), background .16s var(--ease-out), box-shadow .16s var(--ease-out);padding:11px 13px}textarea{resize:vertical;min-height:112px;line-height:1.55}input::placeholder,textarea::placeholder{color:#7f8791}input:focus,textarea:focus,select:focus{background:var(--field-bg-focus);border-color:#22d3ee94;outline:none;box-shadow:0 0 0 3px #22d3ee17}input:disabled{cursor:not-allowed;color:var(--muted-strong);opacity:.75}.form-grid{gap:16px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-alert{border:1px solid var(--border);border-radius:var(--radius-control);padding:12px 14px;font-size:.82rem;line-height:1.55}.feedback-modal>.form-alert{margin-top:23px}.group>.form-alert{margin-top:18px}.form-alert.error{color:var(--danger-text);background:#f8717113;border-color:#f871714d}.form-alert.success{color:#bbf7d0;background:#4ade8011;border-color:#4ade8040}.inline-error{color:var(--danger-text);margin:0;font-size:.8rem}.system-state-page{text-align:center;background:radial-gradient(circle at 50% 30%, #22d3ee17, transparent 28%), radial-gradient(circle at 20% 80%, rgba(var(--tint), .035), transparent 30%), var(--bg-canvas);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.system-state-page h1{letter-spacing:-.055em;max-width:700px;margin:12px 0 0;font-size:clamp(2.1rem,6vw,4.2rem);line-height:1.03}.system-state-page>p{max-width:580px;color:var(--muted);margin:0;line-height:1.7}.system-code{color:var(--brand);letter-spacing:.14em;margin-top:40px;font-size:.7rem;font-weight:800}.system-state-actions{gap:9px;margin-top:10px;display:flex}.system-loader{align-items:center;gap:8px;height:40px;margin-top:38px;display:flex}.system-loader span{background:var(--brand);width:7px;height:7px;animation:loader-wave .9s var(--ease-out) infinite alternate;border-radius:50%}.system-loader span:nth-child(2){animation-delay:.15s}.system-loader span:nth-child(3){animation-delay:.3s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loader-wave{to{opacity:.45;transform:translateY(-8px)}}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:0}}@keyframes eq{0%{transform:scaleY(.92)}to{transform:scaleY(1.03)}}@keyframes dot-pulse{0%,to{box-shadow:0 0 #22d3ee59}50%{box-shadow:0 0 0 6px #22d3ee00}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes sun-breathe{0%,to{opacity:.16}50%{opacity:.26}}@keyframes ring-fill{0%{stroke-dashoffset:226px}}@keyframes skeleton-pulse{0%{opacity:.5}to{opacity:1}}@keyframes panel-enter{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes line-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes core-enter{0%{opacity:0;transform:scale(.78)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes lumen-breathe{0%,to{filter:drop-shadow(0 0 4px #e6eaf138)}50%{filter:drop-shadow(0 0 10px #67e8f966)}}@keyframes nucleus-pulse{0%,to{filter:drop-shadow(0 0 6px #22d3ee59)}50%{filter:drop-shadow(0 0 14px #67e8f98c)}}@keyframes orbit-slow{0%{rotate:none}to{rotate:360deg}}@keyframes orbit-slow-ccw{0%{rotate:none}to{rotate:-360deg}}@keyframes companion-enter{0%{opacity:0;transform:scale(.4)rotate(-14deg)}60%{opacity:1;transform:scale(1.08)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes bubble-pulse{0%{opacity:.8;transform:scale(1)}70%,to{opacity:0;transform:scale(1.35)}}@keyframes jarvis-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.035)}}@keyframes jarvis-listen{0%{opacity:.9;transform:scale(.94)}to{opacity:0;transform:scale(1.18)}}@property --beam{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes beam-run{to{--beam:360deg}}@keyframes map-unroll{0%{opacity:0;transform:scaleY(.04)}60%{opacity:1}to{opacity:1;transform:scaleY(1)}}@keyframes power-charge{0%{opacity:1;transform:scaleX(0)}70%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes power-label{0%,to{opacity:.55}60%{opacity:1}}
.auth-page{background:var(--bg-canvas);place-items:center;min-height:100vh;padding:90px 24px 70px;display:grid;position:relative;overflow:hidden}.login-scene{pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene-grid{opacity:.04;background-image:linear-gradient(rgba(var(--tint), .12) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--tint), .12) 1px, transparent 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 62%);mask-image:radial-gradient(circle,#000,#0000 62%)}.sun{filter:blur(80px);opacity:.16;background:radial-gradient(circle,#22d3ee80,#6bb2ff24 42%,#0000 68%);border-radius:50%;width:620px;height:620px;margin:-310px 0 0 -310px;animation:6s ease-in-out infinite sun-breathe;position:absolute;top:50%;left:50%}.auth-flow-lines{width:100%;height:100%;position:absolute;inset:0}.auth-topbar{z-index:2;position:absolute;top:30px;left:50%;transform:translate(-50%)}.auth-stack{z-index:2;width:min(440px,100%);position:relative}.auth-intro{text-align:center;animation:page-enter .52s var(--ease-out) both;margin-bottom:22px}.auth-headline{letter-spacing:-.035em;margin:0;font-size:1.7rem;font-weight:680;line-height:1.24}.typewriter{align-items:center;gap:4px;min-height:1.24em;display:inline-flex}.typewriter-text{color:#0000;background:var(--grad-text);-webkit-background-clip:text;background-clip:text}.caret{background:var(--brand);border-radius:2px;width:3px;height:.74em;animation:1.1s step-end infinite blink;display:inline-block}.auth-card{border:1px solid rgba(var(--tint), .09);background:var(--glass-top);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:panel-enter .48s 90ms var(--ease-out) both;border-radius:16px;padding:32px 30px 28px}.auth-heading{margin-bottom:24px}.auth-heading h1{letter-spacing:-.035em;margin:10px 0 8px;font-size:1.65rem;font-weight:730;line-height:1.18}.auth-heading p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.6}.auth-form{gap:16px;display:grid}.auth-form .button-primary{min-height:44px}.form-link{color:var(--brand);justify-self:end;margin-top:-6px;font-size:.8rem;font-weight:700}.form-link:hover{text-underline-offset:4px;text-decoration:underline}.auth-switch{color:var(--muted);text-align:center;margin-top:22px;font-size:.84rem}.auth-switch p{margin:0}.auth-switch a{color:var(--brand);font-weight:760}.auth-switch a:hover{text-underline-offset:4px;text-decoration:underline}.auth-consent{color:var(--muted);text-align:center;margin:2px 0 0;font-size:.74rem;line-height:1.55}.auth-consent a,.auth-consent strong{color:var(--brand-text);font-weight:700}.auth-consent a:hover{text-underline-offset:3px;text-decoration:underline}.plan-intent{border:1px solid var(--brand-line);background:var(--brand-soft);border-radius:11px;grid-template-columns:1fr auto;gap:3px 18px;margin:-6px 0 20px;padding:13px 14px;display:grid}.plan-intent span,.plan-intent small{color:var(--muted);font-size:.72rem}.plan-intent strong{color:var(--brand-text);font-size:.83rem}.plan-intent small{grid-column:1/-1;line-height:1.5}.auth-cycle{justify-content:center;align-items:center;gap:10px;margin-top:26px;display:flex}.auth-cycle span{color:var(--muted-strong);white-space:nowrap;align-items:center;gap:5px;font-size:.66rem;display:inline-flex}.auth-cycle b{color:var(--brand);font-weight:800}.auth-cycle span+span:before{content:"";background:var(--border);width:14px;height:1px;margin-right:5px}.auth-notice{border-radius:var(--radius-control);background:#4ade801f;border:1px solid #4ade8073;gap:4px;margin-bottom:4px;padding:14px 16px;display:grid}.auth-notice strong{color:var(--text);font-size:.92rem}.auth-notice span{color:var(--muted);font-size:.85rem;line-height:1.55}:root[data-theme=light] .auth-notice{background:#dcfce7;border-color:#15803d}:root[data-theme=light] .auth-notice strong{color:#14532d}:root[data-theme=light] .auth-notice span{color:#166534}.theme-toggle{border:1px solid var(--border);width:40px;height:40px;color:var(--muted);background:var(--glass-solid,var(--surface-raised));cursor:pointer;transition:color .18s var(--ease-out), border-color .18s var(--ease-out), transform .18s var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.theme-toggle:hover{border-color:var(--brand-line);color:var(--brand-text);transform:rotate(12deg)}.theme-toggle:focus-visible{outline:2px solid var(--brand-line);outline-offset:2px}.theme-toggle svg{width:18px;height:18px}.theme-toggle.placeholder{cursor:default;background:0 0;border-color:#0000}.theme-toggle.auth-theme-toggle{z-index:3;position:absolute;top:26px;right:26px}
.onboarding-page{background:radial-gradient(circle at 15% 10%, #22d3ee0e, transparent 27%), radial-gradient(circle at 85% 80%, rgba(var(--tint), .025), transparent 32%), var(--bg-canvas);min-height:100vh;padding-bottom:60px;position:relative;overflow:hidden}.onboarding-atmosphere{pointer-events:none;position:absolute;inset:0;overflow:hidden}.onboarding-atmosphere span{filter:blur(90px);opacity:.12;border-radius:50%;position:absolute}.onboarding-atmosphere span:first-child{background:var(--brand);width:520px;height:520px;top:-180px;left:-170px}.onboarding-atmosphere span:last-child{opacity:.08;background:#0891b2;width:600px;height:600px;bottom:-220px;right:-240px}.onboarding-topbar{z-index:2;justify-content:space-between;align-items:center;gap:16px;width:min(1040px,100% - 40px);height:84px;margin:0 auto;display:flex;position:relative}.onboarding-shell{z-index:1;width:min(880px,100% - 40px);animation:page-enter .48s var(--ease-out) both;margin:34px auto 0;position:relative}.onboarding-header{justify-content:space-between;align-items:end;gap:28px;margin-bottom:22px;display:flex}.onboarding-header h1{letter-spacing:-.045em;text-wrap:balance;max-width:660px;margin:11px 0 8px;font-size:clamp(1.9rem,4.4vw,3rem);font-weight:700;line-height:1.06}.onboarding-header p{max-width:560px;color:var(--muted);margin:0;font-size:.92rem;line-height:1.6}.step-counter{border:1px solid var(--brand-line);color:var(--brand-text);background:var(--brand-soft);border-radius:999px;flex:none;padding:8px 14px;font-size:.72rem;font-weight:750}.progress-track{background:rgba(var(--tint), .07);border-radius:999px;height:4px;margin-bottom:16px;overflow:hidden}.progress-track>span{background:var(--grad-brand);height:100%;transition:width .42s var(--ease-out);border-radius:999px;display:block;box-shadow:0 0 18px #22d3ee52}.stepper{flex-wrap:wrap;gap:6px 14px;margin:0 0 18px;padding:0;list-style:none;display:flex}.step{color:var(--muted-strong);align-items:center;gap:7px;font-size:.76rem;display:inline-flex}.step small{font-size:inherit}.step>span{border:1px solid var(--border);width:22px;height:22px;color:var(--muted-strong);background:rgba(var(--tint), .02);transition:.22s var(--ease-out);border-radius:50%;flex:none;place-items:center;font-size:.64rem;font-weight:800;display:grid}.step>span svg{width:12px;height:12px}.step.done{color:var(--text-soft)}.step.done>span{color:var(--success);background:#4ade8017;border-color:#4ade8059}.step.active{color:var(--brand-text);font-weight:750}.step.active>span{color:var(--on-brand);background:var(--grad-brand);border-color:#0000;box-shadow:0 0 20px #22d3ee38}.onboarding-card{border:1px solid var(--hairline);background:var(--surface-v2);box-shadow:var(--shadow-soft);border-radius:18px;align-content:start;gap:22px;padding:clamp(20px,3.4vw,34px);display:grid}.form-step{animation:panel-enter .33s var(--ease-out) both;align-content:start;gap:26px;display:grid}.form-step-heading{gap:14px;display:flex}.form-step-heading>span{border:1px solid var(--brand-line);width:34px;height:34px;color:var(--brand);background:var(--brand-soft);border-radius:10px;flex:none;place-items:center;font-size:.66rem;font-weight:800;display:grid}.form-step-heading h2{letter-spacing:-.03em;text-wrap:balance;margin:0 0 5px;font-size:clamp(1.25rem,2.6vw,1.5rem);font-weight:730}.form-step-heading p{max-width:62ch;color:var(--muted);margin:0;font-size:.85rem;line-height:1.6}.question{gap:12px;display:grid}.question>legend{width:100%;margin-bottom:12px;display:block}.question>legend>span+span{margin-top:5px}.question-title{color:var(--text);letter-spacing:-.012em;text-wrap:pretty;font-size:.98rem;font-weight:700;line-height:1.45;display:block}.question-title em{color:var(--muted-strong);font-style:normal;font-weight:600}.question-help{color:var(--muted);font-size:.8rem;font-weight:500;line-height:1.5;display:block}.option-grid{gap:10px;display:grid}.option-grid.cols-1{grid-template-columns:minmax(0,1fr)}.option-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.option{border:1px solid var(--border);min-height:58px;color:var(--text-soft);background:rgba(var(--tint), .018);cursor:pointer;transition:border-color .17s var(--ease-out), background .17s var(--ease-out), transform .14s var(--ease-out);border-radius:12px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;font-weight:500;position:relative;display:grid!important}.option.compact{min-height:50px;padding:11px 14px}.option:hover{border-color:var(--border-strong);background:rgba(var(--tint), .04);transform:translateY(-1px)}.option:active{transform:translateY(0)}.option input{opacity:0;border:0;width:1px;height:1px;min-height:1px;padding:0;position:absolute}.option:has(input:focus-visible){outline-offset:3px;outline:2px solid #67e8f9}.option-check{border:1.5px solid var(--border-strong);width:22px;height:22px;color:var(--on-brand);transition:.17s var(--ease-out);border-radius:50%;place-items:center;display:grid}.option-check svg{width:13px;height:13px}.option:has(input[type=checkbox]) .option-check{border-radius:7px}.option-text{gap:3px;min-width:0;display:grid}.option-text strong{text-wrap:pretty;font-size:.92rem;font-weight:650;line-height:1.4}.option-text small{color:var(--muted);font-size:.78rem;font-weight:500;line-height:1.45}.option.selected{background:var(--brand-soft);border-color:#22d3ee80;box-shadow:0 0 0 1px #22d3ee1f}.option.selected .option-text strong{color:var(--brand-text)}.option.selected .option-check{background:var(--grad-brand);border-color:#0000}.option-grid.cols-3 .option{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;min-height:62px;padding:12px 10px}.option-grid.cols-3 .option-check{display:none}.field{gap:9px;display:grid}.field .question-title{font-size:.92rem}.field-counter{color:var(--muted-strong);justify-self:end;font-size:.72rem;font-weight:600}.routine-summary,.generation-note{border:1px solid var(--brand-line);background:#22d3ee0d;border-radius:12px;gap:13px;padding:15px;display:flex}.routine-summary>svg,.generation-note>svg{width:18px;height:18px;color:var(--brand);flex:none;margin-top:2px}.routine-summary div,.generation-note div{gap:4px;min-width:0;display:grid}.routine-summary span,.generation-note p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.6}.assessment-loading{text-align:center;justify-items:center;gap:8px;padding:44px 20px;display:grid}.assessment-orb{border:1px solid var(--brand-line);width:62px;height:62px;color:var(--brand);background:var(--brand-soft);animation:dot-pulse 2.4s var(--ease-out) infinite;border-radius:50%;place-items:center;display:grid}.assessment-orb svg{width:26px;height:26px;animation:9s linear infinite spin-cw}.assessment-loading strong{font-size:1.05rem;font-weight:700}.assessment-loading p{max-width:42ch;color:var(--muted);margin:0;font-size:.85rem}.assessment-loading .system-loader{margin-top:4px}.assessment-question{animation:panel-enter .3s var(--ease-out) both;gap:18px;display:grid}.assessment-meta{color:var(--muted-strong);justify-content:space-between;align-items:center;gap:12px;font-size:.74rem;font-weight:650;display:flex}.skill-pill{border:1px solid var(--brand-line);color:var(--brand-text);background:var(--brand-soft);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 11px;font-size:.68rem;font-weight:750}.assessment-dots{gap:6px;display:flex}.assessment-dots i{background:rgba(var(--tint), .08);width:100%;height:3px;transition:background .26s var(--ease-out);border-radius:999px}.assessment-dots i.answered{background:#22d3ee80}.assessment-dots i.current{background:var(--grad-brand)}.assessment-hint{color:var(--muted-strong);text-align:right;align-self:center;font-size:.8rem;font-weight:600}.result-step{gap:22px}.path-section{gap:0;display:grid}.onboarding-actions{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:12px;padding-top:20px;display:flex}
.level-badge{border:1px solid var(--brand-line);background:radial-gradient(circle at 12% 0%, #22d3ee1c, transparent 55%), rgba(var(--tint), .02);border-radius:15px;gap:15px;padding:20px;display:grid}.level-badge-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.level-badge-mark{border:1px solid var(--brand-line);width:44px;height:44px;color:var(--brand);background:var(--brand-soft);border-radius:12px;place-items:center;display:grid}.level-badge-mark svg{width:22px;height:22px}.level-badge-head>div{gap:3px;min-width:0;display:grid}.level-badge-head strong{letter-spacing:-.035em;font-size:clamp(1.3rem,3vw,1.7rem);font-weight:750;line-height:1.1}.level-badge-score{color:var(--brand-text);letter-spacing:-.04em;flex:none;font-size:1.6rem;font-weight:780;line-height:1}.level-badge-score small{color:var(--muted-strong);letter-spacing:0;font-size:.72rem;font-weight:650}.level-badge>p{color:var(--text-soft);text-wrap:pretty;margin:0;font-size:.88rem;line-height:1.6}.level-ladder{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.level-step{color:var(--muted-strong);gap:7px;padding-top:13px;font-size:.72rem;display:grid;position:relative}.level-step:before{content:"";background:rgba(var(--tint), .08);border-radius:999px;width:100%;height:3px;position:absolute;top:4px;left:0}.level-step.passed:before,.level-step.current:before{background:var(--grad-brand)}.level-step-dot{display:none}.level-step-label{font-weight:650;line-height:1.3}.level-step.current{color:var(--brand-text)}.level-step.passed{color:var(--text-soft)}.level-step-you{color:var(--muted-strong);letter-spacing:.07em;text-transform:uppercase;font-size:.64rem;font-weight:750}.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.signal-card{border:1px solid var(--border);background:rgba(var(--tint), .018);border-radius:12px;align-content:start;gap:9px;padding:16px;display:grid}.signal-card>span{color:var(--muted-strong);letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:750}.signal-card.positive>span{color:var(--success)}.signal-card ul{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.signal-card li{border:1px solid var(--border);color:var(--text-soft);background:rgba(var(--tint), .03);border-radius:999px;padding:6px 11px;font-size:.78rem;font-weight:620}.signal-card.positive li{color:var(--success-text);background:#4ade8012;border-color:#4ade8047}.signal-card p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.55}.path-block{gap:20px;display:grid}.path-summary{gap:10px;display:grid}.path-summary>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.path-summary>div:first-child span{color:var(--muted-strong);letter-spacing:.09em;text-transform:uppercase;font-size:.7rem;font-weight:750}.path-summary strong{color:var(--brand-text);letter-spacing:-.04em;font-size:1.5rem;font-weight:780}.path-progress{background:rgba(var(--tint), .07);border-radius:999px;height:6px;overflow:hidden}.path-progress>span{background:var(--grad-brand);height:100%;transition:width .52s var(--ease-out);border-radius:999px;display:block}.path-summary-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font-size:.78rem;display:flex}.path-map{gap:4px;padding-left:4px;display:grid;position:relative}.path-rail{background:linear-gradient(180deg, #22d3ee8c, #22d3ee33 45%, rgba(var(--tint), .07));border-radius:999px;width:2px;position:absolute;top:20px;bottom:24px;left:21px}.path-node{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:14px;padding:10px 0 18px;display:grid;position:relative}.path-marker{z-index:1;border:1px solid var(--border);width:34px;height:34px;color:var(--muted-strong);background:var(--surface-v2);border-radius:50%;place-items:center;font-size:.75rem;font-weight:800;display:grid;position:relative}.path-marker svg{width:16px;height:16px}.path-marker.done{color:var(--success);background:linear-gradient(#4ade801a, #4ade801a), var(--surface-v2);border-color:#4ade8066}.path-marker.current{color:var(--on-brand);background:var(--grad-brand);animation:dot-pulse 2.6s var(--ease-out) infinite;border-color:#0000;box-shadow:0 0 0 4px #22d3ee24}.path-marker.next,.path-marker.goal{border-color:var(--brand-line);color:var(--brand-text);background:linear-gradient(var(--brand-soft), var(--brand-soft)), var(--surface-v2)}.path-body{gap:5px;min-width:0;padding-top:2px;display:grid}.path-when{color:var(--muted-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:750}.path-node.current .path-when{color:var(--brand-text)}.path-node.done .path-when{color:var(--success)}.path-body>strong{letter-spacing:-.02em;text-wrap:pretty;font-size:1rem;font-weight:700;line-height:1.35}.path-body>p{color:var(--muted);text-wrap:pretty;margin:0;font-size:.83rem;line-height:1.6}.path-levelup{border:1px solid var(--brand-line);color:var(--brand-text);background:var(--brand-soft);border-radius:999px;justify-self:start;margin-top:2px;padding:4px 10px;font-size:.72rem;font-weight:750}.path-unlock{border:1px solid var(--hairline);color:var(--text-soft);background:rgba(var(--tint), .022);border-radius:10px;grid-template-columns:15px minmax(0,1fr);align-items:start;gap:8px;margin-top:5px;padding:10px 12px;font-size:.8rem;line-height:1.5;display:grid}.path-unlock svg{width:15px;height:15px;color:var(--brand);flex:none;margin-top:2px}.path-unlock strong{color:var(--brand-text);font-weight:700}.path-node.future .path-body>strong,.path-node.future .path-body>p{color:var(--muted-strong)}.path-node.future .path-unlock{opacity:.72}.path-node.destination{padding-bottom:0}.path-node.destination .path-body>strong{color:var(--brand-text)}.level-card{padding:clamp(18px,3vw,26px)}.path-card{padding:0 24px}.path-summary{padding:16px 0}.path-summary-body{border-top:1px solid var(--hairline-row);padding:6px 0 20px}.level-card{gap:14px;display:grid}.level-card-note{color:var(--muted);margin:0;font-size:.84rem;line-height:1.65}.level-card-note strong{color:var(--brand-text)}
.app-layout{background:var(--bg-canvas);min-height:100vh;padding-left:264px;position:relative}:root[data-nav=top] .app-layout{padding-top:88px;padding-left:0}:root[data-nav=top] .sidebar{display:none}:root[data-nav=top] .topbar{display:flex}.app-atmosphere{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.app-cloud{background:radial-gradient(circle,#22d3ee1a 0%,#22d3ee0a 38%,#0000 62%);width:1100px;height:1100px;position:absolute;top:-420px;right:-340px}.app-atmosphere:after{content:"";background:radial-gradient(circle,#67e8f90e 0%,#67e8f906 38%,#0000 62%);width:1000px;height:1000px;position:absolute;bottom:-460px;left:-320px}.app-grid-fade{opacity:.04;background-image:linear-gradient(rgba(var(--tint), .12) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--tint), .12) 1px, transparent 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 78% 18%,#000,#0000 58%);mask-image:radial-gradient(circle at 78% 18%,#000,#0000 58%)}.topbar{z-index:var(--z-nav);justify-content:center;padding:0 16px;display:none;position:fixed;top:14px;left:0;right:0}.topbar-inner{border:1px solid rgba(var(--tint), .1);background:linear-gradient(180deg, var(--glass-top), var(--glass-bottom));-webkit-backdrop-filter:blur(18px)saturate(1.3);width:min(1240px,100%);height:58px;box-shadow:0 14px 44px rgba(var(--shadow-rgb), .38), inset 0 1px 0 rgba(var(--tint), .07);border-radius:26px;justify-content:space-between;align-items:center;gap:18px;padding:0 12px 0 18px;display:flex;position:relative}.topbar-nav{align-items:center;gap:3px;min-width:0;display:flex}:root[data-nav=top] .topbar-nav .nav-item{padding:0 10px}.topbar-inner.is-compact .topbar-nav .nav-item span{display:none}.topbar-inner.is-compact .topbar-nav .nav-item{padding:0 11px}.topbar-logout{min-height:38px;color:var(--muted);cursor:pointer;transition:color .18s var(--ease-out), border-color .18s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:999px;flex:none;padding:0 14px;font-family:inherit;font-size:.84rem;font-weight:600}.topbar-logout:hover{color:var(--danger-text);border-color:#f8717159}.sidebar{z-index:var(--z-nav);width:236px;padding:var(--space-5) var(--space-3) var(--space-4);border:1px solid rgba(var(--tint), .1);background:linear-gradient(180deg, var(--glass-top), var(--glass-bottom));-webkit-backdrop-filter:blur(18px)saturate(1.3);box-shadow:0 14px 44px rgba(var(--shadow-rgb), .38), inset 0 1px 0 rgba(var(--tint), .07);border-radius:26px;flex-direction:column;display:flex;position:fixed;top:14px;bottom:14px;left:14px}.sidebar-brand{padding:0 var(--space-2) var(--space-5)}.sidebar-brand .brand-mark img{height:26px}.sidebar-brand .brand-name{font-size:1.02rem}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.nav-item{min-height:38px;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color .18s var(--ease-out), background .18s var(--ease-out);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 13px;font-family:inherit;font-size:.84rem;font-weight:600;display:flex}.nav-item svg{flex:none;width:16px;height:16px}.nav-item:hover{color:var(--text-soft);background:rgba(var(--tint), .05)}.nav-item.active{color:var(--text);background:#22d3ee24;font-weight:700}.nav-item.active svg{color:var(--brand-text)}.nav-item:disabled{cursor:progress;opacity:.7}.sidebar-footer{margin-top:auto}.sidebar-logout{width:100%;min-height:38px;color:var(--muted);cursor:pointer;transition:color .18s var(--ease-out), border-color .18s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-family:inherit;font-size:.84rem;font-weight:600;display:flex}.sidebar-logout:hover{color:var(--danger-text);border-color:#f8717159}.app-main{z-index:1;min-width:0;min-height:100vh;position:relative}.mobile-nav{display:none}.topbar-end{flex:none;align-items:center;gap:10px;display:flex}.nav-avatar-item{align-items:center;gap:10px;display:flex}.nav-avatar-bubble{border:2px solid var(--border-strong);width:32px;height:32px;color:var(--muted);background:var(--surface-raised);transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.nav-avatar-bubble img{object-fit:cover;width:100%;height:100%}.nav-avatar-bubble svg{width:16px;height:16px}.nav-avatar-initials{color:var(--brand-text);letter-spacing:.02em;font-size:.64rem;font-weight:750}.nav-avatar-item:hover .nav-avatar-bubble{border-color:var(--brand-line)}.nav-avatar-item.active .nav-avatar-bubble{border-color:var(--brand);box-shadow:0 0 12px #22d3ee66}.sidebar-footer .nav-avatar-item{width:100%;min-height:38px;color:var(--muted);border-radius:11px;margin-bottom:4px;padding:6px 10px;font-size:.9rem;font-weight:600;text-decoration:none}.sidebar-footer .nav-avatar-item:hover{color:var(--text);background:var(--surface-hover)}.sidebar-footer .nav-avatar-item.active{color:var(--brand-text);background:var(--brand-soft)}
.dashboard-page,.journey-page,.companion-page,.mascot-page,.notes-page,.profile-page,.community-page,.study-page{width:min(1040px,100% - 96px);padding:var(--space-7) 0 var(--space-10);margin:0 auto}.settings-page{width:min(760px,100% - 96px);padding:var(--space-7) 0 var(--space-10);margin:0 auto}.experience-page>*{animation:page-enter var(--dur-page) var(--ease-out) both}.experience-page>:nth-child(2){animation-delay:var(--stagger)}.experience-page>:nth-child(3){animation-delay:calc(var(--stagger) * 2)}.experience-page>:nth-child(4){animation-delay:calc(var(--stagger) * 3)}.experience-page>:nth-child(5){animation-delay:calc(var(--stagger) * 4)}.experience-page>:nth-child(6),.experience-page>:nth-child(n+7){animation-delay:calc(var(--stagger) * 5)}.card{border:1px solid var(--hairline);border-radius:var(--radius-card);background:linear-gradient(180deg, rgba(var(--tint), .022), transparent 42%), var(--surface-v2);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);position:relative}.card:hover{border-color:#67e8f92e}.card.rows,.card.settings-card,.card.privacy-card{padding:0 var(--space-1);background:0 0;border:0;border-radius:0}.row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--hairline-row);display:flex}.row:first-child{border-top:0}.row-label{gap:2px;min-width:0;display:grid}.row-label strong{font-size:.88rem;font-weight:700}.row-label small{color:var(--muted);font-size:.74rem}.row-value{color:var(--text-soft);white-space:nowrap;font-size:.85rem;font-weight:700}.row-value.muted-value{color:var(--muted);text-overflow:ellipsis;font-weight:500;overflow:hidden}.v2-header{margin-bottom:var(--space-7);justify-content:space-between;align-items:end;gap:28px;display:flex}.v2-header h1{font-size:var(--type-display);letter-spacing:-.035em;margin:8px 0 6px;font-weight:700;line-height:1.15}.hero-accent{color:#0000;background:var(--grad-text);-webkit-background-clip:text;background-clip:text}.hero-header{position:relative}.plan-badge{border:1px solid var(--border);color:var(--muted);background:rgba(var(--tint), .025);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:8px 14px;font-size:.74rem;display:flex}.group{margin-bottom:var(--space-8)}.sk{background:rgba(var(--tint), .04);border-radius:8px;animation:1.2s ease-in-out infinite alternate skeleton-pulse;display:block}.sk-stack{gap:10px;display:grid}.sk-line{height:12px}.sk-eyebrow{width:160px;height:10px}.sk-title{width:320px;height:30px}.sk-sub{width:420px;max-width:100%}.sk-label{width:110px;height:10px;margin:0 0 8px 4px}.sk-streak{border-radius:999px;width:210px;height:56px}.sk-badge{border-radius:999px;width:130px;height:36px}.sk-ring{border-radius:50%;width:96px;height:96px}.sk-focus{border-radius:16px;height:168px}.sk-tile{border-radius:14px;height:96px}.sk-chart{border-radius:14px;height:274px}.sk-rows{border-radius:14px;height:300px}.sk-rows-short{border-radius:14px;height:190px}.sk-side{border-radius:14px;height:176px}.sk-module{border-radius:14px;height:240px}.sk-privacy{border-radius:14px;height:110px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.modal-backdrop{z-index:var(--z-modal);background:var(--backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.feedback-modal{border:1px solid var(--border);background:var(--surface-raised);width:min(520px,100%);max-height:min(760px,100vh - 40px);box-shadow:var(--shadow-float);animation:panel-enter .22s var(--ease-out) both;border-radius:16px;padding:27px;overflow-y:auto}.feedback-modal h2{letter-spacing:-.03em;margin:9px 0 8px;font-size:1.45rem;font-weight:730}.feedback-modal>p{color:var(--muted);margin:0 0 21px;font-size:.88rem;line-height:1.55}.feedback-modal fieldset,.feedback-modal label{margin-top:16px}.quiz-block{background:#22d3ee0a;border:1px solid #22d3ee2e;border-radius:12px;gap:14px;margin-top:20px;padding:16px;display:grid}.quiz-block .group-label{color:var(--brand-text-dim);margin:0 0 2px}.quiz-block legend{margin-bottom:8px;font-size:.85rem;font-weight:700;line-height:1.4}.quiz-options{gap:7px;display:grid}.quiz-options button{border:1px solid var(--border);min-height:38px;color:var(--text-soft);background:var(--surface-v2);cursor:pointer;text-align:left;transition:.16s var(--ease-out);border-radius:9px;padding:8px 13px;font-size:.83rem;line-height:1.4}.quiz-options button:hover{border-color:var(--border-strong)}.quiz-options button.selected{border-color:var(--brand);color:var(--text);background:var(--brand-soft)}.rating-row{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.rating-row button{border:1px solid var(--border);height:40px;color:var(--muted);background:var(--surface-v2);cursor:pointer;transition:.16s var(--ease-out);border-radius:8px}.rating-row button:hover{border-color:var(--border-strong);color:var(--text-soft)}.rating-row button.selected{color:var(--on-brand);background:var(--grad-brand);border-color:#0000;font-weight:800}.modal-actions{justify-content:flex-end;gap:8px;margin-top:23px;display:flex}.power-loader{place-content:center;justify-items:center;gap:16px;display:grid;position:fixed;inset:0}.power-line{background:var(--track);border-radius:999px;width:min(260px,60vw);height:5px;position:relative;overflow:hidden}.power-line span{border-radius:inherit;background:var(--grad-brand);transform-origin:0;width:100%;animation:power-charge 1.4s var(--ease-out) infinite;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 14px #22d3eeb3,0 0 34px #22d3ee4d}.power-loader p{color:var(--muted-strong);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700;animation:1.4s ease-in-out infinite power-label}
.streak-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#22d3ee1f,#22d3ee0a);border:1px solid #22d3ee3d;border-radius:999px;flex:none;align-items:center;gap:11px;padding:9px 16px 9px 9px;display:flex}.streak-flame{width:38px;height:38px;color:var(--on-brand);background:var(--grad-brand);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 6px 18px #22d3ee66}.streak-flame svg{width:19px;height:19px}.streak-pill>div{gap:1px;display:grid}.streak-pill strong{white-space:nowrap;font-size:.92rem;font-weight:700}.streak-pill small{color:var(--brand-text-dim);white-space:nowrap;font-size:.7rem}.header-pills{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.v2-header p.hero-context{color:var(--muted);align-items:baseline;gap:10px;margin:6px 0 0;font-size:.95rem;display:flex}.hero-context strong{color:var(--text-soft);font-weight:650}.dot-sep{color:var(--muted-strong)}.group-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.group-head .group-label{margin-bottom:8px}.group-meta{color:var(--muted-strong);font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:700}.level-chip{color:var(--brand-text);font-variant-numeric:tabular-nums;white-space:nowrap;background:#22d3ee0f;border:1px solid #22d3ee3d;border-radius:999px;flex:none;align-items:center;padding:9px 15px;font-size:.78rem;font-weight:750;display:inline-flex}.v2-header p.companion-line,p.companion-line{color:var(--text-soft);align-items:center;gap:9px;margin:12px 0 0;font-size:.84rem;display:flex}.companion-line .companion-mark{width:26px;height:26px}.companion-mark{flex:none;place-items:center;display:inline-grid}.companion-mark svg{width:100%;height:100%}.companion-mark[data-mark=pulse-aqua] svg{animation:2.2s ease-in-out infinite nucleus-pulse}.companion-mark[data-mark=lumen-silver] svg{animation:5.6s ease-in-out infinite lumen-breathe}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{animation:none!important}.reduced-motion .spinner{animation:.7s linear infinite spin!important}.focus-card{background:radial-gradient(ellipse 520px 260px at 88% -30%, #22d3ee2b, transparent 70%), var(--surface-v2);border:1px solid #22d3ee38;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:34px;padding:34px 36px;display:grid;overflow:hidden}.focus-card:before{content:"";background:linear-gradient(90deg,#0000,#67e8f980,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.focus-eyebrow{color:var(--brand);letter-spacing:.11em;text-transform:uppercase;font-size:.65rem;font-weight:800;display:block}.focus-card h2{letter-spacing:-.032em;margin:10px 0 8px;font-size:1.65rem;font-weight:730;line-height:1.18}.focus-card>div>p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.6}.focus-why{color:var(--text-soft);align-items:center;gap:7px;margin-top:14px;font-size:.8rem;display:flex}.focus-why svg{width:14px;height:14px;color:var(--brand);flex:none}.focus-action{justify-items:center;gap:8px;display:grid}.focus-action .button{white-space:nowrap;border-radius:11px;min-height:48px;padding-inline:26px}.focus-hint{color:var(--muted-strong);text-align:center;white-space:nowrap;font-size:.7rem}.study-timer{background:linear-gradient(#22d3ee14,#22d3ee05);border:1px solid #22d3ee3d;border-radius:14px;justify-items:center;gap:6px;min-width:180px;padding:14px 18px 12px;display:grid}.study-timer.paused{border-color:var(--border);background:rgba(var(--tint), .03)}.study-timer-dot{background:var(--brand);width:7px;height:7px;animation:dot-pulse 2s var(--ease-out) infinite;border-radius:50%}.study-timer.paused .study-timer-dot{background:var(--muted-strong);animation:none}.study-timer-clock{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:1.7rem;font-weight:700;line-height:1}.study-timer.paused .study-timer-clock{color:var(--muted)}.study-timer-meta{color:var(--muted-strong);white-space:nowrap;font-size:.68rem}.study-timer .pill-action{align-items:center;gap:6px;margin-top:4px;display:inline-flex}.study-timer .pill-action svg{width:12px;height:12px}.focus-card.done{border-color:#4ade8033;grid-template-columns:auto minmax(0,1fr);gap:20px}.done-mark{width:48px;height:48px;color:var(--success);background:#4ade8014;border:1px solid #4ade804d;border-radius:50%;flex:none;place-items:center;display:grid}.done-mark svg{width:22px;height:22px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.summary-tile{border:1px solid var(--hairline);background:linear-gradient(180deg, rgba(var(--tint), .022), transparent 42%), var(--surface-v2);transition:border-color .22s var(--ease-out), transform .22s var(--ease-out), box-shadow .22s var(--ease-out);border-radius:16px;gap:4px;padding:18px 20px;display:grid}.summary-tile:hover{box-shadow:0 16px 44px rgba(var(--shadow-rgb), .32);border-color:#67e8f933;transform:translateY(-2px)}.summary-tile span{color:var(--muted);font-size:.73rem}.summary-tile strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.5rem;font-weight:700}.summary-tile strong.brand{color:var(--brand-text)}.summary-tile small{color:var(--muted);font-size:.72rem}.dash-grid{gap:var(--space-8);grid-template-columns:1.5fr 1fr;align-items:start;display:grid}.dash-col{gap:22px;min-width:0;display:grid}.dash-col>section{flex-direction:column;display:flex}.dash-col>section>.card{flex:1}.chart-card{padding:20px 24px 18px}.chart-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.chart-head strong{font-size:.88rem;font-weight:700}.chart-legend{color:var(--muted);align-items:center;gap:6px;font-size:.72rem;display:flex}.chart-legend i{background:var(--grad-brand-v);border-radius:2px;width:8px;height:8px}.chart{border-bottom:1px solid rgba(var(--tint), .07);grid-template-columns:repeat(7,1fr);align-items:end;height:140px;display:grid}.bar{background:var(--grad-brand-v);transform-origin:bottom;border-radius:6px 6px 2px 2px;justify-self:center;width:22px}.bar.past{opacity:.38;animation:3s ease-in-out infinite alternate eq}.bar.today{transition:height .6s var(--ease-out);animation:3s ease-in-out infinite alternate eq;box-shadow:0 0 22px #22d3ee52}.bar.ghost{border:1px dashed rgba(var(--tint), .13);background:0 0;border-bottom:0;border-radius:6px 6px 0 0;height:20%}.bar.ghost.tomorrow{background:#22d3ee0a;border-color:#22d3ee59}.chart-labels{grid-template-columns:repeat(7,1fr);margin-top:10px;display:grid}.chart-labels span{color:var(--muted-strong);text-align:center;font-size:.66rem;font-weight:700}.chart-labels span.is-today{color:var(--brand-text)}.chart-labels span.is-tomorrow{color:var(--brand-text-dim)}.chart-foot{border-top:1px solid var(--hairline-row);color:var(--muted);align-items:center;gap:8px;margin-top:16px;padding-top:14px;font-size:.76rem;line-height:1.5;display:flex}.chart-foot svg{width:15px;height:15px;color:var(--brand);flex:none}.chart-foot strong{color:var(--brand-text);font-weight:700}.rows-top{justify-content:space-between;align-items:center;gap:16px;padding:16px 0 14px;display:flex}.rows-top strong{font-size:.88rem;font-weight:700}.ring{--progress:0%;background:conic-gradient(var(--brand) var(--progress), var(--track) 0);border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid;position:relative}.ring:after{content:"";background:var(--surface-v2);border-radius:50%;position:absolute;inset:4px}.ring span{z-index:1;color:var(--text-soft);font-size:.68rem;font-weight:800}.mission-row{border-top:1px solid var(--hairline-row);transition:background var(--dur-instant) var(--ease-out);border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;margin-inline:-10px;padding:15px 10px;display:grid}.mission-row:hover{background:rgba(var(--tint), .03)}.mission-row.completed{opacity:.5}.mission-dot{border:1px solid var(--border-strong);color:#0000;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.mission-dot .mission-num{color:var(--muted-strong);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700}.mission-dot svg{width:13px;height:13px}.mission-row.completed .mission-dot{color:var(--success);background:#4ade8014;border:1.5px solid #4ade808c}.mission-row.running .mission-dot{border-color:var(--brand)}.mission-info{gap:3px;min-width:0;display:grid}.mission-info strong{font-size:.9rem;font-weight:700}.mission-info small{color:var(--muted);font-size:.74rem}.pill-action{border:1px solid var(--border);min-height:34px;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color .18s var(--ease-out), border-color .18s var(--ease-out), background .18s var(--ease-out);background:0 0;border-radius:999px;padding:0 15px;font-family:inherit;font-size:.76rem;font-weight:700}.pill-action:hover{border-color:var(--brand-line);color:var(--brand-text);background:var(--brand-soft);background:#22d3ee2e}.done-label{color:var(--success);white-space:nowrap;font-size:.74rem;font-weight:750}.tomorrow-card{border-color:#22d3ee29;padding:22px 24px}.tomorrow-card h2{margin:0 0 6px;font-size:1rem;font-weight:730;line-height:1.35}.tomorrow-card>small{color:var(--muted);font-size:.74rem;display:block}.tomorrow-note{background:#22d3ee0f;border-radius:10px;align-items:center;gap:11px;margin-top:18px;padding:12px 14px;display:flex}.tomorrow-note i{width:30px;height:30px;color:var(--on-brand);background:var(--grad-brand);animation:dot-pulse 2.4s var(--ease-out) infinite;border-radius:50%;flex:none;place-items:center;display:grid}.tomorrow-note svg{width:15px;height:15px}.tomorrow-note p{color:var(--muted);margin:0;font-size:.76rem;line-height:1.5}.tomorrow-note strong{color:var(--brand-text);font-weight:700}.row-link{transition:opacity .18s var(--ease-out);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.row-link:hover{opacity:.8}.row-link svg{width:16px;height:16px;color:var(--border-strong)}.row-link strong{font-size:.88rem;font-weight:700;display:block}.row-link small{color:var(--muted);font-size:.74rem}.progress-track{background:var(--track);border-radius:999px;width:120px;height:6px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--grad-brand);height:100%;transition:width .6s var(--ease-out);display:block;box-shadow:0 0 10px #22d3ee8c}.week-dots{grid-template-columns:repeat(7,1fr);justify-items:center;gap:8px;padding:20px 0 14px;display:grid}.week-dots i{background:rgba(var(--tint), .07);border-radius:50%;width:13px;height:13px}.week-dots i.on{background:var(--grad-brand)}.week-dots i.now{background:var(--grad-brand);animation:dot-pulse 2.4s var(--ease-out) infinite}.week-dots i.next{background:0 0;border:1px dashed #22d3ee66}.week-caption{color:var(--muted);text-align:center;padding-bottom:18px;font-size:.72rem;display:block}.toast{z-index:var(--z-toast);border:1px solid var(--border);background:var(--toast-bg);max-width:min(360px,100% - 50px);box-shadow:var(--shadow-soft);animation:toast-in .26s var(--ease-out) both;border-radius:11px;align-items:center;gap:10px;padding:13px 16px;font-size:.8rem;display:flex;position:fixed;bottom:25px;right:25px}.toast svg{flex:none;width:16px;height:16px}.toast.success{background:var(--toast-success-bg);border-color:#4ade8040}.toast.success svg{color:var(--success)}.toast.error{color:var(--danger-text);background:var(--toast-error-bg);border-color:#f871714d}.centered-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:660px;min-height:70vh;margin:0 auto;display:flex}.centered-state h1{letter-spacing:-.04em;margin:16px 0 14px;font-size:clamp(1.9rem,4.5vw,2.6rem);font-weight:750;line-height:1.12}.centered-state>p{max-width:540px;color:var(--muted);margin:0;font-size:.92rem;line-height:1.7}.empty-orbit{border:1px solid var(--brand-line);width:76px;height:76px;color:var(--brand);background:var(--brand-soft);border-radius:50%;place-items:center;margin-bottom:22px;display:grid;box-shadow:0 0 0 18px #22d3ee06}.empty-orbit svg{width:28px;height:28px}.empty-action{justify-items:center;gap:10px;margin-top:24px;display:grid}.stats-grid{gap:var(--space-4);grid-template-columns:1.15fr 1fr;align-items:stretch;display:grid}.time-card{align-content:start;gap:18px;padding:22px 24px;display:grid}.time-head{color:var(--muted);align-items:center;gap:8px;font-size:.76rem;display:flex}.time-head svg{width:15px;height:15px;color:var(--brand);flex:none}.time-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.time-metric{gap:4px;display:grid}.time-metric>span{color:var(--brand-text-dim);font-family:var(--font-display);letter-spacing:.09em;text-transform:uppercase;font-size:.66rem;font-weight:750}.time-metric strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:1.85rem;font-weight:700;line-height:1.1}.time-metric small{color:var(--muted);font-size:.72rem}.time-window{border-top:1px solid var(--hairline-row);gap:44px;margin-top:auto;padding-top:14px;display:flex}.time-window>div{gap:3px;display:grid}.time-window span{color:var(--muted-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:700}.time-window strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.calendar-card{align-content:start;gap:12px;padding:20px 22px;display:grid}.calendar-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.calendar-head strong{text-transform:capitalize;font-size:.88rem;font-weight:700}.calendar-head span{color:var(--muted);white-space:nowrap;font-size:.72rem}.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.cal-weekdays span{color:var(--muted-strong);text-align:center;font-size:.6rem;font-weight:700}.cal-day{aspect-ratio:1;color:var(--muted);background:rgba(var(--tint), .03);font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;font-size:.7rem;display:grid}.cal-day.blank,.cal-day.future{background:0 0}.cal-day.future{color:var(--muted-strong);opacity:.55}.cal-day.studied{color:var(--brand-text);background:#22d3ee29;font-weight:700;box-shadow:inset 0 0 0 1px #22d3ee42}.cal-day.today{color:var(--text);box-shadow:inset 0 0 0 1.5px var(--brand);font-weight:800}.cal-day.today.studied{color:var(--on-brand);background:var(--grad-brand);box-shadow:none}
.journey-ring{flex:none;place-items:center;width:96px;height:96px;display:grid;position:relative}.journey-ring svg{width:96px;height:96px;position:absolute;transform:rotate(-90deg)}.journey-ring-arc{animation:ring-fill .9s .2s var(--ease-out) both}.journey-ring>span{text-align:center;justify-items:center;gap:1px;display:grid}.journey-ring strong{color:var(--brand-text);letter-spacing:-.03em;font-size:1.3rem;font-weight:750}.journey-ring small{color:var(--muted);font-size:.68rem}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.trails-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.trail-card{align-content:start;gap:10px;padding:22px 24px;display:grid}.trail-card:hover{box-shadow:0 20px 54px rgba(var(--shadow-rgb), .38);border-color:#67e8f952;transform:translateY(-2px)}.trail-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.trail-mark{border:1px solid var(--brand-line);width:34px;height:34px;color:var(--brand-text);background:var(--brand-soft);border-radius:10px;place-items:center;display:grid}.trail-mark svg{width:17px;height:17px}.trail-status{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 11px;font-size:.7rem;font-weight:750}.trail-status.active{color:var(--brand-text);border-color:#22d3ee4d}.trail-status.completed{color:var(--success);border-color:#4ade804d}.trail-card h2{letter-spacing:-.02em;margin:4px 0 0;font-size:1.12rem;font-weight:730;line-height:1.25}.trail-card>p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.55}.trail-progress{align-items:center;gap:12px;margin-top:8px;display:flex}.trail-progress .progress-track{flex:1;width:auto}.trail-progress strong{color:var(--brand-text);font-size:.82rem;font-weight:800}.trail-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:2px;display:flex}.trail-foot small{color:var(--muted-strong);font-size:.72rem}.trail-open{color:var(--brand-text);transition:gap .18s var(--ease-out);align-items:center;gap:4px;font-size:.76rem;font-weight:750;display:inline-flex}.trail-open svg{width:14px;height:14px}.trail-card:hover .trail-open{gap:8px}.sk-trail{border-radius:16px;height:200px}.module-card{padding:8px 24px}.module-card.current{border-color:#22d3ee38}.module-card.done{opacity:.75}.module-head{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .16s var(--ease-out);grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:18px 0;list-style:none;display:grid}.module-head::-webkit-details-marker{display:none}.module-head:hover{opacity:.86}.module-chevron{color:var(--muted-strong);place-items:center;display:grid}.module-chevron svg{width:16px;height:16px;transition:transform .22s var(--ease-out)}.module-card[open] .module-chevron svg,.path-card[open] .module-chevron svg{transform:rotate(90deg)}.module-marker{border:1px solid var(--border-strong);width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;font-size:.75rem;font-weight:750;display:grid}.module-marker svg{width:14px;height:14px}.module-card.done .module-marker{color:var(--success);border-color:#4ade8066}.module-card.current .module-marker{color:var(--on-brand);background:var(--grad-brand);border-color:#0000}.module-head h2{letter-spacing:-.02em;margin:0 0 3px;font-size:1.05rem;font-weight:730}.module-head p{color:var(--muted);margin:0;font-size:.76rem;line-height:1.5}.module-count{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:.72rem;font-weight:700}.module-count.done{color:var(--success);border-color:#4ade804d}.module-count.current{color:var(--brand-text);border-color:#22d3ee4d}.task-row{border-top:1px solid var(--hairline-row);grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;display:grid}.task-row.completed{opacity:.6}.task-check{border:1px solid var(--border-strong);color:#0000;cursor:default;width:20px;height:20px;transition:border-color .16s var(--ease-out), color .16s var(--ease-out), background .16s var(--ease-out);background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.task-check svg{width:11px;height:11px}.task-check.done{color:var(--success);border-color:#4ade8066}.task-check.ready{cursor:pointer}.task-check.ready:hover{color:var(--brand-text);background:var(--brand-soft)}.task-check.failed{border-color:#f8717199}.task-check:disabled{cursor:not-allowed}.task-check.ready:disabled{cursor:progress}.task-check-spinner{width:11px;height:11px;color:var(--brand-text);border-width:1.5px}.task-row.today .task-check{border-color:var(--brand);animation:dot-pulse 2.4s var(--ease-out) infinite}.task-type{color:var(--brand);letter-spacing:.09em;text-transform:uppercase;margin-bottom:2px;font-size:.66rem;font-weight:800;display:block}.task-row strong{font-size:.85rem;font-weight:700}.task-time{color:var(--muted);white-space:nowrap;font-size:.72rem}.scroll-map{border:1px solid var(--hairline);background:linear-gradient(180deg, #e6eaf109, transparent 40%), var(--surface-v2);border-radius:16px;overflow:hidden}.scroll-map-summary{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .18s var(--ease-out);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 20px;list-style:none;display:grid}.scroll-map-summary::-webkit-details-marker{display:none}.scroll-map-summary:hover{background:rgba(var(--tint), .03)}.scroll-map-summary h2{margin:0 0 2px;font-size:.98rem;font-weight:730}.scroll-map-summary p{color:var(--muted);margin:0;font-size:.75rem}.scroll-roll{width:44px;height:44px;color:var(--text-soft);background:linear-gradient(160deg,#e6eaf114,#e6eaf105);border:1px solid #e6eaf129;border-radius:12px;place-items:center;display:grid}.scroll-roll svg{width:26px;height:26px}.scroll-map[open] .module-chevron svg{transform:rotate(90deg)}.scroll-map-body{border-top:1px solid var(--hairline-row);transform-origin:top;background:linear-gradient(#e6eaf105,#0000 12%),repeating-linear-gradient(0deg,#0000 0 46px,#e6eaf106 46px 47px),repeating-linear-gradient(90deg,#0000 0 46px,#e6eaf106 46px 47px);padding:4px 22px 22px;position:relative}.scroll-map[open] .scroll-map-body{animation:map-unroll .62s var(--ease-apple) both}.scroll-edge{height:9px;box-shadow:0 5px 12px rgba(var(--shadow-rgb), .35);background:linear-gradient(#e6eaf11a,#0a0a0d99);border:1px solid #e6eaf124;border-radius:999px;margin:12px -8px;display:block}.stage-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.stage-card{aspect-ratio:1;color:var(--text);grid-template-rows:auto 1fr auto;gap:10px;padding:18px;display:grid}.stage-card:hover{border-color:#67e8f959;transform:translateY(-3px)}.stage-card.current{background:radial-gradient(ellipse 240px 140px at 50% -30%, #22d3ee24, transparent 70%), var(--surface-v2);border-color:#22d3ee73}.stage-card.done{opacity:.72}.stage-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.stage-card h2{letter-spacing:-.015em;-webkit-line-clamp:3;-webkit-box-orient:vertical;align-self:center;margin:0;font-size:1rem;font-weight:730;line-height:1.3;display:-webkit-box;overflow:hidden}.stage-foot{gap:7px;display:grid}.stage-foot .progress-track{width:100%}.stage-foot small{color:var(--muted-strong);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:700}.stage-card.current .stage-foot small{color:var(--brand-text)}.trail-verified{padding:var(--space-5) var(--space-6);align-items:center;gap:var(--space-4);display:flex}.trail-verified strong{margin-bottom:3px;display:block}.trail-verify-card{padding:var(--space-5) var(--space-6);gap:var(--space-4);display:grid}.trail-verify-lead{max-width:62ch;color:var(--muted);font-size:.92rem;line-height:1.6}.trail-verify-form{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.trail-verify-note{flex:1;min-width:220px}
.crumbs{color:var(--muted);align-items:center;gap:7px;margin-bottom:14px;font-size:.78rem;display:flex}.crumbs a:hover{color:var(--brand-text)}.crumbs svg{width:13px;height:13px;color:var(--border-strong)}.crumbs span[aria-current]{color:var(--text-soft);font-weight:700}.study-progress{flex:none;justify-items:end;gap:6px;min-width:180px;display:grid}.study-progress strong{font-family:var(--font-display);color:var(--brand-text);font-size:1.4rem;font-weight:700}.study-progress .progress-track{width:100%}.study-progress small{color:var(--muted);font-size:.72rem}.study-content{padding:30px 26px}.study-content-empty{text-align:center;justify-items:center;gap:10px;max-width:560px;margin:0 auto;display:grid}.study-content-empty h2{margin:4px 0 0;font-size:1.15rem;font-weight:730}.study-content-empty p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.6}.study-content-outline{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.study-content-outline span{color:var(--brand-text-dim);border:1px dashed #67e8f959;border-radius:999px;padding:7px 13px;font-size:.75rem;font-weight:700}.practice-page,.report-page{width:min(1040px,100% - 96px);margin:0 auto;padding:36px 0 88px}.challenge-card{gap:16px;padding:24px;display:grid}.challenge-head h2{margin:6px 0;font-size:1.15rem;font-weight:730}.challenge-head p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.6}.challenge-note{color:var(--brand-text-dim)!important;margin-top:8px!important;font-size:.76rem!important}.code-editor{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;grid-template-columns:44px minmax(0,1fr);display:grid;overflow:hidden}.code-gutter{border-right:1px solid var(--hairline);max-height:320px;color:var(--muted-strong);background:rgba(var(--tint), .02);text-align:center;-webkit-user-select:none;user-select:none;gap:0;padding:12px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.55;display:grid;overflow:hidden}.code-editor textarea{resize:vertical;min-height:220px;max-height:320px;color:var(--text);white-space:pre;background:0 0;border:0;border-radius:0;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.55}.code-editor textarea:focus{box-shadow:none;background:#22d3ee05}.challenge-actions{flex-wrap:wrap;gap:10px;display:flex}.challenge-output{background:var(--toast-success-bg);border:1px solid #4ade8040;border-radius:12px;overflow:hidden}.challenge-output.failed{background:var(--toast-error-bg);border-color:#f871714d}.challenge-output-label{color:var(--success);letter-spacing:.08em;text-transform:uppercase;padding:8px 14px 0;font-size:.7rem;font-weight:800;display:block}.challenge-output.failed .challenge-output-label{color:var(--danger-text)}.challenge-output pre{margin:0;padding:8px 14px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.6;overflow-x:auto}
.settings-card{padding:4px 20px}.avatar{width:44px;height:44px;color:var(--on-brand);background:var(--grad-brand);border-radius:50%;flex:none;place-items:center;font-size:.95rem;font-weight:800;display:grid}.row-avatar{align-items:center;gap:13px;padding:18px 0;display:flex}.row-avatar strong{font-size:.95rem;font-weight:730;display:block}.row-avatar small{color:var(--muted);font-size:.78rem}.inline-input{width:220px;min-height:38px;color:var(--text);background:rgba(var(--tint), .05);text-align:right;border:1px solid #0000;border-radius:9px;padding:0 12px;font-size:.85rem}.inline-input:focus{background:var(--field-bg);text-align:left;border-color:#22d3ee94}.stepper-control{border:1px solid rgba(var(--tint), .09);border-radius:9px;flex:none;align-items:center;display:flex;overflow:hidden}.stepper-control button{width:34px;height:34px;color:var(--text-soft);background:rgba(var(--tint), .05);cursor:pointer;transition:background .16s var(--ease-out);border:0;font-family:inherit;font-size:1rem;line-height:1}.stepper-control button:hover:not(:disabled){background:rgba(var(--tint), .1)}.stepper-control button:disabled{cursor:not-allowed;opacity:.4}.stepper-control span{min-width:64px;height:34px;color:var(--brand-text);font-variant-numeric:tabular-nums;place-items:center;font-size:.88rem;font-weight:750;display:grid}.footnote{color:var(--muted);margin:10px 4px 0;font-size:.74rem;line-height:1.5;display:block}.settings-actions{justify-content:flex-end;margin-top:18px;display:flex}.settings-actions .button{min-height:42px}.companion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.companion-card{border:1px solid var(--hairline);color:var(--text);background:linear-gradient(180deg, rgba(var(--tint), .022), transparent 42%), var(--surface-v2);cursor:pointer;text-align:center;transition:border-color .2s var(--ease-out), background .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:16px;justify-items:center;gap:3px;padding:14px 12px 13px;font-family:inherit;display:grid;position:relative}.companion-card:hover:not(:disabled){background:linear-gradient(180deg, rgba(var(--tint), .035), transparent 42%), var(--surface-v2);border-color:#67e8f947}.companion-card:disabled{cursor:progress}.companion-card.selected{background:radial-gradient(ellipse 220px 120px at 50% -20%, #22d3ee1f, transparent 70%), var(--surface-v2);border-color:#22d3ee66;box-shadow:0 12px 32px #22d3ee1f}.companion-card.selected:after{content:"";border-radius:inherit;background:conic-gradient(from var(--beam), transparent 0deg 300deg, #22d3ee1a 320deg, var(--brand) 344deg, #cffafe 353deg, var(--brand) 360deg);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;animation:5s linear infinite beam-run;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.companion-card .companion-mark{width:42px;height:42px;margin-bottom:4px}.companion-card strong{font-size:.92rem;font-weight:730}.companion-card small{color:var(--muted);font-size:.74rem;line-height:1.5}.privacy-card{gap:14px;padding:22px 24px;display:flex}.privacy-tile{width:34px;height:34px;color:var(--brand);background:var(--brand-soft);border:1px solid #22d3ee1f;border-radius:9px;flex:none;place-items:center;display:grid}.privacy-card strong{margin-bottom:5px;font-size:.92rem;font-weight:730;display:block}.privacy-card p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.6}.danger-row{width:100%;color:var(--danger);cursor:pointer;text-align:left;transition:opacity .18s var(--ease-out);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:17px 0;font-family:inherit;font-size:.88rem;font-weight:700;display:flex}.danger-row:hover:not(:disabled){opacity:.8}.danger-row:disabled{cursor:progress;opacity:.6}.card.rows .danger-row+.danger-row{border-top:1px solid var(--hairline-row)}.danger-row svg{flex:none;width:16px;height:16px}.restricted-card{padding:26px}.restricted-card h2{letter-spacing:-.03em;margin:10px 0 8px;font-size:1.35rem;font-weight:730}.restricted-card p{color:var(--muted);margin:0 0 10px;font-size:.86rem;line-height:1.6}.restricted-card .system-state-actions{margin-top:18px}.segment{border:1px solid var(--hairline);border-radius:var(--radius-control);background:rgba(var(--tint), .03);flex:none;gap:2px;padding:3px;display:inline-flex}.segment button{min-height:30px;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color var(--dur-instant) var(--ease-out), background var(--dur-instant) var(--ease-out);background:0 0;border:0;border-radius:7px;padding:0 12px;font-family:inherit;font-size:.8rem;font-weight:650}.segment button:hover{color:var(--text-soft)}.segment button.selected{color:var(--text);background:var(--surface-active)}.delete-modal .eyebrow.danger{color:var(--danger-text)}.delete-modal h2{margin-top:6px}.delete-list{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.delete-list li{background:#f871710d;border:1px solid #f8717129;border-radius:10px;gap:2px;padding:10px 14px;display:grid}.delete-list strong{font-size:.84rem;font-weight:700}.delete-list small{color:var(--muted);font-size:.74rem}.delete-note{color:var(--muted);margin:12px 0 4px;font-size:.76rem;line-height:1.5}.feedback-modal label.delete-aware{cursor:pointer;flex-direction:row;align-items:center;gap:10px;margin-top:4px;display:flex}.delete-aware input[type=checkbox]{width:17px;height:17px;accent-color:var(--danger);cursor:pointer;flex:none}.delete-aware span{color:var(--text-soft);font-size:.8rem}
.jarvis-stage{width:100%;max-width:880px;margin-inline:auto}.companion-bubble{z-index:var(--z-dropdown);background:linear-gradient(180deg, var(--glass-top), var(--glass-solid));width:62px;height:62px;box-shadow:0 14px 40px rgba(var(--shadow-rgb), .45), 0 0 24px #22d3ee24;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), border-color .2s var(--ease-out);border:1px solid #67e8f94d;border-radius:50%;place-items:center;padding:10px;display:grid;position:fixed;bottom:26px;right:26px}.companion-bubble svg{width:100%;height:100%}.companion-bubble:hover{box-shadow:0 18px 48px rgba(var(--shadow-rgb), .5), 0 0 34px #22d3ee42;border-color:#67e8f98c;transform:translateY(-3px)scale(1.06)}.companion-bubble:after{content:"";animation:bubble-pulse 2.8s var(--ease-out) infinite;pointer-events:none;border:1px solid #22d3ee59;border-radius:50%;position:absolute;inset:-3px}.jarvis-stage{justify-items:center;gap:11px;padding:20px 24px 18px;display:grid;overflow:hidden}.jarvis-orb{place-items:center;width:108px;height:108px;display:grid;position:relative}.jarvis-core{z-index:1;background:radial-gradient(circle at 50% 38%, #22d3ee29, transparent 72%), var(--surface-v2);width:72px;height:72px;animation:companion-enter .64s var(--ease-apple) both;transition:box-shadow .3s var(--ease-out);border:1px solid #67e8f94d;border-radius:50%;place-items:center;padding:8px;display:grid;position:relative}.jarvis-core svg{width:100%;height:100%}.jarvis-ring{border:1px solid #22d3ee38;border-radius:50%;position:absolute;inset:0}.jarvis-ring.r2{border-color:#67e8f929;inset:12px}.jarvis-ring.r3{border-color:#e6eaf11a;inset:26px}.jarvis-stage .jarvis-ring{animation:jarvis-breathe 3.6s var(--ease-out) infinite}.jarvis-stage .jarvis-ring.r2{animation-delay:.4s}.jarvis-stage .jarvis-ring.r3{animation-delay:.8s}.jarvis-stage.listening .jarvis-ring{animation:jarvis-listen 1.1s var(--ease-out) infinite;border-color:#22d3ee80}.jarvis-stage.listening .jarvis-ring.r2{animation-delay:.18s}.jarvis-stage.listening .jarvis-ring.r3{animation-delay:.36s}.jarvis-stage.listening .jarvis-core{box-shadow:0 0 44px #22d3ee66}.jarvis-state{color:var(--muted-strong);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.jarvis-stage.listening .jarvis-state{color:var(--brand-text)}.companion-thread{align-content:start;gap:12px;width:100%;min-height:84px;max-height:240px;padding:4px 2px;display:grid;overflow-y:auto}.chat-bubble{max-width:88%;animation:page-enter .26s var(--ease-out) both;display:flex}.chat-bubble p{border-radius:14px;margin:0;padding:11px 14px;font-size:.87rem;line-height:1.55}.chat-bubble.user{justify-self:end}.chat-bubble.user p{color:var(--on-brand);background:var(--grad-brand);border-bottom-right-radius:4px;font-weight:600}.chat-bubble.companion{justify-self:start}.chat-bubble.companion p{border:1px solid var(--hairline);background:rgba(var(--tint), .035);border-bottom-left-radius:4px}.chat-typing{align-items:center;gap:5px;min-width:44px;display:inline-flex}.chat-typing i{background:var(--brand-text-dim);width:6px;height:6px;animation:loader-wave .8s var(--ease-out) infinite alternate;border-radius:50%}.chat-typing i:nth-child(2){animation-delay:.14s}.chat-typing i:nth-child(3){animation-delay:.28s}.companion-questions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.jarvis-input{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;display:grid}.jarvis-mic{border:1px solid var(--border);width:46px;height:46px;color:var(--muted);background:rgba(var(--tint), .04);cursor:pointer;transition:.18s var(--ease-out);border-radius:50%;place-items:center;display:grid}.jarvis-mic svg{width:19px;height:19px}.jarvis-mic:hover:not(:disabled){border-color:var(--brand-line);color:var(--brand-text)}.jarvis-mic.on{color:var(--on-brand);background:var(--grad-brand);animation:dot-pulse 1.6s var(--ease-out) infinite;border-color:#0000;box-shadow:0 0 22px #22d3ee73}.jarvis-mic:disabled{cursor:not-allowed;opacity:.45}.jarvis-input input{min-height:46px}.jarvis-send{min-height:46px;padding-inline:18px}.jarvis-hint{color:var(--muted);text-align:center;margin:0;font-size:.76rem}.companion-layout{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:0 18px;display:grid}.companion-grid.compact{grid-template-columns:1fr;gap:10px}.companion-grid.compact .companion-card{text-align:left;grid-template-columns:40px minmax(0,1fr);justify-items:start;gap:2px 12px;padding:12px 14px}.companion-grid.compact .companion-card .companion-mark{grid-row:span 2;align-self:center;width:36px;height:36px;margin-bottom:0}.companion-grid.compact .companion-card small{font-size:.7rem}.companion-layout{align-items:stretch}.companion-layout>.group{flex-direction:column;margin-bottom:0;display:flex}.companion-layout .companion-grid.compact{flex:1;grid-template-rows:repeat(3,minmax(0,1fr))}.companion-grid.compact .companion-card{align-content:center;height:100%}.companion-layout .footnote{display:none}.focus-abandon{color:var(--muted-strong);cursor:pointer;text-underline-offset:3px;transition:color .16s var(--ease-out);background:0 0;border:0;padding:4px 8px;font-family:inherit;font-size:.72rem;text-decoration:underline}.focus-abandon:hover:not(:disabled){color:var(--text-soft)}.focus-abandon:disabled{cursor:progress;opacity:.6}
.report-chip{border:1px solid var(--border);color:var(--muted);background:rgba(var(--tint), .025);white-space:nowrap;transition:color .18s var(--ease-out), border-color .18s var(--ease-out);border-radius:999px;align-items:center;padding:9px 15px;font-size:.76rem;font-weight:700;display:inline-flex}.report-chip:hover{border-color:var(--brand-line);color:var(--brand-text)}.report-hours-lead{color:var(--text-soft);margin:0;font-size:.9rem}.report-hours-lead strong{color:var(--brand-text)}.report-chart-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.vchart-card{align-content:start;gap:18px;padding:20px 22px;display:grid}.vchart-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.vchart-head strong{font-size:.88rem;font-weight:700}.vchart-head span{color:var(--muted);white-space:nowrap;font-size:.72rem}.vchart{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:14px;display:grid}.vchart-col{justify-items:center;gap:6px;min-width:0;display:grid}.vchart-value{color:var(--text-soft);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700}.vchart-track{background:var(--track);border-radius:7px;align-items:flex-end;width:100%;max-width:34px;height:120px;display:flex;overflow:hidden}.vchart-track span{background:var(--grad-brand-v);width:100%;transition:height .6s var(--ease-out);border-radius:7px 7px 0 0;display:block}.vchart-col.top .vchart-value{color:var(--brand-text)}.vchart-col.top .vchart-track span{box-shadow:0 0 18px #22d3ee52}.vchart-label{max-width:100%;color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:700;overflow:hidden}.monthly-card{padding:var(--space-6);align-items:center;gap:var(--space-6);border-radius:22px;grid-template-columns:minmax(0,1fr) 250px;display:grid}.monthly-lead{margin-bottom:var(--space-2);font-size:1rem;line-height:1.6}.monthly-summary .empty-note{max-width:52ch}.monthly-actions{margin-top:var(--space-4);gap:var(--space-2);flex-wrap:wrap;display:flex}.monthly-canvas-frame{border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:16px;overflow:hidden}.monthly-canvas-frame canvas{width:100%;height:auto;display:block}.monthly-card-empty{padding:var(--space-5) var(--space-6);border-radius:22px}
:root[data-theme=light] .companion-mark,:root[data-theme=light] .companion-bubble,:root[data-theme=light] .jarvis-core,:root[data-theme=light] .chat-bubble-mark{background:radial-gradient(circle at 50% 38%,#22d3ee2e,#0000 72%),linear-gradient(160deg,#16181f,#0a0a0d);border-color:#0d111724}:root[data-theme=light] .companion-mark{border-radius:50%;padding:5px}:root[data-theme=light] .chat-bubble-mark{border-radius:50%;padding:4px}:root[data-theme=light] .jarvis-ring{border-color:#0891b259}:root[data-theme=light] .jarvis-ring.r2{border-color:#0891b23d}:root[data-theme=light] .jarvis-ring.r3{border-color:#0891b229}:root[data-theme=light] .hero-orb-core{background:radial-gradient(circle,#0891b2 0%,#22d3ee 40%,#22d3ee00 72%)}:root[data-theme=light] .app-cloud,:root[data-theme=light] .app-atmosphere:after{opacity:.05}:root[data-theme=light] .app-grid-fade{opacity:.22;background-image:linear-gradient(#0d11170f 1px,#0000 1px),linear-gradient(90deg,#0d11170f 1px,#0000 1px)}
.mascot-mark{justify-content:center;align-items:center;line-height:0;display:inline-flex}.mascot-mark img{object-fit:contain;width:100%;height:auto}.nori-card{border:1px solid rgba(var(--tint), .1);background:linear-gradient(180deg, var(--glass-top), var(--glass-bottom));-webkit-backdrop-filter:blur(18px)saturate(1.3);box-shadow:0 14px 44px rgba(var(--shadow-rgb), .38), inset 0 1px 0 rgba(var(--tint), .07);border-radius:26px;flex-direction:column;gap:4px;padding:28px 28px 22px;display:flex}.nori-card:hover{border-color:rgba(var(--tint), .1)}.mascot-page .companion-questions{justify-content:flex-start}.nori-head{text-align:center;justify-items:center;gap:4px;padding-bottom:14px;display:grid}.nori-portrait{justify-content:center;display:flex}.nori-portrait .mascot-mark{width:min(100%,210px)}.nori-scene{aspect-ratio:6/5;width:min(100%,300px);position:relative}.nori-scene canvas{opacity:0;width:100%;height:100%;transition:opacity .6s;display:block}.nori-scene.ready canvas{opacity:1}.nori-scene-fallback{justify-content:center;display:flex}@media (prefers-reduced-motion:no-preference){.nori-portrait .mascot-mark{animation:6s ease-in-out infinite nori-float}}@keyframes nori-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.nori-head h2{margin:6px 0 0;font-size:clamp(1.4rem,2.4vw,1.8rem);line-height:1.1}.nori-tagline{max-width:42ch;color:var(--muted);margin:0;font-size:.88rem;line-height:1.5}.nori-state{color:var(--muted);letter-spacing:.02em;margin:4px 0 0;font-size:.78rem;font-weight:600}.nori-card.listening .nori-state{color:var(--brand-text)}.nori-compose{border-top:1px solid var(--hairline);margin-top:14px;padding-top:16px}.nori-loader{text-align:center;justify-items:center;gap:6px;display:grid}.nori-loader.page{align-content:center;min-height:60vh;padding:40px 16px}.nori-loader.inline{padding:22px 12px}.nori-stage{aspect-ratio:16/9;border:1px solid var(--border);background:radial-gradient(120% 90% at 50% 120%,#22d3ee29,#0000 68%),linear-gradient(#0d1420,#070b12);border-radius:18px;width:min(100%,420px);position:relative;overflow:hidden}.nori-flow{fill:none;stroke:#67e8f9;stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:6 12;opacity:.5;width:100%;height:100%;animation:1.6s linear infinite nori-flow-run;position:absolute;inset:0}@keyframes nori-flow-run{to{stroke-dashoffset:-72px}}.nori-swimmer{place-items:center;display:grid;position:absolute;inset:0}.nori-swimmer .mascot-mark{width:min(46%,172px);animation:4.5s ease-in-out infinite nori-swim}@keyframes nori-swim{0%,to{transform:translate(-5%,3%)rotate(-2deg)}50%{transform:translate(5%,-3%)rotate(2deg)}}.nori-label{margin:10px 0 0;font-size:.95rem;font-weight:650}.nori-phase{color:var(--brand-text);margin:0;font-size:.82rem;font-weight:600}@media (prefers-reduced-motion:reduce){.nori-flow,.nori-swimmer .mascot-mark{animation:none}}.nori-bubble{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-card);background:linear-gradient(180deg, rgba(var(--tint), .03), transparent 46%), var(--surface-v2);align-items:flex-start;display:flex}.nori-bubble-avatar{--nori-intensity:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.nori-bubble-avatar:after{content:"";opacity:calc(.12 + var(--nori-intensity) * .6);transform:scale(calc(1 + var(--nori-intensity) * .12));pointer-events:none;background:radial-gradient(circle,#22d3ee6b,#0000 68%);border-radius:50%;position:absolute;inset:-10%}.nori-bubble-compact .nori-bubble-avatar .mascot-mark{width:72px}.nori-bubble-avatar .mascot-mark img{width:100%;height:auto}.nori-bubble-stage .nori-bubble-avatar{width:min(38%,240px)}.nori-bubble-body{flex:auto;min-width:0}.nori-bubble-text{color:var(--text-soft);font-size:var(--type-body);margin:0;line-height:1.5}.nori-bubble-offer{margin-top:var(--space-3)}.nori-bubble-offer p{margin:0 0 var(--space-2);color:var(--muted);font-size:var(--type-small)}.nori-bubble-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.nori-bubble-note{margin:var(--space-2) 0 0;color:var(--muted-strong);font-size:var(--type-small)}.nori-bubble-controls{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.nori-control{min-height:44px;padding:0 var(--space-3);border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--muted);font-size:var(--type-small);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.nori-control svg{width:16px;height:16px}.nori-control:hover{border-color:var(--brand-line);color:var(--text-soft)}.nori-control-action{border-color:var(--brand-line);color:var(--brand-text)}.nori-control-close{margin-left:auto}@media (prefers-reduced-motion:reduce){.nori-bubble-avatar:after{opacity:.12;transform:none}}.preview-switch{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.nori-preview-stage{padding:var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--surface-v2);place-items:center;display:grid}
.note-editor{gap:16px;padding:22px 24px;display:grid}.note-editor textarea{resize:vertical;min-height:220px;line-height:1.6}.note-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.note-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.note-actions .button svg{vertical-align:-3px;width:15px;height:15px;margin-right:6px}.note-actions .note-delete{margin-left:auto}.note-review{background:#22d3ee0b;border:1px solid #22d3ee2e;border-radius:12px;gap:12px;padding:16px 18px;display:grid}.note-review-head{align-items:baseline;gap:12px;display:flex}.note-review-head strong{color:var(--brand-text);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}.note-review-head p{color:var(--text-soft);margin:0;font-size:.86rem}.note-review-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.note-review-list li{color:var(--muted);align-items:flex-start;gap:8px;font-size:.8rem;line-height:1.5;display:flex}.note-review-list li svg{width:14px;height:14px;color:var(--brand);flex:none;margin-top:2px}.note-review-list.good li{color:var(--text-soft)}.note-review-list.good li svg{color:var(--success)}.note-review>small{color:var(--muted-strong);font-size:.7rem;line-height:1.5}.notes-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.note-card{border:1px solid var(--hairline);cursor:pointer;text-align:left;color:inherit;transition:background var(--dur-instant) var(--ease-out), border-color var(--dur-instant) var(--ease-out);flex-direction:column;gap:10px;padding:18px 20px;font-family:inherit;display:flex}.note-card:hover{background:var(--surface-hover);border-color:#67e8f933}.note-card h2{margin:0;font-size:.95rem;font-weight:700;line-height:1.35}.note-card p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.55}.note-card-foot{justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding-top:8px;display:flex}.note-tags{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.note-tags em{max-width:180px;color:var(--brand-text-dim);text-overflow:ellipsis;white-space:nowrap;background:#22d3ee0f;border:1px solid #22d3ee33;border-radius:999px;padding:3px 9px;font-size:.66rem;font-style:normal;font-weight:700;overflow:hidden}.note-tags em.loose{border-color:var(--border);color:var(--muted-strong);background:0 0}.note-card-foot>small{color:var(--muted-strong);flex:none;font-size:.68rem}.note-empty{text-align:center;justify-items:center;gap:12px;padding:44px 24px;display:grid}.note-empty .empty-orbit{width:60px;height:60px;margin-bottom:4px}.note-empty .empty-orbit svg{width:24px;height:24px}.note-empty h2{margin:0;font-size:1.1rem;font-weight:730}.note-empty p{max-width:480px;color:var(--muted);margin:0;font-size:.86rem;line-height:1.6}@media (max-width:640px){.note-links{grid-template-columns:1fr}.note-actions .note-delete{margin-left:0}}.notes-page .v2-header>.button{white-space:nowrap;flex:none}
.feedback-form{gap:22px;display:grid}.feedback-form>.group{margin-bottom:0}.feedback-card{gap:26px;padding:clamp(18px,3vw,26px);display:grid}.score-scale{grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;display:grid}.score-chip{border:1px solid var(--border);min-height:46px;color:var(--text-soft);background:rgba(var(--tint), .02);cursor:pointer;transition:border-color .16s var(--ease-out), background .16s var(--ease-out), color .16s var(--ease-out), transform .14s var(--ease-out);border-radius:10px;place-items:center;font-size:.88rem;font-weight:700;position:relative;display:grid!important}.score-chip:hover{border-color:var(--border-strong);background:rgba(var(--tint), .05);transform:translateY(-1px)}.score-chip input{opacity:0;border:0;width:1px;height:1px;min-height:1px;padding:0;position:absolute}.score-chip:has(input:focus-visible){outline-offset:3px;outline:2px solid #67e8f9}.score-chip.selected{color:var(--on-brand);background:var(--grad-brand);border-color:#0000;box-shadow:0 10px 26px #22d3ee33}.score-legend{color:var(--muted-strong);justify-content:space-between;gap:12px;margin-top:9px;font-size:.72rem;font-weight:600;display:flex}.score-tone{border:1px solid var(--brand-line);color:var(--text-soft);animation:panel-enter .28s var(--ease-out) both;background:#22d3ee0d;border-radius:10px;margin:10px 0 0;padding:11px 13px;font-size:.82rem;line-height:1.55}.switch-row{border:1px solid var(--border);background:rgba(var(--tint), .018);cursor:pointer;border-radius:12px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid}.switch-row input{width:24px;height:24px;min-height:24px;accent-color:var(--brand);cursor:pointer;padding:0}.switch-row>span{gap:3px;min-width:0;display:grid}.switch-row strong{font-size:.88rem;font-weight:650}.switch-row small{color:var(--muted);font-size:.78rem;font-weight:500;line-height:1.45}.feedback-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.feedback-actions p{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:.81rem;display:inline-flex}.feedback-actions svg{width:15px;height:15px;color:var(--brand);flex:none}.feedback-done{text-align:center;animation:panel-enter .34s var(--ease-out) both;justify-items:center;gap:10px;padding:clamp(30px,6vw,52px) 24px;display:grid}.feedback-done-mark{width:54px;height:54px;color:var(--success);background:#4ade8017;border:1px solid #4ade8059;border-radius:50%;place-items:center;display:grid}.feedback-done-mark svg{width:24px;height:24px}.feedback-done h2{letter-spacing:-.03em;margin:4px 0 0;font-size:1.4rem;font-weight:730}.feedback-done p{max-width:52ch;color:var(--muted);margin:0 0 8px;line-height:1.65}
.profile-layout{align-items:start;gap:var(--space-6);grid-template-columns:340px minmax(0,1fr);display:grid}.profile-side{gap:var(--space-4);display:grid}.profile-main{align-content:start;min-width:0;display:grid}.profile-id-block{align-items:center;gap:4px var(--space-4);grid-template-columns:96px minmax(0,1fr);display:grid}.profile-id-copy{justify-items:start;gap:4px;min-width:0;display:grid}.profile-id-copy p,.profile-xp small{margin:0}.profile-id-block h1{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.45rem;line-height:1.15;overflow:hidden}.profile-xp{margin-top:var(--space-3);grid-column:1/-1;gap:7px;display:grid}.profile-since{color:var(--muted-strong);font-size:.8rem}.profile-id-block .level-chip{margin-top:var(--space-2)}.side-card-label{margin-bottom:var(--space-3);color:var(--muted-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:750;display:block}.profile-avatar{flex:none;width:96px;height:96px;font-size:1.7rem}.profile-avatar-photo{object-fit:cover;border-radius:50%}.profile-avatar-button{border:2px solid var(--border-strong);background:var(--surface-raised);cursor:pointer;width:96px;height:96px;transition:border-color .18s var(--ease-out);border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.profile-avatar-button:hover,.profile-avatar-button:focus-visible{border-color:var(--brand-line)}.profile-avatar-button img{object-fit:cover;width:100%;height:100%}.profile-avatar-button .profile-avatar{width:100%;height:100%}.profile-avatar-cta{color:#fff;opacity:0;text-align:center;transition:opacity .16s var(--ease-out);background:#0a0a0da8;padding:5px 0 8px;font-size:.62rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}.profile-avatar-button:hover .profile-avatar-cta,.profile-avatar-button:focus-visible .profile-avatar-cta{opacity:1}.profile-meta{color:var(--muted-strong);font-size:.88rem}.profile-username{color:var(--brand-text);font-weight:650}.profile-plan{color:var(--brand-text)}.profile-xp-top{justify-content:space-between;align-items:baseline;display:flex}.profile-xp-top strong{font-size:1rem;font-weight:750}.profile-xp-top span{color:var(--brand-text);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.profile-xp small{color:var(--muted-strong);font-variant-numeric:tabular-nums;font-size:.72rem}.profile-level-track{width:100%}.profile-side-stats{padding-block:var(--space-2) var(--space-1);justify-content:space-between;gap:var(--space-3) var(--space-2);flex-wrap:wrap;display:flex}.stat-bubble{justify-items:center;gap:6px;width:60px;display:grid}.stat-disc{border:1px solid var(--border);background:var(--surface-raised);width:58px;height:58px;box-shadow:inset 0 1px 0 rgba(var(--tint), .06);border-radius:50%;place-content:center;justify-items:center;gap:1px;display:grid}.stat-disc strong{font-family:var(--font-display,inherit);font-variant-numeric:tabular-nums;font-size:1.02rem;font-weight:750;line-height:1}.stat-disc svg{width:13px;height:13px;color:var(--brand)}.stat-bubble small{color:var(--muted-strong);text-align:center;margin:0;font-size:.64rem;line-height:1.25}.group-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.group-header .button{min-height:32px;padding:0 12px;font-size:.8rem}.group-hint{color:var(--muted-strong);font-variant-numeric:tabular-nums;font-size:.76rem}.empty-note{color:var(--muted-strong);font-size:.88rem;line-height:1.55}.constancy-card{max-width:100%;padding:var(--space-4);border-radius:18px}.constancy-scroll{scrollbar-width:thin;padding-bottom:4px;overflow-x:auto}.constancy-months{grid-template-columns:repeat(26,9px);column-gap:2px;min-width:max-content;margin-bottom:5px;padding-left:24px;display:grid}.constancy-months span{color:var(--muted-strong);white-space:nowrap;font-size:.66rem;overflow:visible}.constancy-body{gap:6px;min-width:max-content;display:flex}.constancy-weekdays{flex:none;grid-template-rows:repeat(7,9px);row-gap:2px;width:18px;display:grid}.constancy-weekdays span{color:var(--muted-strong);font-size:.58rem;line-height:9px}.constancy-weekdays span:first-child{grid-row:1}.constancy-weekdays span:nth-child(2){grid-row:3}.constancy-weekdays span:nth-child(3){grid-row:5}.constancy-grid{gap:2px;display:flex}.constancy-week{flex-direction:column;gap:2px;display:flex}.constancy-day{background:rgba(var(--tint), .07);border-radius:2px;width:9px;height:9px}.constancy-day.l1{background:color-mix(in srgb, var(--brand) 28%, transparent)}.constancy-day.l2{background:color-mix(in srgb, var(--brand) 50%, transparent)}.constancy-day.l3{background:color-mix(in srgb, var(--brand) 74%, transparent)}.constancy-day.l4{background:var(--brand);box-shadow:0 0 8px #22d3ee59}.constancy-day.future{background:0 0}.constancy-legend{margin-top:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.constancy-legend small{color:var(--muted-strong);font-size:.72rem}.constancy-scale{align-items:center;gap:3px;display:flex}.readme-card{padding:var(--space-5) var(--space-6) var(--space-6)}.readme-card-head{min-height:32px;margin-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.readme-card-head .side-card-label{margin-bottom:0}.readme-card-head .button{min-height:30px;padding:0 12px;font-size:.78rem}.readme-content{gap:var(--space-3);color:var(--text-soft);overflow-wrap:anywhere;font-size:.94rem;line-height:1.65;display:grid}.readme-content :is(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,pre,table,hr,figure,dl){margin:0}.readme-content>div{gap:var(--space-3);display:grid}.readme-content a:has(>img){text-decoration:none}.readme-content img{vertical-align:middle}.readme-content p img,.readme-content div img{margin:2px 6px 2px 0}.readme-content :is(h1,h2,h3,h4,h5,h6){margin-top:var(--space-4);letter-spacing:-.01em;font-weight:750;line-height:1.3}.readme-content h1{border-bottom:1px solid var(--border-subtle);padding-bottom:8px;font-size:1.55rem}.readme-content h2{border-bottom:1px solid var(--border-subtle);padding-bottom:6px;font-size:1.28rem}.readme-content h3{font-size:1.12rem}.readme-content h4{font-size:1rem}.readme-content h5{font-size:.92rem}.readme-content h6{color:var(--muted-strong);font-size:.88rem}.readme-content>:first-child,.readme-content h1:first-child,.readme-content h2:first-child{margin-top:0}.readme-content img{border-radius:10px;max-width:100%;height:auto}.readme-content table{border-collapse:collapse;width:max-content;max-width:100%;font-size:.88rem}.readme-content th,.readme-content td{border:1px solid var(--border);padding:7px 13px}.readme-content th{background:rgba(var(--tint), .05);font-weight:700}.readme-content tr:nth-child(2n) td{background:rgba(var(--tint), .03)}.readme-content details{padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-control)}.readme-content summary{cursor:pointer;font-weight:650}.readme-content kbd{border:1px solid var(--border);background:var(--bg-soft);border-bottom-width:2px;border-radius:6px;padding:2px 7px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8em}.readme-content .md-align-center{text-align:center}.readme-content .md-align-right{text-align:right}.readme-content .md-align-left{text-align:left}.readme-content .md-align-center img{margin-inline:auto}.readme-content a{color:var(--brand-text);text-underline-offset:3px;text-decoration:underline}.readme-content code{background:rgba(var(--tint), .09);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em}.readme-content pre{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--bg-soft);overflow-x:auto}.readme-content pre code{background:0 0;padding:0;font-size:.82rem;line-height:1.6}.readme-content blockquote{padding-left:var(--space-4);border-left:3px solid var(--brand-line);color:var(--muted)}.readme-content ul,.readme-content ol{padding-left:var(--space-5);gap:6px;display:grid}.readme-content hr{border:none;border-top:1px solid var(--border-subtle)}.readme-empty p:first-child{margin-bottom:var(--space-2);font-weight:650}.readme-editor{gap:var(--space-3);display:grid}.readme-editor textarea{width:100%;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-soft);color:var(--text);resize:vertical;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.86rem;line-height:1.6}.readme-editor textarea:focus-visible{border-color:var(--brand-line);outline:2px solid var(--brand-soft)}.readme-editor-actions{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.readme-editor-actions small{color:var(--muted-strong);font-size:.74rem}.readme-editor-actions>div{gap:var(--space-2);display:flex}.readme-preview{padding-top:var(--space-4);border-top:1px solid var(--border-subtle);margin-top:var(--space-2)}.readme-preview-label{margin-bottom:var(--space-3);color:var(--muted-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:750;display:block}.community-settings .row-label small{max-width:46ch;color:var(--muted-strong);margin-top:2px;line-height:1.5;display:block}.community-settings-actions{justify-content:space-between}.profile-switch{border:1px solid var(--border);appearance:none;background:rgba(var(--tint), .08);cursor:pointer;width:46px;height:27px;min-height:27px;transition:background .2s var(--ease-out), border-color .2s var(--ease-out);border-radius:999px;flex:none;margin:0;padding:0;position:relative}.profile-switch:after{background:var(--muted);content:"";width:19px;height:19px;transition:transform .22s var(--ease-apple), background .2s var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.profile-switch:checked{border-color:var(--brand-line);background:var(--brand-soft)}.profile-switch:checked:after{background:var(--brand);transform:translate(19px);box-shadow:0 0 10px #22d3ee80}.profile-switch:focus-visible{outline:2px solid var(--brand-line);outline-offset:2px}.achievement-row{justify-content:flex-start;align-items:center;gap:var(--space-3)}.achievement-row>div{text-align:left;flex:1;min-width:0}.achievement-row small{color:var(--muted-strong);display:block}.achievement-check{width:30px;height:30px;color:var(--on-brand,#062b31);background:var(--grad-brand,var(--brand));border-radius:50%;flex:none;place-items:center;display:grid}.achievement-check svg{width:15px;height:15px}.profile-not-found{max-width:460px;padding:var(--space-7);margin:var(--space-9) auto 0;justify-items:start;gap:var(--space-3);display:grid}.profile-not-found h1{font-size:1.4rem}.profile-own-hint{font-size:.88rem}.profile-username-cta{color:var(--brand-text);font-size:.86rem;font-weight:650;text-decoration:none}.profile-username-cta:hover{text-underline-offset:3px;text-decoration:underline}.profile-page{width:min(1200px,100% - 96px)}.profile-layout{column-gap:clamp(40px,5vw,80px)}
.community-invite{padding:var(--space-5) var(--space-6);align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.community-invite-copy{flex:260px}.community-invite strong{margin-bottom:4px;font-size:1.02rem;display:block}.community-invite-icon{border:1px solid var(--brand-line);width:46px;height:46px;color:var(--brand-text);background:var(--brand-soft);border-radius:50%;flex:none;place-items:center;display:grid}.community-invite-icon svg{width:22px;height:22px}.ranking-card{padding:var(--space-2) 0}.ranking-empty{padding:var(--space-5) var(--space-6)}.ranking-list{margin:0;padding:0;list-style:none}.ranking-row{padding:11px var(--space-5);align-items:center;gap:var(--space-3);display:flex}.ranking-row+.ranking-row{border-top:1px solid var(--border-subtle)}.ranking-row.is-you{border-radius:var(--radius-control);background:var(--brand-soft)}.ranking-pos{width:30px;height:30px;color:var(--muted-strong);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:.82rem;font-weight:750;display:grid}.ranking-pos.pos-1{color:var(--on-brand);background:var(--grad-brand);box-shadow:0 6px 18px #22d3ee59}.ranking-pos.pos-2,.ranking-pos.pos-3{border:1px solid var(--brand-line);color:var(--brand-text)}.ranking-avatar{flex:none;width:36px;height:36px;font-size:.8rem}.ranking-who{flex:1;gap:1px;min-width:0;display:grid}.ranking-who a{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:650;text-decoration:none;overflow:hidden}.ranking-who a:hover{color:var(--brand-text)}.ranking-who small{color:var(--muted-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.ranking-streak{color:var(--brand-text-dim);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:3px;font-size:.8rem;display:inline-flex}.ranking-streak svg{width:14px;height:14px}.ranking-xp{flex:none;justify-items:end;gap:0;display:grid}.ranking-xp strong{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:750}.ranking-xp small{color:var(--muted-strong);font-size:.68rem}.ranking-you-footer{padding:12px var(--space-5) 6px;border-top:1px solid var(--border-subtle);margin-top:var(--space-2);color:var(--muted);justify-content:space-between;align-items:center;font-size:.86rem;display:flex}.challenge-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.challenge-card{padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.challenge-card.claimable{border-color:var(--brand-line);box-shadow:var(--glow-brand)}.challenge-card.completed{border-color:#4ade8047}.challenge-top{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.challenge-top strong{font-size:.98rem;font-weight:700}.challenge-xp{color:var(--brand-text);background:var(--brand-soft);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;flex:none;padding:3px 9px;font-size:.72rem;font-weight:750}.challenge-desc{color:var(--muted-strong);flex:1;font-size:.85rem;line-height:1.5}.challenge-track{width:100%}.challenge-foot{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:32px;display:flex}.challenge-foot small{color:var(--muted-strong);font-variant-numeric:tabular-nums;font-size:.76rem}.challenge-foot .button{min-height:32px;padding:0 14px;font-size:.8rem}.challenge-done{color:var(--success);align-items:center;gap:6px;font-size:.86rem;font-weight:650;display:flex}.challenge-done svg{width:15px;height:15px}
.celebration-modal{text-align:center;width:min(460px,100%)}.celebration-modal .eyebrow{display:block}.celebration-mark{width:56px;height:56px;margin:0 auto var(--space-3);color:var(--on-brand);background:var(--grad-brand);border-radius:50%;place-items:center;display:grid}.celebration-mark svg{width:28px;height:28px}.celebration-stats{margin:var(--space-5) 0 var(--space-6);justify-content:center;gap:var(--space-3);flex-wrap:wrap;padding:0;list-style:none;display:flex}.celebration-stats li{min-width:92px;padding:var(--space-3) var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--surface-v2);gap:2px;display:grid}.celebration-stats strong{color:var(--brand-text);font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.02em;font-size:1.5rem;font-weight:780}.celebration-stats small{color:var(--muted);font-size:var(--type-small)}.celebration-modal .modal-actions{justify-content:center}.share-modal{width:min(760px,100%)}.share-layout{gap:var(--space-5);grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;display:grid}.share-preview{gap:var(--space-2);justify-items:center;display:grid;position:sticky;top:0}.share-preview-frame{border:1px solid var(--border);width:min(100%,250px);box-shadow:var(--shadow-soft);border-radius:16px;overflow:hidden}.share-canvas{width:100%;height:auto;display:block}.share-canvas.draggable{cursor:grab;touch-action:none}.share-canvas.draggable:active{cursor:grabbing}.share-privacy-note{color:var(--muted);font-size:var(--type-small);text-align:center;margin:0}.share-controls{gap:var(--space-5);display:grid}.share-template-grid,.share-format-grid{gap:8px;display:grid}.share-template-grid{grid-template-columns:repeat(3,1fr)}.share-format-grid{grid-template-columns:repeat(2,1fr)}.share-template-grid button,.share-format-grid button{border:1px solid var(--border);min-height:62px;color:var(--text-soft);background:var(--surface-v2);cursor:pointer;text-align:left;transition:.16s var(--ease-out);border-radius:9px;gap:2px;padding:10px 12px;display:grid}.share-template-grid button:hover,.share-format-grid button:hover{border-color:var(--border-strong)}.share-template-grid button.selected,.share-format-grid button.selected{border-color:var(--brand);color:var(--text);background:var(--brand-soft)}.share-template-grid strong,.share-format-grid strong{font-size:.87rem;font-weight:700}.share-template-grid small,.share-format-grid small{color:var(--muted);font-size:.72rem}.share-field-toggles{gap:4px;display:grid}.share-toggle{cursor:pointer;align-items:center;gap:10px;min-height:44px;padding:0 4px;font-size:.87rem;display:flex}.share-toggle input{width:18px;height:18px;accent-color:var(--brand);cursor:pointer;flex:none}.share-toggle input:disabled{cursor:not-allowed;opacity:.5}.share-toggle input:disabled+span{color:var(--muted)}.share-toggle small{color:var(--muted);font-size:.72rem}.share-hint{color:var(--muted);font-size:var(--type-small);margin:6px 0 0}.share-photo-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share-zoom{color:var(--muted);flex:140px;align-items:center;gap:8px;font-size:.78rem;display:flex}.share-zoom input{accent-color:var(--brand);cursor:pointer;flex:1}.share-phrases{gap:6px;margin-bottom:8px;display:grid}.share-phrases button{border:1px solid var(--border);min-height:38px;color:var(--text-soft);background:var(--surface-v2);cursor:pointer;text-align:left;transition:.16s var(--ease-out);border-radius:9px;padding:8px 13px;font-size:.82rem;line-height:1.4}.share-phrases button:hover{border-color:var(--border-strong)}.share-phrases button.selected{border-color:var(--brand);color:var(--text);background:var(--brand-soft)}.share-phrase{display:grid;position:relative}.share-phrase textarea{min-height:74px}.share-phrase-count{color:var(--muted);text-align:right;font-size:.72rem}.share-modal .modal-actions{flex-wrap:wrap}
@media (max-width:1080px){.dash-grid{grid-template-columns:1fr}.profile-layout{gap:var(--space-5);grid-template-columns:300px minmax(0,1fr)}}@media (max-width:860px){.stats-grid,.report-chart-grid{grid-template-columns:1fr}.sidebar,:root[data-nav=top] .topbar{display:none}.app-layout,:root[data-nav=top] .app-layout{padding-top:0;padding-left:0}.dashboard-page,.journey-page,.settings-page,.companion-page,.mascot-page,.notes-page,.practice-page,.report-page,.profile-page,.community-page,.study-page{width:calc(100% - 30px);padding:34px 0 104px}.mobile-nav{z-index:var(--z-nav);right:12px;bottom:max(12px, env(safe-area-inset-bottom));scrollbar-width:none;border:1px solid var(--border);background:var(--glass-solid);height:64px;box-shadow:0 18px 45px rgba(var(--shadow-rgb), .35);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:15px;grid-auto-columns:minmax(56px,1fr);grid-auto-flow:column;display:grid;position:fixed;left:12px;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav a,.mobile-nav button{min-height:44px;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;font-size:.69rem;font-weight:600;display:flex}.mobile-nav a.active{color:var(--brand-text);background:0 0}.mobile-nav svg{width:19px;height:19px}.mobile-nav .nav-avatar-bubble{border-width:1.5px;width:23px;height:23px}.mobile-nav .nav-tile{background:0 0;width:auto;height:auto}.auth-page{padding:86px 20px 60px}.onboarding-shell{margin-top:24px}.companion-bubble{right:14px;bottom:calc(88px + env(safe-area-inset-bottom));width:54px;height:54px}}@media (max-width:680px){.v2-header,.onboarding-header{flex-direction:column;align-items:start;gap:18px}.profile-layout{grid-template-columns:1fr}.profile-side-stats{justify-content:flex-start;gap:var(--space-4) var(--space-6)}.constancy-card{width:max-content;max-width:100%}.monthly-card{grid-template-columns:1fr}.monthly-canvas-frame{max-width:320px}.streak-pill,.header-pills,.plan-badge{align-self:flex-start}.header-pills{justify-content:flex-start}.companion-grid{grid-template-columns:1fr}.companion-card{text-align:left;grid-template-columns:52px minmax(0,1fr);justify-items:start;gap:2px 14px;padding:16px 18px}.companion-card .companion-mark{grid-row:span 2;align-self:center;margin-bottom:0}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trails-grid{grid-template-columns:1fr}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.companion-layout{grid-template-columns:1fr}.study-progress{justify-items:start;width:100%;min-width:0}.focus-card{grid-template-columns:1fr;gap:20px;padding:22px 20px}.focus-action{justify-items:stretch}.focus-action .button{width:100%}.focus-card.done{grid-template-columns:auto minmax(0,1fr)}.bar{width:16px}.card.rows,.module-card,.settings-card,.chart-card{padding-inline:18px}.overview-grid{grid-template-columns:1fr}.journey-ring,.journey-ring svg{width:72px;height:72px}.journey-ring strong{font-size:1.05rem}.task-row,.mission-row{grid-template-columns:20px minmax(0,1fr)}.task-time,.mission-row>.pill-action,.mission-row>.done-label{grid-column:2;justify-self:start}.mission-row{grid-template-columns:28px minmax(0,1fr);row-gap:8px}.form-grid.two{grid-template-columns:1fr}.option-grid.cols-2,.signal-grid{grid-template-columns:minmax(0,1fr)}.level-badge-head{grid-template-columns:auto minmax(0,1fr);row-gap:10px}.level-badge-score{grid-column:2;justify-self:start;font-size:1.3rem}.onboarding-topbar{width:min(100% - 28px,1040px)}.onboarding-shell{width:min(100% - 24px,920px)}.feedback-actions{flex-direction:column-reverse;align-items:stretch}.feedback-actions .button{width:100%}}@media (max-width:500px){.dashboard-page,.journey-page,.settings-page,.companion-page,.mascot-page,.notes-page,.practice-page,.report-page,.profile-page,.community-page,.study-page{width:calc(100% - 22px)}.summary-grid{grid-template-columns:1fr}.profile-side-stats{gap:var(--space-4) var(--space-5)}.ranking-streak{display:none}.ranking-row{padding:10px 14px}.community-invite .button{width:100%}.readme-card,.constancy-card{padding:16px}.v2-header h1{font-size:1.8rem}.auth-card{padding:24px 18px 22px}.auth-headline{font-size:1.42rem}.auth-cycle{flex-wrap:wrap;gap:8px 10px}.form-link,.auth-switch a{min-height:24px;padding-block:3px;display:inline-block}.settings-card .row:has(.inline-input){flex-direction:column;align-items:stretch;gap:8px}.inline-input{text-align:left;width:100%}.option-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.step:not(.active) small{display:none}.stepper{gap:6px 10px}.onboarding-card{padding:21px 15px}.onboarding-actions{gap:8px}.onboarding-actions .button{flex:1;padding-inline:10px}.assessment-hint{display:none}.path-node{grid-template-columns:30px minmax(0,1fr);gap:12px}.path-marker{width:30px;height:30px}.path-rail{left:19px}.level-ladder{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.score-scale{grid-template-columns:repeat(6,minmax(0,1fr))}.score-legend{font-size:.68rem}.mobile-nav a,.mobile-nav button{font-size:.66rem}.feedback-modal{padding:22px 15px}.modal-actions,.system-state-actions{flex-direction:column;width:100%}.modal-actions .button,.system-state-actions .button{width:100%}.share-layout{grid-template-columns:minmax(0,1fr)}.share-preview{position:static}.share-preview-frame{width:min(100%,230px)}.share-template-grid{grid-template-columns:repeat(2,1fr)}.toast{max-width:none;bottom:12px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{animation-duration:.7s!important}.orbit,.sun,.bar.past,.bar.today,.planet,.week-dots i,.tomorrow-note i,.task-row.today .task-check,.study-timer-dot,.scroll-map[open] .scroll-map-body,.companion-card.selected:after,.companion-bubble:after,.jarvis-ring,.jarvis-core,.jarvis-mic.on,.chat-typing i,.path-marker.current,.assessment-orb,.assessment-orb svg,.caret{animation:none!important}}@media (forced-colors:active){.button,.nav-item,.option,.score-chip,.path-marker,.card,.mission-row,.task-row{border:1px solid canvastext}.brand-name span,.typewriter-text{color:linktext;background:0 0}}@media (max-width:680px){.jarvis-stage{padding:24px 16px 18px}.jarvis-orb{width:116px;height:116px}.jarvis-core{width:78px;height:78px}.jarvis-input{grid-template-columns:auto minmax(0,1fr)}.jarvis-send{grid-column:1/-1;width:100%}}@media (max-width:620px){.nori-card{padding:20px 16px 16px}.nori-portrait .mascot-mark{width:min(100%,165px)}.nori-portrait .nori-scene{width:min(100%,230px)}.nori-bubble{gap:var(--space-3);flex-direction:column}.nori-bubble-compact .nori-bubble-avatar .mascot-mark{width:56px}.nori-bubble-stage .nori-bubble-avatar{width:min(60%,200px)}.nori-control-close{margin-left:0}}@media (pointer:coarse){.share-modal .button-small,.share-phrases button,.share-template-grid button,.share-format-grid button{min-height:44px}}

