html{scroll-behavior:smooth}:root{--color-frame-outer: #bdbbb8;--color-frame-border: #ffffff;--color-frame-inner: #f4f3f0;--color-bg: #f4f3f0;--color-surface: #faf9f7;--color-surface-elevated: #ffffff;--color-border: #d6d4cf;--color-primary: #c93b2b;--color-primary-hover: #a82f22;--color-accent: #1a1a1a;--color-text: #141312;--color-text-muted: #5c5a56;--color-error: #dc2626;--font-sans: "Noto Sans SC", system-ui, sans-serif;--font-serif: "Noto Serif SC", "Songti SC", "STSong", serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--writer-rule-line: rgba(62, 58, 52, .055);--writer-margin-accent: rgba(201, 59, 43, .22);--color-overlay-scrim: rgba(244, 243, 240, .94);--color-shadow-soft: rgba(0, 0, 0, .14);--color-primary-soft: rgba(201, 59, 43, .12);--toast-success-border: rgba(201, 59, 43, .35);--toast-success-bg: linear-gradient(135deg, #fff5f5, #faf9f7);--toast-error-border: rgba(220, 38, 38, .35);--toast-error-bg: linear-gradient(135deg, #fff5f5, #faf9f7);--toast-error-text: #842029;--toast-info-border: rgba(201, 59, 43, .3);--login-glow-1: rgba(201, 59, 43, .12);--login-glow-2: rgba(26, 26, 26, .08);--color-warning-text: #b45309;--color-warning-bg: #ffedd5;--shadow-card: 0 2px 16px rgba(0, 0, 0, .08);--brand-logo-filter-light: none;--hero-brand-soft: linear-gradient( 125deg, transparent 0%, rgba(201, 59, 43, .12) 38%, rgba(201, 59, 43, .18) 52%, rgba(201, 59, 43, .05) 72%, transparent 100% )}html.theme-dark{color-scheme:dark;--color-frame-outer: #0c0b0a;--color-frame-border: #2e2c2a;--color-frame-inner: #141312;--color-bg: #141312;--color-surface: #1c1b19;--color-surface-elevated: #242220;--color-border: #3d3a37;--color-primary: #ef4444;--color-primary-hover: #f87171;--color-accent: #f4f3f0;--color-text: #f4f3f0;--color-text-muted: #a8a5a0;--color-error: #f87171;--writer-rule-line: rgba(255, 252, 248, .045);--writer-margin-accent: rgba(239, 68, 68, .35);--color-overlay-scrim: rgba(12, 11, 10, .92);--color-shadow-soft: rgba(0, 0, 0, .5);--color-primary-soft: rgba(239, 68, 68, .18);--toast-success-border: rgba(239, 68, 68, .4);--toast-success-bg: linear-gradient(135deg, rgba(239, 68, 68, .12), #1c1b19);--toast-error-border: rgba(248, 113, 113, .4);--toast-error-bg: linear-gradient(135deg, rgba(248, 113, 113, .1), #1c1b19);--toast-error-text: #fca5a5;--toast-info-border: rgba(239, 68, 68, .35);--login-glow-1: rgba(239, 68, 68, .2);--login-glow-2: rgba(244, 243, 240, .06);--color-warning-text: #fcd34d;--color-warning-bg: rgba(180, 83, 9, .25);--shadow-card: 0 2px 20px rgba(0, 0, 0, .4);--brand-logo-filter-light: none;--hero-brand-soft: linear-gradient( 125deg, transparent 0%, rgba(239, 68, 68, .1) 40%, rgba(239, 68, 68, .16) 54%, rgba(239, 68, 68, .04) 75%, transparent 100% )}html.app-locale-en{--color-primary: #0284c7;--color-primary-hover: #0369a1;--color-primary-soft: rgba(14, 165, 233, .16);--writer-margin-accent: rgba(14, 165, 233, .22);--toast-success-border: rgba(14, 165, 233, .32);--toast-success-bg: linear-gradient(135deg, #e8f5fc, #f0f9ff);--toast-info-border: rgba(14, 165, 233, .28);--login-glow-1: rgba(14, 165, 233, .1);--hero-brand-soft: linear-gradient( 125deg, transparent 0%, rgba(14, 165, 233, .09) 38%, rgba(6, 182, 212, .085) 46%, rgba(2, 132, 199, .1) 54%, transparent 100% )}html.theme-dark.app-locale-en{--color-primary: #0ea5e9;--color-primary-hover: #38bdf8;--color-primary-soft: rgba(56, 189, 248, .2);--writer-margin-accent: rgba(56, 189, 248, .28);--toast-success-border: rgba(56, 189, 248, .42);--toast-success-bg: linear-gradient(135deg, rgba(14, 165, 233, .16), #1c1b19);--toast-info-border: rgba(56, 189, 248, .36);--login-glow-1: rgba(56, 189, 248, .16);--hero-brand-soft: linear-gradient( 125deg, transparent 0%, rgba(56, 189, 248, .095) 40%, rgba(14, 165, 233, .09) 48%, rgba(34, 211, 238, .065) 56%, transparent 100% )}html.app-locale-en .locale-theme-cluster .toolbar-locale-pill:hover:not(.toolbar-locale-pill--muted),html.app-locale-en .locale-theme-cluster .toolbar-theme-pill:hover{border-color:color-mix(in srgb,var(--color-primary) 42%,var(--color-border));box-shadow:0 6px 18px #00000012}html.app-locale-en .locale-theme-cluster .toolbar-locale-pill--muted:hover{border-color:color-mix(in srgb,var(--color-primary) 38%,var(--color-border));box-shadow:0 6px 18px #0000000f}html.theme-dark.app-locale-en .locale-theme-cluster .toolbar-locale-pill:hover:not(.toolbar-locale-pill--muted),html.theme-dark.app-locale-en .locale-theme-cluster .toolbar-locale-pill--muted:hover,html.theme-dark.app-locale-en .locale-theme-cluster .toolbar-theme-pill:hover{border-color:color-mix(in srgb,var(--color-primary) 48%,var(--color-border));box-shadow:0 6px 22px #00000059}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}input,textarea,button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#c5c7cc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}html.theme-dark ::-webkit-scrollbar-thumb{background:#4a5260}html.theme-dark ::-webkit-scrollbar-thumb:hover{background:#6b7280}.theme-toggle{padding:8px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.locale-theme-cluster{display:inline-flex;align-items:center;gap:8px}.locale-theme-cluster .toolbar-locale-pill,.locale-theme-cluster .toolbar-theme-pill{position:static;padding:8px 14px;border-radius:999px;border:1px solid var(--color-border);background:rgba(255,255,255,.9);color:var(--color-text-muted);font-family:var(--font-sans);font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:none;cursor:pointer;box-shadow:0 1px 3px #0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,color .2s,transform .2s,box-shadow .25s}.locale-theme-cluster .toolbar-locale-pill:hover:not(.toolbar-locale-pill--muted),.locale-theme-cluster .toolbar-theme-pill:hover{border-color:#c93b2b59;color:var(--color-primary);transform:translateY(-1px);box-shadow:0 6px 20px #c93b2b1f}.locale-theme-cluster .toolbar-locale-pill--muted{border-color:var(--color-border);background:rgba(255,255,255,.92);color:var(--color-text-muted);box-shadow:0 1px 3px #0000000f}.locale-theme-cluster .toolbar-locale-pill--muted:hover{border-color:#c93b2b59;color:var(--color-primary);transform:translateY(-1px);box-shadow:0 6px 20px #c93b2b1f}html.theme-dark .locale-theme-cluster .toolbar-locale-pill,html.theme-dark .locale-theme-cluster .toolbar-theme-pill{background:rgba(39,39,42,.92);border-color:var(--color-border);color:var(--color-text-muted);box-shadow:0 1px 2px #00000059}html.theme-dark .locale-theme-cluster .toolbar-locale-pill:hover:not(.toolbar-locale-pill--muted),html.theme-dark .locale-theme-cluster .toolbar-locale-pill--muted:hover,html.theme-dark .locale-theme-cluster .toolbar-theme-pill:hover{border-color:#f8717173;color:var(--color-primary-hover);box-shadow:0 6px 20px #ef44442e}.pill-btn{padding:8px 16px;border-radius:999px;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:border-color .2s,color .2s,background .2s}.pill-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pill-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pill-btn--primary:hover{filter:brightness(1.05);color:#fff}.pill-btn--dark{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-frame-inner)}html.theme-dark .pill-btn--dark{color:#141312}button:disabled,button[disabled]{cursor:not-allowed;box-shadow:none!important;transform:none!important;filter:none;opacity:.88;background:color-mix(in srgb,var(--color-primary) 42%,var(--color-surface))!important;color:color-mix(in srgb,#fff 88%,var(--color-primary))!important;border:1px solid color-mix(in srgb,var(--color-primary) 55%,var(--color-border))!important}button:disabled:hover,button[disabled]:hover{transform:none!important;filter:none}.pill-btn:disabled,.pill-btn[disabled]{cursor:not-allowed;opacity:.88;filter:none;background:color-mix(in srgb,var(--color-primary) 22%,var(--color-surface))!important;color:color-mix(in srgb,var(--color-primary) 35%,var(--color-text))!important;border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border))!important}.pill-btn--primary:disabled,.pill-btn--primary[disabled]{background:color-mix(in srgb,var(--color-primary) 48%,var(--color-surface-elevated))!important;color:color-mix(in srgb,#fff 90%,var(--color-primary))!important;border-color:color-mix(in srgb,var(--color-primary) 65%,transparent)!important}.disabled-hover-tip{display:inline-block}.disabled-hover-tip--show{position:relative;cursor:not-allowed}.disabled-hover-tip--show button:disabled,.disabled-hover-tip--show button[disabled],.disabled-hover-tip--show input:disabled,.disabled-hover-tip--show input[disabled]{pointer-events:none}.disabled-hover-tip--show:hover:after{content:attr(data-disabled-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;font-size:.72rem;line-height:1.25;font-weight:600;color:var(--color-text);background:var(--color-surface-elevated);border:1px solid color-mix(in srgb,var(--color-primary) 35%,var(--color-border));border-radius:8px;box-shadow:var(--shadow-card);white-space:nowrap;z-index:200;pointer-events:none}input:disabled,textarea:disabled,select:disabled{opacity:.88;cursor:not-allowed;color:var(--color-text-muted);border:1px solid color-mix(in srgb,var(--color-primary) 32%,var(--color-border));background:color-mix(in srgb,var(--color-surface) 92%,var(--color-primary-soft))!important}input[type=checkbox]:disabled,input[type=range]:disabled{opacity:.75;cursor:not-allowed}label:has(input:disabled){cursor:not-allowed;opacity:.88}button.btn-link:disabled,button.btn-link[disabled]{background:none!important;opacity:.8;color:color-mix(in srgb,var(--color-primary) 40%,var(--color-text-muted))!important;border:none!important;text-decoration:none!important}button.btn-link.danger:disabled,button.btn-link.danger[disabled]{color:color-mix(in srgb,var(--color-error) 50%,var(--color-text-muted))!important}[id^=step-]{scroll-margin-top:96px}:root{--theme-switch-x: 50%;--theme-switch-y: 50%}@media (prefers-reduced-motion: no-preference){::view-transition-old(root){animation:theme-vt-out .55s cubic-bezier(.4,0,.2,1) both}::view-transition-new(root){animation:theme-vt-in .82s cubic-bezier(.45,0,.18,1) both}}@keyframes theme-vt-in{0%{clip-path:circle(0px at var(--theme-switch-x, 50%) var(--theme-switch-y, 50%));filter:brightness(1.12) saturate(1.12)}45%{filter:brightness(1.06) saturate(1.05)}to{clip-path:circle(160vmax at var(--theme-switch-x, 50%) var(--theme-switch-y, 50%));filter:brightness(1) saturate(1)}}@keyframes theme-vt-out{0%{opacity:1;filter:brightness(1) blur(0)}to{opacity:.35;filter:brightness(.88) blur(6px)}}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}.theme-fallback-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;pointer-events:none;clip-path:circle(0px at var(--theme-veil-x, 50%) var(--theme-veil-y, 50%));transition:clip-path .46s cubic-bezier(.45,0,.18,1);will-change:clip-path}.theme-fallback-veil--open{clip-path:circle(160vmax at var(--theme-veil-x, 50%) var(--theme-veil-y, 50%))}.theme-fallback-veil--out{opacity:0;transition:opacity .32s ease}@media (prefers-reduced-motion: reduce){.theme-fallback-veil,.theme-fallback-veil--open,.theme-fallback-veil--out{transition:none!important;clip-path:none!important;opacity:0!important}}