*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#0a0a0f;--black-mid:#12121a;--black-soft:#1c1c28;--black-border:#2a2a3a;--purple-deep:#2d1b69;--purple-mid:#4a2c9e;--purple:#6b3fc4;--purple-light:#9b6de4;--purple-pale:#d4b8f5;--gold:#c9a84c;--gold-pale:#e8d5a3;--white:#f4f0ff;--white-dim:#b8b0cc;--white-muted:#6e6882;--red:#c44a4a;--green:#4ac49b;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-6:1.5rem;--sp-8:2rem;--sp-12:3rem;--sp-16:4rem;--radius-sm:4px;--radius:8px;--radius-lg:16px;--transition:.2s ease}html{font-size:16px}body{background:var(--black);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;font-weight:400;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);color:var(--white);font-weight:600;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.2rem,2vw,1.5rem)}h4{font-size:1.1rem}p{color:var(--white-dim);line-height:1.7}a{color:var(--purple-light);transition:color var(--transition);text-decoration:none}a:hover{color:var(--purple-pale)}.container{width:100%;max-width:960px;padding:0 var(--sp-6);margin:0 auto}.page{min-height:100vh;padding:var(--sp-8) var(--sp-4)}.card{background:var(--black-mid);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:var(--sp-8)}.card-sm{background:var(--black-soft);border:1px solid var(--black-border);border-radius:var(--radius);padding:var(--sp-6)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--radius);font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;transition:all var(--transition);border:none;padding:.65rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--purple);color:var(--white)}.btn-primary:hover{background:var(--purple-mid);color:var(--white)}.btn-secondary{color:var(--purple-light);border:1px solid var(--purple);background:0 0}.btn-secondary:hover{background:var(--purple-deep);color:var(--white)}.btn-ghost{color:var(--white-dim);border:1px solid var(--black-border);background:0 0}.btn-ghost:hover{border-color:var(--purple);color:var(--white)}.btn-danger{background:var(--red);color:var(--white)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-full{width:100%}.form-group{gap:var(--sp-2);margin-bottom:var(--sp-6);flex-direction:column;display:flex}label{letter-spacing:.08em;text-transform:uppercase;color:var(--white-muted);font-size:.8rem;font-weight:500}input,textarea,select{background:var(--black-soft);border:1px solid var(--black-border);border-radius:var(--radius);color:var(--white);font-family:var(--font-body);width:100%;transition:border-color var(--transition);-webkit-appearance:none;outline:none;padding:.65rem .875rem;font-size:.95rem}input:focus,textarea:focus,select:focus{border-color:var(--purple)}textarea{resize:vertical;min-height:120px;line-height:1.6}select option{background:var(--black-soft)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.divider{background:var(--black-border);height:1px;margin:var(--sp-8) 0}.badge{letter-spacing:.05em;border-radius:99px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-purple{background:var(--purple-deep);color:var(--purple-pale)}.badge-gold{color:var(--gold);background:#c9a84c26}.badge-green{color:var(--green);background:#4ac49b26}.badge-red{color:var(--red);background:#c44a4a26}.badge-muted{background:var(--black-soft);color:var(--white-muted)}.alert{padding:var(--sp-4);border-radius:var(--radius);margin-bottom:var(--sp-4);font-size:.9rem}.alert-error{color:#e89090;background:#c44a4a1a;border:1px solid #c44a4a4d}.alert-success{color:#80dbb8;background:#4ac49b1a;border:1px solid #4ac49b4d}.alert-info{color:var(--purple-pale);background:#6b3fc41a;border:1px solid #6b3fc44d}.spinner{border:2px solid var(--black-border);border-top-color:var(--purple);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--black-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--purple-mid)}.text-gold{color:var(--gold)}.text-purple{color:var(--purple-light)}.text-muted{color:var(--white-muted)}.text-dim{color:var(--white-dim)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.display{font-family:var(--font-display)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.gap-2{gap:var(--sp-2)}.gap-4{gap:var(--sp-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}@media (width<=640px){.card{padding:var(--sp-6)}.hide-mobile{display:none}}input[type=checkbox]{accent-color:var(--purple);cursor:pointer;border:2px solid var(--border-strong);border-radius:4px;flex-shrink:0;width:20px;height:20px;min-height:20px}[data-theme=dark] input[type=checkbox],[data-theme=high-contrast] input[type=checkbox]{accent-color:var(--purple-light);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,[data-theme=dark]{--bg:#0a0a0f;--bg-mid:#12121a;--bg-soft:#1c1c28;--border:#2a2a3a;--border-strong:#3a3a50;--text:#f4f0ff;--text-muted:#6e6882;--text-dim:#b8b0cc;--shadow-sm:0 1px 3px #0006;--green:#4ac49b;--green-deep:#4ac49b1f;--green-light:#80dbb8;--red:#c44a4a;--red-deep:#c44a4a1f;--red-light:#e89090;--gold:#c9a84c;--gold-deep:#c9a84c1f;--gold-light:#e8d5a3;--color-background-primary:#0a0a0f;--color-background-secondary:#1c1c28;--color-text-primary:#f4f0ff;--color-text-secondary:#b8b0cc;--color-text-tertiary:#6e6882;--color-border-primary:#3a3a50;--color-border-secondary:#2a2a3a;--color-border-tertiary:#1e1e2a;--border-radius-md:6px;--border-radius-lg:10px;--font-sans:"Inter", system-ui, sans-serif;--b:#2a2a3a}[data-theme=light]{--bg:#f8f6ff;--bg-mid:#eeeaf8;--bg-soft:#e4dff5;--border:#ccc6e0;--border-strong:#b0a8cc;--text:#1a1428;--text-muted:#6b5f88;--text-dim:#3d3458;--shadow-sm:0 1px 3px #6450a01f;--black:#f8f6ff;--black-mid:#eeeaf8;--black-soft:#e4dff5;--black-border:#ccc6e0;--white:#1a1428;--white-dim:#3d3458;--white-muted:#6b5f88;--green:#1a7a5e;--green-deep:#1a7a5e1f;--green-light:#1a7a5e;--red:#a83232;--red-deep:#a832321f;--red-light:#a83232;--gold:#8a6a1a;--gold-deep:#8a6a1a1f;--gold-light:#8a6a1a;--color-background-primary:#f8f6ff;--color-background-secondary:#e4dff5;--color-text-primary:#1a1428;--color-text-secondary:#3d3458;--color-text-tertiary:#6b5f88;--color-border-primary:#b0a8cc;--color-border-secondary:#ccc6e0;--color-border-tertiary:#ddd8ee;--b:#ccc6e0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] body{background:var(--bg);color:var(--text)}[data-theme=light] .card{background:var(--bg-mid);border-color:var(--border)}[data-theme=light] .card-sm{background:var(--bg-soft);border-color:var(--border)}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{background:var(--bg);border-color:var(--border);color:var(--text)}[data-theme=light] .btn-ghost{border-color:var(--border);color:var(--text-muted)}[data-theme=light] .badge-muted{background:var(--bg-soft);color:var(--text-muted)}[data-theme=high-contrast]{--bg:#000;--bg-mid:#0a0a0a;--bg-soft:#111;--border:#fff;--border-strong:#fff;--text:#fff;--text-muted:#ccc;--text-dim:#ddd;--shadow-sm:0 0 0 1px #fff;--black:#000;--black-mid:#0a0a0a;--black-soft:#111;--black-border:#fff;--white:#fff;--white-dim:#ddd;--white-muted:#ccc;--purple:#b9f;--purple-light:#dbf;--purple-pale:#edf;--purple-deep:#204;--purple-mid:#63c;--gold:#fd8;--gold-pale:#fea;--green:#0f8;--green-deep:#00ff8826;--green-light:#0f8;--red:#f66;--red-deep:#ff666626;--red-light:#f99;--gold-deep:#ffdd8826;--gold-light:#fd8;--color-background-primary:#000;--color-background-secondary:#111;--color-text-primary:#fff;--color-text-secondary:#ddd;--color-text-tertiary:#ccc;--color-border-primary:#fff;--color-border-secondary:#aaa;--color-border-tertiary:#666;--b:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=high-contrast] body{color:#fff;background:#000}[data-theme=high-contrast] .card{background:#0a0a0a;border:2px solid #fff}[data-theme=high-contrast] .card-sm{background:#111;border:1px solid #fff}[data-theme=high-contrast] input,[data-theme=high-contrast] textarea,[data-theme=high-contrast] select{color:#fff;background:#000;border:2px solid #fff}[data-theme=high-contrast] .btn-primary{color:#000;background:#b9f;border:2px solid #fff}[data-theme=high-contrast] .btn-secondary{color:#fff;border:2px solid #fff}[data-theme=high-contrast] .btn-ghost{color:#ccc;border:1px solid #fff}[data-theme=high-contrast] .badge-muted{color:#ccc;background:#111;border:1px solid #666}