:root{--color-primary:#fc0;--color-primary-hover:#e6b800;--color-primary-ink:#1a1400;--color-ink:#000;--color-surface-dark:#171717;--color-accent:#d1a770;--color-accent-bg:#d1a77024;--color-accent-border:#d1a77066;--color-danger:#de1616;--color-danger-bg:#de161614;--color-danger-border:#de161659;--color-success:#2f8f4e;--color-success-bg:#2f8f4e1a;--color-bg:#faf8f4;--color-surface:#fff;--color-border:#e7e1d3;--color-text:#1a1a1a;--color-text-muted:#6b6355;--shadow:0 1px 2px #0000000f, 0 4px 10px #0000000a;--font-heading:"Fredoka", "Segoe UI", system-ui, sans-serif;--font-body:"Inter", "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:15px/1.5 var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-primary-ink:#1a1400;--color-bg:#121212;--color-surface:#1c1c1c;--color-surface-dark:#000;--color-border:#333029;--color-text:#f3f1ea;--color-text-muted:#a89f8c;--color-accent-bg:#d1a77033;--color-danger-bg:#de161629;--color-success-bg:#2f8f4e2e}}*{box-sizing:border-box}body{margin:0}h1,h2,h3{font-family:var(--font-heading);color:var(--color-text);margin:0;font-weight:600}button{font-family:var(--font-body)}.btn{font-family:var(--font-heading);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-primary-ink)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent)}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border)}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn-text{color:var(--color-accent);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:4px 0;font-weight:500}input,select,textarea{font-family:var(--font-body);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ffcc0040}label{color:var(--color-text-muted);flex-direction:column;gap:4px;font-size:13px;font-weight:500;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow);border-radius:12px;padding:20px}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:10px 12px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--color-border);padding:10px 12px}tr:last-child td{border-bottom:none}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-neutral{background:var(--color-border);color:var(--color-text-muted)}.badge-accent{background:var(--color-accent-bg);color:var(--color-accent);border:1px solid var(--color-accent-border)}.badge-primary{background:var(--color-primary);color:var(--color-primary-ink)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}a{color:var(--color-accent)}.document-paper{color:#1c1a14;white-space:pre-wrap;word-wrap:break-word;background:#fdfcf8;border:1px solid #ddd8c8;border-radius:2px;padding:48px 56px;font-family:Courier New,ui-monospace,monospace;font-size:13px;line-height:1.65;box-shadow:0 1px 3px #0000001f,0 8px 24px #0000001a}textarea.document-paper{resize:vertical;border:1px solid #ddd8c8;width:100%}textarea.document-paper:focus{box-shadow:0 1px 3px #0000001f,0 8px 24px #0000001a,0 0 0 3px #ffcc0040}