:root{--bg-base: #0a0a0a;--bg-surface: rgba(24, 24, 26, .85);--bg-surface-hover: rgba(36, 36, 39, .95);--bg-surface-solid: #171719;--accent-primary: #4f46e5;--accent-primary-glow: rgba(79, 70, 229, .2);--accent-cyan: var(--accent-primary);--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .15);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .2s ease;--card-blur: blur(20px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:transparent;color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background-color:var(--bg-base)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;border:2px solid var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.glass-panel{background:var(--bg-surface);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:2px solid var(--border-color);border-radius:0;box-shadow:6px 6px #00000059;transition:var(--transition-smooth)}.glass-panel:hover{border-color:var(--accent-cyan)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;letter-spacing:-.01em}p{line-height:1.6;color:var(--text-secondary)}input[type=text],input[type=number],input[type=password],input[type=email],input[type=tel],textarea,select{width:100%;background:#ffffff12;border:2px solid rgba(255,255,255,.18);border-radius:0;padding:12px 16px;color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;transition:var(--transition-smooth);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent-cyan);box-shadow:4px 4px 0 var(--accent-primary-glow);background:#ffffff1f}select option{background-color:#171719;color:#fff}input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;transition:var(--transition-fast)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:0;background:var(--accent-cyan);cursor:pointer;transition:var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:0;background:var(--accent-cyan);cursor:pointer;transition:var(--transition-fast)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.15)}input[type=checkbox]{position:relative;width:18px;height:18px;-webkit-appearance:none;appearance:none;background:#ffffff0a;border:2px solid rgba(255,255,255,.15);border-radius:0;cursor:pointer;outline:none;transition:var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}input[type=checkbox]:checked{background:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:none}input[type=checkbox]:checked:after{content:"\2713";font-size:11px;font-weight:700;color:var(--bg-base)}input[type=color]{-webkit-appearance:none;appearance:none;border:none;width:44px;height:38px;border-radius:0;cursor:pointer;background:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:2px solid rgba(255,255,255,.15);border-radius:0}input[type=color]::-moz-color-swatch{border:2px solid rgba(255,255,255,.15);border-radius:8px}.flex-center{display:flex;align-items:center;justify-content:center}.text-gradient-cyan{background:linear-gradient(135deg,#ffffff 30%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-neon{background:linear-gradient(135deg,#ffffff 20%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.light-theme{--bg-base: #d8dbe2;--bg-surface: rgba(245, 247, 250, .8);--bg-surface-hover: rgba(245, 247, 250, .95);--bg-surface-solid: #f5f7fa;--text-primary: #111111;--text-secondary: #333333;--text-muted: #666666;--border-color: rgba(17, 17, 17, .25)}body.light-theme input[type=text],body.light-theme input[type=number],body.light-theme input[type=password],body.light-theme input[type=email],body.light-theme input[type=tel],body.light-theme textarea,body.light-theme select{background:#1111110a;border:2px solid rgba(17,17,17,.2);color:#111}body.light-theme input:focus,body.light-theme textarea:focus,body.light-theme select:focus{background:#ffffffe6;box-shadow:0 0 0 3px #4f46e533}body.light-theme select option{background-color:#f5f7fa;color:#111}body.light-theme .accordion-item{background:#ffffffb8;border-color:#0f172a14}body.light-theme .accordion-item.active{background:#fffffff2;border-color:var(--accent-primary)}body.light-theme .tabs-container{background:#0f172a0a;border-color:#0f172a14}body.light-theme .tab-btn:hover{background:#0f172a08}body.light-theme .tab-btn.active{background:#ffffffe6}body.light-theme .color-picker-group,body.light-theme .color-option-container,body.light-theme .file-name-display{background:#11111105;border-color:#1111111a}body.light-theme .text-gradient-cyan{background:linear-gradient(135deg,#111111 30%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.light-theme .text-gradient-neon{background:linear-gradient(135deg,#111111 20%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.light-theme .main-header,body.light-theme .main-footer{background:var(--bg-base);backdrop-filter:none;-webkit-backdrop-filter:none}body.light-theme .logo-icon,body.light-theme .logo-text{color:#000;text-shadow:none}body.light-theme .theme-toggle-btn,body.light-theme .accent-selector{background:#1111110d;border-color:#11111126}body.light-theme .theme-toggle-btn:hover{background:#11111114;color:var(--accent-primary);border-color:var(--accent-primary)}body.light-theme .accent-dot.active{border-color:var(--text-primary)}body.light-theme .accent-color-picker::-webkit-color-swatch{border-color:#00000026}body.light-theme .header-link-git:hover{background:#1111110d}