@import"https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:light;--bg: #f3ecff;--bg-accent: #efe7db;--ink: #1f1b16;--muted: #6c5f55;--accent: #6f53dd;--accent-2: #e4be4e;--brand-purple: #6f53dd;--brand-purple-deep: #5a3fc9;--brand-yellow: #f0c95a;--brand-yellow-deep: #d6ab2e;--panel: #ffffff;--stroke: rgba(31, 27, 22, .12);--surface-user: rgba(62, 107, 106, .1);--surface-assistant: white;--surface-assistant-live: rgba(111, 83, 221, .12);--shadow: 0 10px 30px rgba(31, 27, 22, .08);--radius: 18px}*{box-sizing:border-box}body{margin:0;font-family:PT Sans,sans-serif;background:radial-gradient(980px 620px at 16% -12%,#9258ff4d,#9258ff00 62%),radial-gradient(900px 620px at 88% 8%,#ffd24a57,#ffd24a00 60%),linear-gradient(135deg,#f1e6ff,#fff6cc);color:var(--ink)}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.02em}button,input,select,textarea{font-family:inherit}a{color:inherit}main{min-height:100vh;padding:32px clamp(16px,4vw,48px) 48px}.section-title{font-size:clamp(22px,2.4vw,28px);margin-bottom:16px}.card{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#6f53dd1c;border:1px solid rgba(111,83,221,.22);box-shadow:inset 0 0 0 1px #f0c95a38;color:#5d41c7;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.mono{font-family:IBM Plex Mono,monospace;overflow-wrap:break-word;word-break:break-word}.text{font-family:PT Sans,sans-serif;line-height:1.6}.btn{padding:12px 18px;border-radius:999px;border:1px solid rgba(90,63,201,.35);background:var(--brand-purple);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 6px 18px #5a3fc938;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.btn.secondary{background:#f0c95a33;color:#5e4700;border:1px solid rgba(214,171,46,.44);box-shadow:0 4px 14px #d6ab2e29}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn:hover:not(:disabled){transform:translateY(-1px);background:var(--brand-purple-deep);box-shadow:0 10px 22px #5a3fc947}.btn.secondary:hover:not(:disabled){background:#f0c95a4d;box-shadow:0 8px 20px #d6ab2e33}.input,select{width:100%;min-width:0;padding:12px 14px;border-radius:12px;border:1px solid var(--stroke);background:#fff}.grid{display:grid;gap:24px}@media(min-width:900px){.grid{grid-template-columns:1.1fr 1fr}}