*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-root: #030712;--bg-surface: #0a0f1e;--bg-elevated: #111827;--bg-card: #0f172a;--bg-input: #020617;--border-subtle: #1e293b;--border-mid: #334155;--border-accent: #047857;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--text-faint: #334155;--accent: #10b981;--accent-dim: #047857;--accent-bg: #022c22;--accent-glow: rgba(16, 185, 129, .08);--danger: #dc2626;--danger-dim: #991b1b;--danger-bg: #450a0a;--warning: #f59e0b;--warning-bg: #451a03;--info: #3b82f6;--info-bg: #172554;--purple: #a78bfa;--purple-bg: #1e1b4b;--font-display: "Cormorant Garamond", "Georgia", serif;--font-body: "DM Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--ease: cubic-bezier(.4, 0, .2, 1)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-root);color:var(--text-primary);line-height:1.6;min-height:100vh}.display-heading{font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:-.01em}.mono{font-family:var(--font-mono);letter-spacing:.04em}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-topbar{border-bottom:1px solid var(--border-subtle);padding:10px 24px;display:flex;justify-content:space-between;align-items:center;background:var(--bg-root);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-main{flex:1;max-width:760px;margin:0 auto;padding:var(--space-xl) var(--space-lg) 80px;width:100%}.app-footer{border-top:1px solid var(--border-subtle);padding:12px 24px;text-align:center;background:var(--bg-root);position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.app-footer-copy{font-size:12px;color:var(--text-muted)}.app-footer-sep{color:var(--border-mid);font-size:11px}.app-footer-link{background:none;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.app-footer-link:hover{color:var(--accent)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.card--flush{padding:0}.section-label{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:var(--space-sm)}.radio-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:transparent;cursor:pointer;transition:all .15s var(--ease);text-align:left;width:100%;color:var(--text-secondary);font-size:13px;font-family:var(--font-body);line-height:1.4}.radio-option:hover{border-color:var(--border-mid);background:#ffffff05}.radio-option--selected{border-color:var(--accent);background:var(--accent-glow);color:#6ee7b7}.radio-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:2px solid var(--text-muted);transition:all .15s var(--ease)}.radio-dot--selected{border:5px solid var(--accent);background:var(--accent-bg)}.btn{padding:10px 20px;border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .15s var(--ease);border:1px solid transparent;display:inline-flex;align-items:center;gap:6px}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--primary{background:var(--accent-dim);color:#ecfdf5;border-color:#059669}.btn--primary:hover:not(:disabled){background:#059669}.btn--secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-mid)}.btn--secondary:hover:not(:disabled){border-color:var(--text-muted);color:var(--text-primary)}.btn--accent{background:#1e40af;color:#dbeafe;border-color:#2563eb}.btn--accent:hover:not(:disabled){background:#2563eb}.btn--danger{background:var(--danger-bg);color:#fecaca;border-color:var(--danger-dim)}.alert{border-radius:var(--radius-md);padding:14px 16px}.alert--warning{background:var(--warning-bg);border:1px solid #78350f}.alert--danger{background:var(--danger-bg);border:1px solid var(--danger)}.alert--info{background:var(--info-bg);border:1px solid #1e40af}.alert--proto{background:#0c0a09;border:1px dashed var(--danger)}.alert--purple{background:var(--purple-bg);border:1px dashed #6366f1}.toggle-track{width:36px;height:20px;border-radius:10px;position:relative;cursor:pointer;transition:background .2s var(--ease);display:inline-block;flex-shrink:0}.toggle-track--on{background:var(--accent-dim)}.toggle-track--off{background:var(--border-mid)}.toggle-thumb{width:16px;height:16px;border-radius:50%;background:var(--text-primary);position:absolute;top:2px;transition:left .2s var(--ease)}.progress-track{height:3px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .5s var(--ease);border-radius:2px}.section-tabs{display:flex;gap:4px;margin-top:var(--space-sm)}.section-tab{flex:1;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:11px;font-weight:600;font-family:var(--font-mono);transition:all .3s var(--ease);border:1px solid transparent;cursor:default;background:var(--bg-elevated);color:var(--text-muted)}.section-tab--active{background:var(--accent-dim);color:#ecfdf5;border-color:var(--accent);cursor:default}.section-tab--done{background:#064e3b;color:#ecfdf5;cursor:pointer}.result-section{margin-bottom:var(--space-lg)}.result-section__title{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:var(--space-sm)}.result-section__body{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.legal-ref{margin-bottom:10px;padding-left:10px;border-left:2px solid #064e3b}.legal-ref__header{font-size:12px;font-weight:600;color:var(--accent)}.legal-ref__text{font-size:12px;color:var(--text-secondary);line-height:1.5;font-style:italic}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .4s var(--ease) both}.fade-in-delay-1{animation-delay:.05s}.fade-in-delay-2{animation-delay:.1s}.fade-in-delay-3{animation-delay:.15s}.fade-in-delay-4{animation-delay:.2s}@media(max-width:640px){.app-main{padding:var(--space-md) var(--space-md) 80px}.card{padding:var(--space-md)}.btn{padding:8px 14px;font-size:12px}}:root{--bg: #0a0a0a;--bg-card: #111111;--bg-input: #1a1a1a;--border: #2a2a2a;--text: #e8e8e8;--text-muted: #888;--text-faint: #555;--accent: #00c896;--accent-dark: #009e76;--danger: #e05252;--warning-bg: #2a1f00;--warning-border: #7a5500}[data-theme=light]{--bg: #f5f5f0;--bg-card: #ffffff;--bg-input: #ebebeb;--border: #cccccc;--text: #1a1a1a;--text-muted: #4a4a4a;--text-faint: #777777;--accent: #007a5c;--accent-dark: #005a42;--danger: #c0392b;--warning-bg: #fffbe6;--warning-border: #f0c040}body{background:var(--bg);color:var(--text);transition:background .2s,color .2s}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-card)}.app-header-left{display:flex;align-items:center;gap:.5rem}.app-header-right{display:flex;align-items:center;gap:.75rem}.app-user{font-size:12px;color:var(--text-muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-toggle{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:14px;padding:4px 8px;transition:border-color .15s}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.btn-signout{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px 10px;transition:border-color .15s,color .15s}.btn-signout:hover{border-color:var(--danger);color:var(--danger)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg)}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2.5rem;width:100%;max-width:420px}.auth-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.auth-brand{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;color:var(--accent)}.auth-version{font-size:10px;color:var(--text-faint);font-family:monospace}.auth-title{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 .25rem}.auth-subtitle{font-size:.875rem;color:var(--accent);margin:0 0 1.5rem}.auth-tabs{display:flex;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:1.5rem}.auth-tab{flex:1;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:.625rem;transition:background .15s,color .15s}.auth-tab.active{background:var(--accent);color:#fff;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field{display:flex;flex-direction:column;gap:.375rem}.auth-field label{font-size:12px;color:var(--text-muted)}.auth-field input{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;padding:.625rem .875rem;outline:none;transition:border-color .15s}.auth-field input:focus{border-color:var(--accent)}.auth-error{background:#e052521a;border:1px solid var(--danger);border-radius:8px;color:var(--danger);font-size:13px;padding:.625rem .875rem}.auth-message{background:#00c8961a;border:1px solid var(--accent);border-radius:8px;color:var(--accent);font-size:13px;padding:.625rem .875rem}.auth-submit{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:.75rem;transition:background .15s,opacity .15s}.auth-submit:hover{background:var(--accent-dark)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-legal{font-size:11px;color:var(--text-faint);margin-top:1.25rem;text-align:center;line-height:1.5}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.error-boundary-card{background:var(--bg-card);border:1px solid var(--danger);border-radius:16px;max-width:400px;padding:2rem;text-align:center}.error-boundary-icon{background:#e0525226;border-radius:50%;color:var(--danger);display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;height:56px;margin-bottom:1rem;width:56px}.error-boundary-card h2{font-size:1.25rem;margin:0 0 .5rem}.error-boundary-card p{color:var(--text-muted);font-size:.875rem;margin:0 0 1rem}.error-boundary-detail{background:var(--bg-input);border-radius:6px;color:var(--danger);display:block;font-size:11px;margin-bottom:1rem;padding:.5rem;text-align:left;word-break:break-word}.error-boundary-btn{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:.625rem 1.5rem}.app-loading{align-items:center;display:flex;justify-content:center;min-height:100vh}.app-loading-text{color:var(--text-muted);font-size:14px;font-family:JetBrains Mono,monospace}