:root{--purple-950: #170f3d;--purple-900: #1f1552;--purple-800: #2b1c6e;--purple-700: #3a2795;--purple-600: #5a3fd6;--purple-500: #6f55ea;--purple-200: #d9d1ff;--yellow: #ffc727;--yellow-600: #e3a600;--teal: #19a59b;--red: #e53935;--text: #1d1640;--muted: #6b6488;--line: #e2ddf2;--card: #ffffff;--card-2: #f5f3fc;--panel: rgba(38, 22, 14, .72);--panel-chat: rgba(36, 22, 54, .86);--panel-line: rgba(255, 255, 255, .1);--on-panel: #fff;--on-panel-muted: rgba(255, 255, 255, .65);--accent: var(--purple-600);--accent-soft: #ece7ff;--danger: #d32f2f;--font-display: "Fredoka", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--text);font-family:var(--font-body);line-height:1.4;background:var(--purple-900)}h1,h2,h3{font-family:var(--font-display);line-height:1.1;margin:0}button{font:inherit;font-family:var(--font-display);font-weight:600;font-size:1rem;padding:.6rem 1.4rem;border-radius:999px;border:2px solid transparent;cursor:pointer;background:var(--purple-600);color:#fff;box-shadow:0 4px 0 var(--purple-800);transition:transform .08s ease,box-shadow .08s ease,background .15s}button:hover:not(:disabled){filter:brightness(1.06)}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--purple-800)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--yellow);color:var(--text);box-shadow:0 4px 0 var(--yellow-600)}button.primary:active:not(:disabled){box-shadow:0 2px 0 var(--yellow-600)}button.outline{background:#ffffff0a;color:#fff;border-color:var(--purple-500);box-shadow:none}button.outline:active:not(:disabled){box-shadow:none}button.ghost{background:transparent;color:var(--purple-600);border-color:var(--purple-200);box-shadow:none}button.ghost:active:not(:disabled){box-shadow:none}button.danger{color:#ffb4b4;border-color:#ff787880}button.small{padding:.35rem .9rem;font-size:.9rem}button.idle{opacity:.55}button.wide{width:100%}input[type=text],select{font:inherit;padding:.65rem .9rem;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--text);width:100%}input[type=text]:focus,select:focus{outline:none;border-color:var(--purple-500);box-shadow:0 0 0 3px #6f55ea33}input[type=text]::placeholder,select::placeholder{color:#a9a3c2}.field{display:grid;gap:.35rem;font-weight:700}.option{display:flex;gap:.5rem;align-items:flex-start;font-size:.92rem;cursor:pointer}.option input{margin-top:.2rem;accent-color:var(--purple-600)}.segmented{display:flex;flex-wrap:wrap;gap:.5rem}.segmented button{font-family:var(--font-display);background:#fff;color:var(--text);border:2px solid var(--line);box-shadow:none;border-radius:12px;padding:.5rem 1rem;min-width:3.2rem}.segmented button[aria-pressed=true]{background:#1f6fe5;border-color:#1f6fe5;color:#fff;box-shadow:0 3px #164fa6}.card{background:var(--card);border-radius:22px;padding:1.25rem;box-shadow:0 18px 40px #0a052859}.panel{background:var(--panel);color:var(--on-panel);border-radius:16px;padding:.9rem;box-shadow:0 10px 24px #00000059,inset 0 1px 0 var(--panel-line);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.muted{color:var(--muted)}.small{font-size:.85rem}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}