*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0e14;--surface:#17171f;--surface-2:#21212e;--surface-3:#2a2a3a;--border:#32324a;--text:#e4e4f0;--text-muted:#7878a0;--text-dim:#4e4e6a;--fury:#e05050;--mind:#4a9eda;--body:#d4a030;--calm:#52b866;--chaos:#b060d0;--order:#dde636;--accent:#6af7c4;--accent-hover:#3dcf9a;--success:#52b866;--danger:#e05050;--font:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius:8px;--radius-sm:4px;--shadow:0 4px 20px #00000080}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100dvh;font-size:15px;line-height:1.5}button{cursor:pointer;font-family:inherit;font-size:inherit;border-radius:var(--radius-sm);border:none;padding:8px 16px;transition:background .15s,opacity .15s}button:disabled{opacity:.4;cursor:default}input{font-family:inherit;font-size:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;width:100%;padding:8px 12px}input:focus{border-color:var(--accent)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff}.domain-fury{color:var(--fury)}.domain-calm{color:var(--calm)}.domain-mind{color:var(--mind)}.domain-body{color:var(--body)}.domain-chaos{color:var(--chaos)}.domain-order{color:var(--order)}.domain-bg-fury{background:var(--fury)}.domain-bg-calm{background:var(--calm)}.domain-bg-mind{background:var(--mind)}.domain-bg-body{background:var(--body)}.domain-bg-chaos{background:var(--chaos)}.domain-bg-order{background:var(--order)}[data-theme=light]{--bg:#f4f4f8;--surface:#fff;--surface-2:#ebebf2;--surface-3:#dddde8;--border:#c4c4d8;--text:#1c1c2e;--text-muted:#60607a;--text-dim:#9898b8;--shadow:0 4px 20px #0000001f}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}35%{transform:translate(6px)}55%{transform:translate(-4px)}75%{transform:translate(4px)}}.shake{animation:.4s shake}
