:root{--bg:#0b0b12;--text:#ececf4;--muted:#9ca3af;--surface:#ffffff0f;--surface-soft:#ffffff08;--surface-strong:#a78bfa14;--surface-elevated:#14101d;--surface-card:#171321;--surface-card-soft:#ffffff0a;--border:#ffffff1f;--border-soft:#ffffff14;--border-strong:#ffffff29;--accent:#8b5cf6;--accent-2:#ec4899;--accent-soft:#8b5cf626;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--shadow-sm:0 6px 20px #00000029;--shadow-md:0 12px 34px #0000003d;--shadow-lg:0 20px 60px #00000059;--radius-sm:12px;--radius-md:18px;--radius-lg:24px}html.light{--bg:#eef3f8;--text:#0f172a;--muted:#475569;--surface:#ffffffe0;--surface-soft:#0f172a0a;--surface-strong:#7c3aed1a;--surface-elevated:#fff;--surface-card:#fff;--surface-card-soft:#7c3aed08;--border:#0f172a1f;--border-soft:#0f172a1a;--border-strong:#0f172a29;--accent:#7c3aed;--accent-2:#d946ef;--accent-soft:#7c3aed1f;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--shadow-sm:0 8px 20px #0f172a0d;--shadow-md:0 14px 36px #0f172a14;--shadow-lg:0 20px 50px #0f172a1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-dm-sans),sans-serif;background:radial-gradient(circle at top left,#8b5cf617,transparent 28%),radial-gradient(circle at top right,#ec48990d,transparent 22%),var(--bg);color:var(--text);min-height:100vh}html,body{transition:background .25s,color .25s}a,button,input,textarea,select,div,span{transition:background-color .22s,color .22s,border-color .22s,box-shadow .22s}a{color:inherit;text-decoration:none}button{font:inherit;transition:background .25s,color .25s,border-color .25s,transform .15s,box-shadow .2s,opacity .2s}button:hover{transform:translateY(-1px)}button:active{transform:scale(.97)}button:disabled{opacity:.7;cursor:not-allowed}input,textarea,select{font:inherit;color:var(--text);background:var(--surface-elevated);border:1px solid var(--border);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.surface{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px)}.surface-card{background:var(--surface-card);border:1px solid var(--border-soft);box-shadow:var(--shadow-md);border-radius:var(--radius-md)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}::selection{color:var(--text);background:#7c3aed38}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7c3aed38;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#7c3aed57}html.light body{color:var(--text)}html.light h1,html.light h2,html.light h3,html.light h4,html.light h5,html.light h6{color:#0f172a}html.light p,html.light li{color:#475569}html.light strong,html.light b{color:#0f172a}html.light a{color:inherit}html.light input,html.light textarea,html.light select{color:#0f172a;background:#fffffffa;border-color:#0f172a1f}html.light ::placeholder{color:#64748b;opacity:1}.glass{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px)}.accent-ring{box-shadow:0 0 0 4px var(--accent-soft)}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}