:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#16161f;--bg-input:#111118;--border:#252535;--border-light:#30304a;--accent:#00d4aa;--accent-dark:#00a886;--accent-glow:#00d4aa1f;--text-primary:#eeeef8;--text-secondary:#7777a0;--text-muted:#44445a;--red:#ff4d6d;--amber:#ffb700;--blue:#4d8fff;--green:#00d4aa}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:DM Sans,system-ui,sans-serif;line-height:1.6}input[type=number],input[type=text],select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);appearance:none;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input[type=range]{-webkit-appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px;margin:8px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:18px;height:18px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%}select option{background:var(--bg-card)}