@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:wght@300;400;500&family=DM+Sans:wght@300;400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg2:#0f0f18;--surface:#13131f;--surface2:#1a1a28;--border:hsla(0,0%,100%,.06);--border-bright:hsla(0,0%,100%,.12);--accent:#7c6fff;--accent-dim:rgba(124,111,255,.15);--accent-glow:rgba(124,111,255,.08);--green:#00e5a0;--green-dim:rgba(0,229,160,.12);--red:#ff4d6a;--red-dim:rgba(255,77,106,.12);--amber:#ffb347;--amber-dim:rgba(255,179,71,.12);--text:#f0f0ff;--text-dim:#88a;--text-faint:#44445a;--mono:"DM Mono",monospace;--sans:"DM Sans",sans-serif;--display:"Syne",sans-serif}body,html{background:var(--bg)}body{font-family:var(--sans);color:var(--text);line-height:1.6;min-height:100vh}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}button,input,textarea{font-family:var(--sans)}textarea{width:100%;resize:none;font-size:14px;font-family:var(--mono);padding:14px 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface2);color:var(--text);outline:none;line-height:1.6;transition:border-color .2s,box-shadow .2s;caret-color:var(--accent)}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,111,255,.1)}textarea::placeholder{color:var(--text-faint)}input[type=number]{font-size:14px;font-family:var(--mono);padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--accent);outline:none;width:90px;transition:border-color .2s;caret-color:var(--accent)}input[type=number]:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,111,255,.1)}button{padding:10px 24px;font-size:13px;font-family:var(--display);font-weight:600;letter-spacing:.03em;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;transition:all .2s}button:hover:not(:disabled){background:#9b8fff;border-color:#9b8fff;transform:translateY(-1px);box-shadow:0 8px 24px rgba(124,111,255,.3)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.3;cursor:not-allowed}a{color:var(--accent);text-decoration:none}a:hover{color:#9b8fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes score-fill{0%{width:0}to{width:var(--score-width)}}.animate-in{animation:fadeUp .5s ease both}.animate-in-2{animation:fadeUp .5s ease .1s both}.animate-in-3{animation:fadeUp .5s ease .2s both}