@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-base:#09090b;--bg-panel:#18181b;--bg-card:#27272a;--bg-card-hover:#3f3f46;--bg-input:#18181b;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#52525b;--border-color:#ffffff14;--border-highlight:#ffffff26;--accent:#6366f1;--accent-hover:#4f46e5;--accent-glow:#6366f140;--danger:#ef4444;--success:#22c55e;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-base);color:var(--text-primary);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-card-hover);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.glass-panel{background:var(--bg-panel);border-right:1px solid var(--border-color);box-shadow:var(--shadow-md)}.premium-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;transition:border-color .2s,background .2s,transform .2s}.premium-card:hover{border-color:var(--border-highlight)}.premium-input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:.875rem;transition:all .2s;display:block}.premium-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);background:#6366f10d;outline:none}.premium-input::placeholder{color:var(--text-muted)}.premium-button{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.premium-button:hover{background:var(--bg-card-hover);border-color:var(--border-highlight)}.premium-button:active{transform:scale(.97)}.premium-button.primary{background:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-glow);border-color:#0000;font-weight:600}.premium-button.primary:hover{background:var(--accent-hover);box-shadow:0 4px 15px var(--accent-glow)}.premium-button.primary:active{background:var(--accent)}.segmented-control{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);gap:4px;padding:4px;display:flex}.segmented-control button{color:var(--text-secondary);border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;background:0 0;border:1px solid #0000;flex:1;padding:8px 6px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;transition:all .2s}.segmented-control button:hover{color:var(--text-primary)}.segmented-control button.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--progress,50%), var(--bg-input) var(--progress,50%), var(--bg-input) 100%);border:1px solid var(--border-color);border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--bg-card);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .1s,background .2s;box-shadow:0 2px 6px #0006}input[type=range]:active::-webkit-slider-thumb{background:var(--accent);transform:scale(1.1)}.toggle{cursor:pointer;display:inline-flex;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;width:44px;height:24px;transition:all .2s;position:relative}.toggle-track:after{content:"";background:var(--text-secondary);border-radius:50%;width:16px;height:16px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle input:checked+.toggle-track{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-track:after{background:#fff;transform:translate(20px)}
