:root{--bg-1: #0a0e1a;--bg-2: #0f1623;--bg-3: #1a2332;--bg-hover: #1f2937;--txt-1: #f8fafc;--txt-2: #cbd5e1;--txt-3: #94a3b8;--primary: #60a5fa;--primary-hover: #3b82f6;--primary-light: #1e3a5f;--secondary: #38bdf8;--secondary-hover: #0ea5e9;--success: #34d399;--error: #f87171;--border-1: #1e293b;--border-2: #334155;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .5);--shadow-md: 0 4px 8px -2px rgb(0 0 0 / .6), 0 2px 6px -1px rgb(0 0 0 / .4);--shadow-lg: 0 12px 20px -4px rgb(0 0 0 / .7), 0 4px 8px -2px rgb(0 0 0 / .5);--sp-xs: .25rem;--sp-sm: .5rem;--sp-md: 1rem;--sp-lg: 1.5rem;--sp-xl: 2rem;--r-sm: .25rem;--r-md: .5rem;--r-lg: .75rem;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--tr-fast: .15s ease;--tr-base: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-1);color:var(--txt-1);font-family:var(--font);font-size:16px;line-height:1.6}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{display:none}input,input[type=range]{width:100%}input,select,textarea{padding:var(--sp-sm) var(--sp-md);background:var(--bg-3);border:1px solid var(--border-1);border-radius:var(--r-md);color:var(--txt-1);font:inherit}input:hover,select:hover,textarea:hover{border-color:var(--border-2)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #60a5fa33}input::placeholder,select::placeholder,textarea::placeholder{color:var(--txt-3)}button{cursor:pointer;padding:var(--sp-sm) var(--sp-lg);background:var(--primary);color:#0a0e1a;border:none;border-radius:var(--r-md);font:inherit;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm)}button:hover{background:var(--primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--secondary);text-decoration:none}a:hover{color:var(--secondary-hover)}input[type=range]{height:10px;background:var(--primary-light);border-radius:var(--r-lg);border:1px solid var(--border-1);padding:0;cursor:pointer}input[type=range]:hover{border-color:var(--primary)}input[type=range]::-webkit-slider-thumb{width:20px;height:20px;background:var(--bg-2);border:3px solid var(--primary);border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--bg-2);border:3px solid var(--primary);border-radius:50%;cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-3)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:var(--r-md)}::-webkit-scrollbar-thumb:hover{background:var(--txt-3)}