:root,:root[data-theme=dark]{--bg:#070720;--bg-deep:#0d0d35;--bg-purple:#1a0a3e;--bg-mid:#2a1060;--gradient:linear-gradient(160deg, #070720 0%, #0d0d35 55%, #1a0a3e 100%);--gold:#f5c518;--gold-warm:#fa0;--gold-light:#ffe066;--text:#f0eeff;--muted:#8880aa;--red:#e05555;--orange:#e08030;--green:#4caf7d;--surface:#ffffff0d;--surface-border:#f5c51826;--overlay:#070720f2;--star-color:#fff}:root[data-theme=light]{--bg:#faf8ff;--bg-deep:#f0ebff;--bg-purple:#e6deff;--bg-mid:#d4c4f8;--gradient:linear-gradient(160deg, #faf8ff 0%, #f0ebff 55%, #e6deff 100%);--gold:#c4920a;--gold-warm:#d4820a;--gold-light:#e8a000;--text:#1a0840;--muted:#7e65a8;--red:#c0392b;--orange:#d35400;--green:#1e8449;--surface:#643cc812;--surface-border:#c4920a38;--overlay:#faf8fff2;--star-color:#c4920a}:root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--font-xs:11px;--font-sm:13px;--font-md:15px;--font-lg:17px;--font-xl:21px;--font-xxl:28px;--font-xxxl:36px;--font-display:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-bg{background:var(--gradient);min-height:100vh;position:relative;overflow-x:hidden}.page{max-width:720px;padding:var(--space-lg);z-index:1;margin:0 auto;padding-bottom:100px;position:relative}.page-wide{max-width:1080px}.card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.title{font-size:var(--font-xxl);color:var(--text);margin:0 0 var(--space-sm);font-weight:800}.subtitle{font-size:var(--font-md);color:var(--muted);margin:0 0 var(--space-lg);line-height:1.5}.input{background:var(--surface);border:1.5px solid var(--surface-border);border-radius:var(--radius-md);width:100%;color:var(--text);font-size:var(--font-md);outline:none;padding:14px 16px;transition:border-color .15s}.input:focus{border-color:var(--gold)}.input::placeholder{color:var(--muted)}.label{font-size:var(--font-sm);color:var(--muted);margin-bottom:var(--space-xs);font-weight:600;display:block}.field{margin-bottom:var(--space-md)}.btn{border-radius:var(--radius-md);font-size:var(--font-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-weight:800;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gold);color:var(--bg);width:100%}.btn-secondary{color:var(--text);border:1.5px solid var(--surface-border);background:0 0;width:100%}.btn-block{width:100%}.btn-sm{font-size:var(--font-sm);padding:8px 16px}.btn-danger{color:var(--red);background:0 0;border:1.5px solid #e0555559}.muted{color:var(--muted)}.gold{color:var(--gold)}.error-text{color:var(--red);font-size:var(--font-sm);margin:-8px 0 var(--space-md)}.spinner{border:2.5px solid #ffffff40;border-top-color:var(--gold);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.badge{border-radius:var(--radius-full);font-size:var(--font-xs);letter-spacing:.5px;padding:3px 10px;font-weight:800;display:inline-block}.badge-gold{background:var(--gold);color:var(--bg)}.badge-green{color:var(--green);background:#4caf7d26}.badge-red{color:var(--red);background:#e0555526}.badge-orange{color:var(--orange);background:#e0803026}.divider{background:var(--surface-border);height:1px;margin:var(--space-lg) 0}.center{text-align:center}.empty-state{text-align:center;padding:var(--space-xxl) var(--space-lg);color:var(--muted)}