:root{--font-sans: "Jost", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--type-display-size: 2rem;--type-headline-size: 1.5rem;--type-title-size: 1.125rem;--type-body-size: .9375rem;--type-label-size: .8125rem;--type-caption-size: .75rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--shadow-card: 0 2px 8px rgba(16, 42, 67, .06);--shadow-card-hover: 0 4px 16px rgba(16, 42, 67, .1);--shadow-modal: 0 8px 32px rgba(16, 42, 67, .14);--shadow-focus: 0 0 0 2px #2483c0;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-base: .3s;--press-scale: .97;--surface-page: #eef1f6;--surface-page-rgb: 238 241 246;--surface-card: #ffffff;--surface-card-rgb: 255 255 255;--surface-sunken: #e5e9f0;--surface-sunken-rgb: 229 233 240;--surface-raised: #f7f9fc;--surface-raised-rgb: 247 249 252;--text-strong: #0d1f30;--text-strong-rgb: 13 31 48;--text-body: #2d4159;--text-body-rgb: 45 65 89;--text-muted: #586c88;--text-muted-rgb: 88 108 136;--text-on-accent: #ffffff;--text-on-accent-rgb: 255 255 255;--text-on-success: #001a0f;--text-on-success-rgb: 0 26 15;--text-on-warning: #0d1f30;--text-on-warning-rgb: 13 31 48;--text-on-danger: #ffffff;--text-on-danger-rgb: 255 255 255;--text-on-draft: #ffffff;--text-on-draft-rgb: 255 255 255;--text-on-live: #0d1f30;--text-on-live-rgb: 13 31 48;--text-on-data: #001f1c;--text-on-data-rgb: 0 31 28;--danger-solid: #dc2626;--danger-solid-rgb: 220 38 38;--accent: #227cb6;--accent-rgb: 34 124 182;--accent-hover: #1e6fa3;--accent-hover-rgb: 30 111 163;--accent-soft: #d9edf8;--accent-muted: #5aa3d0;--accent-muted-rgb: 90 163 208;--draft: #7c3aed;--draft-rgb: 124 58 237;--draft-soft: #ede9fe;--live: #d97706;--live-rgb: 217 119 6;--live-soft: #fef3c7;--data: #0d9488;--data-rgb: 13 148 136;--data-soft: #ccfbf1;--success: #059669;--success-rgb: 5 150 105;--success-soft: #d1fae5;--warning: #d97706;--warning-rgb: 217 119 6;--warning-soft: #fef3c7;--danger: #dc2626;--danger-rgb: 220 38 38;--danger-soft: #fee2e2;--badge-blue: #227cb6;--badge-green: #059669;--badge-yellow: #b45309;--badge-purple: #7c3aed;--badge-red: #dc2626;--badge-teal: #0d9488;--badge-orange: #c2410c;--badge-pink: #db2777;--border-subtle: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .18);--border-input: rgba(0, 0, 0, .15)}.dark{--surface-page: #0e1116;--surface-page-rgb: 14 17 22;--surface-card: #181b22;--surface-card-rgb: 24 27 34;--surface-sunken: #090a0d;--surface-sunken-rgb: 9 10 13;--surface-raised: #232730;--surface-raised-rgb: 35 39 48;--text-strong: #f0f2f6;--text-strong-rgb: 240 242 246;--text-body: #d8dce3;--text-body-rgb: 216 220 227;--text-muted: #969aa6;--text-muted-rgb: 150 154 166;--text-on-accent: #0d1f30;--text-on-accent-rgb: 13 31 48;--text-on-success: #062817;--text-on-success-rgb: 6 40 23;--text-on-warning: #0e1116;--text-on-warning-rgb: 14 17 22;--text-on-danger: #0e1116;--text-on-danger-rgb: 14 17 22;--text-on-draft: #0e1116;--text-on-draft-rgb: 14 17 22;--text-on-live: #0e1116;--text-on-live-rgb: 14 17 22;--text-on-data: #0e1116;--text-on-data-rgb: 14 17 22;--danger-solid: #dc2626;--danger-solid-rgb: 220 38 38;--accent: #4d9fff;--accent-rgb: 77 159 255;--accent-hover: #6aaeff;--accent-hover-rgb: 106 174 255;--accent-soft: rgba(77, 159, 255, .15);--accent-muted: #7ab8ff;--accent-muted-rgb: 122 184 255;--draft: #a78bfa;--draft-rgb: 167 139 250;--draft-soft: rgba(167, 139, 250, .15);--live: #fb923c;--live-rgb: 251 146 60;--live-soft: rgba(251, 146, 60, .15);--data: #2dd4bf;--data-rgb: 45 212 191;--data-soft: rgba(45, 212, 191, .15);--success: #34d399;--success-rgb: 52 211 153;--success-soft: rgba(52, 211, 153, .15);--warning: #fbbf24;--warning-rgb: 251 191 36;--warning-soft: rgba(251, 191, 36, .15);--danger: #f87171;--danger-rgb: 248 113 113;--danger-soft: rgba(248, 113, 113, .15);--badge-blue: #7aa2f7;--badge-green: #9ece6a;--badge-yellow: #e0af68;--badge-purple: #bb9af7;--badge-red: #f7768e;--badge-teal: #73daca;--badge-orange: #d65d0e;--badge-pink: #ec5f8a;--border-subtle: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .15);--border-input: rgba(255, 255, 255, .2);--shadow-card: inset 0 1px 0 rgba(255, 255, 255, .055);--shadow-card-hover: inset 0 1px 0 rgba(255, 255, 255, .09);--shadow-modal: inset 0 1px 0 rgba(255, 255, 255, .07)}.cn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:600;line-height:1;border-radius:var(--radius-full);border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.cn-btn:active:not(:disabled):not(.is-disabled){transform:scale(var(--press-scale))}.cn-btn:disabled,.cn-btn.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cn-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.cn-ico{display:inline-flex}.cn-btn.sm{min-height:44px;padding:8px 18px;font-size:.8125rem;box-sizing:border-box}.cn-btn.md{padding:12px 28px;font-size:.9375rem}.cn-btn.lg{padding:14px 36px;font-size:1.0625rem}.cn-btn.primary{background:var(--accent);color:var(--text-on-accent)}.cn-btn.primary:hover:not(:disabled):not(.is-disabled){background:var(--accent-hover)}.cn-btn.secondary{background:var(--surface-card);color:var(--text-strong);border-color:var(--border-input)}.cn-btn.secondary:hover:not(:disabled):not(.is-disabled){background:var(--surface-sunken)}.cn-btn.danger{background:var(--danger-solid, var(--danger));color:#fff}.cn-btn.danger:hover:not(:disabled):not(.is-disabled){filter:brightness(.88)}.cn-btn.success{background:var(--success);color:var(--text-on-success, #fff)}.cn-btn.success:hover:not(:disabled):not(.is-disabled){filter:brightness(.92)}.cn-btn.ghost{background:transparent;color:var(--accent)}.cn-btn.ghost:hover:not(:disabled):not(.is-disabled){background:var(--accent-soft)}.cn-btn.outline{background:transparent;color:var(--accent);border-color:var(--accent)}.cn-btn.outline:hover:not(:disabled):not(.is-disabled){background:var(--accent-soft)}.cn-spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:cn-spin .6s linear infinite}@keyframes cn-spin{to{transform:rotate(360deg)}}.cn-auth-field{display:flex;flex-direction:column;gap:6px}.cn-auth-label{color:var(--text-strong);font-family:var(--font-sans);font-size:var(--type-label-size);font-weight:600;letter-spacing:.01em}.cn-auth-input{width:100%;box-sizing:border-box;color:var(--text-body);background:var(--surface-card);border:1px solid var(--border-input);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--type-body-size);padding:11px 14px;outline:none;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.cn-auth-input::placeholder{color:var(--text-muted)}.cn-auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cn-auth-input:focus-visible{box-shadow:0 0 0 2px var(--accent)}.cn-auth-input:disabled{background:var(--surface-sunken);opacity:.6}:root{font-family:var(--font-sans);color:var(--text-body);background:var(--surface-page);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--surface-page);color:var(--text-body)}button,input{font:inherit}.page-shell{width:min(100% - 32px,1120px);min-height:100vh;margin:0 auto;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:72px;border-bottom:1px solid var(--border-subtle)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text-strong);font-size:1rem;font-weight:700;text-decoration:none}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-card);color:var(--text-strong);font-size:.75rem;letter-spacing:.04em}.theme-toggle{min-height:40px;padding:8px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--surface-card);color:var(--text-body);cursor:pointer}.theme-toggle:hover{border-color:var(--border-strong)}.theme-toggle:focus-visible,.text-link:focus-visible,.field input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:center;gap:clamp(32px,8vw,112px);flex:1;padding:64px 0}.auth-intro{max-width:520px}.eyebrow{margin:0 0 14px;color:var(--text-muted);font-size:.8125rem;font-weight:600;letter-spacing:.02em}h1,h2,h3{color:var(--text-strong);text-wrap:balance}h1{max-width:12ch;margin:0;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.08}.intro-copy{max-width:48ch;margin:20px 0 0;color:var(--text-muted);font-size:1rem;line-height:1.65;text-wrap:pretty}.auth-panel{padding:clamp(22px,5vw,34px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-card)}.auth-panel h2{margin:0 0 8px;font-size:1.5rem;line-height:1.2}.panel-copy{margin:0 0 18px;color:var(--text-muted);font-size:.9rem;line-height:1.55}.full-width{width:100%}.separator{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-muted);font-size:.78rem}.separator:before,.separator:after{height:1px;flex:1;background:var(--border-subtle);content:""}.form-stack{display:grid;gap:16px}.field{display:grid;gap:7px;color:var(--text-strong);font-size:.8125rem;font-weight:600}.field input{width:100%;min-height:46px;padding:10px 13px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-page);color:var(--text-body);font-size:.9375rem}.field input::placeholder{color:var(--text-muted);opacity:1}.text-link{padding:0;border:0;background:none;color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.reset-link{display:block;margin:18px auto 0;font-size:.875rem}.register-prompt{margin:22px 0 0;color:var(--text-muted);font-size:.875rem;text-align:center}.register-prompt .text-link{margin-left:4px}.notice{margin:0 0 18px;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-page);color:var(--text-body);font-size:.875rem;line-height:1.5}.notice[data-kind=error]{border-color:color-mix(in srgb,var(--danger) 35%,var(--border-subtle));color:var(--danger)}.notice[data-kind=success]{border-color:color-mix(in srgb,var(--success) 35%,var(--border-subtle));color:var(--success)}.account-email{margin:-8px 0 18px;color:var(--text-strong);font-size:1rem;font-weight:600;overflow-wrap:anywhere}.account-context{margin:0 0 18px;color:var(--text-muted);font-size:.875rem}.account-security{margin:24px 0 20px;padding-top:20px;border-top:1px solid var(--border-subtle)}.account-security h3{margin:0 0 8px;font-size:1rem}.account-security .panel-copy{margin-bottom:12px}.danger-link{display:block;margin:0 auto;color:var(--danger);font-size:.875rem}.password-hint{margin:-8px 0 0;color:var(--text-muted);font-size:.78rem}.site-footer{padding:20px 0 28px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.8rem;text-align:center}.site-footer p{margin:0}.cn-btn:disabled,button:disabled{cursor:wait;opacity:.65}@media(max-width:760px){.page-shell{width:min(100% - 24px,520px)}.auth-layout{grid-template-columns:1fr;gap:28px;padding:42px 0}.auth-intro{text-align:center}h1{max-width:15ch;margin:0 auto;font-size:clamp(1.875rem,8vw,2.5rem)}.intro-copy{margin-top:14px;font-size:.9375rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}