:root{--canvas: #f5f2ea;--paper: #fffdf7;--panel: #efeade;--tint: #ece5d5;--placeholder: #e6dfd0;--disabled: #ded6c6;--ink: #171512;--ink-alt: #1a1815;--prose: #2e2a25;--secondary: #4d4842;--muted: #77716a;--label: #8a8478;--faint: #b3aa99;--line: #d5cdbd;--rule: #e2dbcb;--rule-panel: #ddd6c8;--line-strong: #c5bca8;--accent: #c9482a;--accent-hover: #b13d22;--link: #2c4a6b;--night: #101822;--night-2: #26333f;--night-line: #23303e;--night-line-2: #33404e;--lamp: #f2b657;--night-prose: #b9c2cc;--night-label: #7d8a97;--night-faint: #5d6b78;--font-ui: "Archivo", ui-sans-serif, system-ui, sans-serif;--font-prose: "Spectral", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--grid-line: #e7e1d4;--ease: cubic-bezier(.32, .72, .28, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--canvas);color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.13em;color:var(--label)}.mono{font-family:var(--font-mono);letter-spacing:.02em}.prose{font-family:var(--font-prose);color:var(--prose);font-size:17px;line-height:1.55;max-width:62ch}.prose.aside{font-style:italic;color:var(--muted)}h1,h2,h3{font-family:var(--font-ui);font-weight:700;letter-spacing:-.02em;margin:0;color:var(--ink)}h1{font-size:32px;letter-spacing:-.03em}a{color:var(--link)}.btn{font-family:var(--font-ui);font-weight:700;font-size:16px;padding:15px 28px;border:1px solid transparent;border-radius:0;cursor:pointer;background:var(--accent);color:#fff;transition:background .15s var(--ease);text-align:center;line-height:1}.btn:hover{background:var(--accent-hover)}.btn:disabled,.btn[aria-disabled=true]{background:var(--disabled);color:var(--label);cursor:not-allowed}.btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--ink);font-weight:600}.btn-secondary:hover{background:transparent;color:var(--ink)}.btn-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--link);background:none;border:none;padding:0;cursor:pointer}.segmented{display:inline-flex;border:1px solid var(--ink)}.segmented button{font-family:var(--font-ui);font-weight:600;font-size:14px;padding:10px 16px;background:transparent;color:var(--ink);border:none;border-right:1px solid var(--ink);cursor:pointer}.segmented button:last-child{border-right:none}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--canvas);font-weight:700}.field{display:block;margin-bottom:18px}.field>label{display:block;margin-bottom:6px}input:not([type]),input[type=text],input[type=email],input[type=number],input[type=password],textarea,select{font-family:var(--font-ui);font-size:16px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:0;padding:12px 14px;width:100%}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--ink)}.field.invalid input,.field.invalid textarea{border-color:var(--accent)}.app-frame{max-width:1000px;margin:26px auto;border:1px solid var(--line);border-radius:4px;background:var(--canvas);overflow:hidden;min-height:calc(100vh - 52px)}.surface-ruled{background-color:var(--canvas);background-image:repeating-linear-gradient(var(--grid-line) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,var(--grid-line) 0 1px,transparent 1px 28px)}.surface-flat{background:var(--canvas)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 26px;border-bottom:1px solid var(--line);background:var(--canvas)}hr.rule{border:none;border-top:1px solid var(--rule);margin:0}.chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;background:var(--tint);border:1px solid var(--line);padding:6px 10px;border-radius:0}.tint{background:var(--tint)}.panel{background:var(--panel)}.paper{background:var(--paper)}.card{border:1px solid var(--line);background:var(--canvas);padding:22px}.card.active{border-color:var(--ink)}.beta{display:inline-block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:1px 6px;line-height:1.4}@media print{.beta{display:none}}