:root{--bg-base-1:#0c0c1d;--bg-base-2:#1a1035;--bg-base-3:#0f172a;--gradient-bg:linear-gradient(135deg,#0c0c1d,#1a1035 40%,#0f172a 70%,#0c0c1d);--background:#0c0c1d;--foreground:hsla(0,0%,100%,.92);--accent-blue:#34d399;--accent-blue-glow:0 0 20px rgba(52,211,153,.3);--accent-violet:#a78bfa;--accent-violet-glow:0 0 20px rgba(167,139,250,.3);--accent-rose:#fb7185;--accent-rose-glow:0 0 20px rgba(251,113,133,.3);--accent-emerald:#34d399;--accent-emerald-glow:0 0 20px rgba(52,211,153,.3);--accent-amber:#fbbf24;--accent-amber-glow:0 0 20px rgba(251,191,36,.3);--text-primary:hsla(0,0%,100%,.92);--text-secondary:hsla(0,0%,100%,.6);--text-muted:hsla(0,0%,100%,.35);--glass-bg:hsla(0,0%,100%,.04);--glass-bg-hover:hsla(0,0%,100%,.07);--glass-bg-active:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.08);--glass-border-hover:hsla(0,0%,100%,.15);--glass-shadow:0 8px 32px rgba(0,0,0,.3);--glass-blur:blur(20px);--input-bg:hsla(0,0%,100%,.05);--input-border:hsla(0,0%,100%,.1);--input-focus:rgba(52,211,153,.3);--bg-input:hsla(0,0%,100%,.05);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--status-success:#34d399;--status-error:#fb7185;--status-warning:#fbbf24;--status-info:#34d399;--gradient-primary:linear-gradient(135deg,#34d399,#a78bfa);--gradient-warm:linear-gradient(135deg,#fb7185,#fbbf24);--gradient-cool:linear-gradient(135deg,#34d399,#34d399)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow)}.glass-hover:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.bg-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.15;pointer-events:none;z-index:0}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes float-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-float-in{animation:float-in .35s ease-out forwards}.animate-fade-in{animation:fade-in .3s ease-out forwards}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--input-bg);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(52,211,153,.4),0 2px 6px rgba(0,0,0,.3);cursor:pointer;-webkit-transition:box-shadow .2s,transform .2s;transition:box-shadow .2s,transform .2s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 16px rgba(52,211,153,.6),0 2px 8px rgba(0,0,0,.4);transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(52,211,153,.4),0 2px 6px rgba(0,0,0,.3);border:none;cursor:pointer}input[type=number]{-moz-appearance:textfield;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-primary);padding:4px 8px;font-size:13px;outline:none;transition:border-color .2s}input[type=number]:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--input-focus)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-primary);padding:4px 8px;font-size:13px;outline:none;cursor:pointer;transition:border-color .2s}select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--input-focus)}select option{background:#1a1035;color:var(--text-primary)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1.5px solid var(--glass-border-hover);border-radius:4px;background:var(--input-bg);cursor:pointer;position:relative;transition:all .2s}input[type=checkbox]:checked{background:var(--accent-blue);border-color:var(--accent-blue);box-shadow:var(--accent-blue-glow)}input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}input[type=text]{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-primary);padding:4px 8px;font-size:13px;outline:none;transition:border-color .2s;width:100%}input[type=text]:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--input-focus)}input[type=text]::-moz-placeholder{color:var(--text-muted)}input[type=text]::placeholder{color:var(--text-muted)}.app-main{display:flex;flex-direction:column}