:root,[data-theme=ai-std]{--theme-name: "AI-std";--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-app: #080b11;--bg-surface: #0f1422;--bg-surface-header: rgba(8, 11, 17, .85);--bg-card: rgba(18, 25, 41, .72);--bg-card-hover: rgba(27, 37, 60, .85);--bg-card-solid: #131b2e;--bg-input: rgba(13, 19, 33, .85);--border-subtle: rgba(255, 255, 255, .07);--border-focus: rgba(99, 102, 241, .55);--border-card: rgba(255, 255, 255, .09);--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .35);--btn-primary-text: #ffffff;--gradient-brand: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);--gradient-target: linear-gradient(90deg, rgba(99, 102, 241, .3) 0%, rgba(139, 92, 246, .3) 100%);--gradient-actual: linear-gradient(90deg, #38bdf8 0%, #6366f1 100%);--gradient-success: linear-gradient(90deg, #10b981 0%, #059669 100%);--color-completed: #10b981;--bg-completed: rgba(16, 185, 129, .14);--border-completed: rgba(16, 185, 129, .35);--color-in-progress: #38bdf8;--bg-in-progress: rgba(56, 189, 248, .14);--border-in-progress: rgba(56, 189, 248, .35);--color-delayed: #f43f5e;--bg-delayed: rgba(244, 63, 94, .15);--border-delayed: rgba(244, 63, 94, .4);--color-planning: #a855f7;--bg-planning: rgba(168, 85, 247, .14);--border-planning: rgba(168, 85, 247, .35);--color-on-hold: #f59e0b;--bg-on-hold: rgba(245, 158, 11, .14);--border-on-hold: rgba(245, 158, 11, .35);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--text-inverse: #0f172a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px -4px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px -8px rgba(0, 0, 0, .65);--shadow-glow: 0 0 24px -4px var(--primary-glow);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--bg-radial-pattern: radial-gradient(circle at 15% 15%, rgba(99, 102, 241, .08) 0%, transparent 40%), radial-gradient(circle at 85% 30%, rgba(217, 70, 239, .05) 0%, transparent 35%), radial-gradient(circle at 50% 85%, rgba(56, 189, 248, .05) 0%, transparent 45%)}[data-theme=material-you]{--theme-name: "Material You";--font-sans: "Roboto", "Google Sans", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-app: #111318;--bg-surface: #191c22;--bg-surface-header: rgba(25, 28, 34, .9);--bg-card: #1f232c;--bg-card-hover: #282d38;--bg-card-solid: #222630;--bg-input: #1a1d24;--border-subtle: rgba(255, 255, 255, .06);--border-focus: #a8c7fa;--border-card: rgba(255, 255, 255, .08);--primary: #a8c7fa;--primary-hover: #c2e7ff;--primary-container: #264368;--on-primary: #062e56;--btn-primary-text: #062e56;--primary-glow: rgba(168, 199, 250, .28);--gradient-brand: linear-gradient(135deg, #a8c7fa 0%, #7fd7cd 50%, #b2e5a8 100%);--gradient-target: linear-gradient(90deg, rgba(168, 199, 250, .26) 0%, rgba(127, 215, 205, .26) 100%);--gradient-actual: linear-gradient(90deg, #7fd7cd 0%, #a8c7fa 100%);--gradient-success: linear-gradient(90deg, #a8d9a2 0%, #76c981 100%);--color-completed: #a8d9a2;--bg-completed: rgba(168, 217, 162, .18);--border-completed: rgba(168, 217, 162, .38);--color-in-progress: #a8c7fa;--bg-in-progress: rgba(168, 199, 250, .18);--border-in-progress: rgba(168, 199, 250, .38);--color-delayed: #ffb4ab;--bg-delayed: rgba(255, 180, 171, .18);--border-delayed: rgba(255, 180, 171, .38);--color-planning: #d0bcff;--bg-planning: rgba(208, 188, 255, .18);--border-planning: rgba(208, 188, 255, .38);--color-on-hold: #f8c37d;--bg-on-hold: rgba(248, 195, 125, .18);--border-on-hold: rgba(248, 195, 125, .38);--text-main: #e2e2e6;--text-muted: #c4c6d0;--text-dim: #8e9099;--text-inverse: #111318;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .28), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 16px -2px rgba(0, 0, 0, .38), 0 2px 6px -2px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 36px -4px rgba(0, 0, 0, .52);--shadow-glow: 0 0 24px -2px rgba(168, 199, 250, .22);--radius-sm: 10px;--radius-md: 18px;--radius-lg: 26px;--radius-full: 9999px;--bg-radial-pattern: radial-gradient(circle at 18% 12%, rgba(168, 199, 250, .08) 0%, transparent 45%), radial-gradient(circle at 82% 28%, rgba(127, 215, 205, .07) 0%, transparent 40%), radial-gradient(circle at 50% 90%, rgba(168, 217, 162, .06) 0%, transparent 50%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:var(--bg-radial-pattern);background-attachment:fixed;transition:background-color .25s ease,color .25s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f142299}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.app-container{max-width:1600px;margin:0 auto;padding:0 24px 96px}.app-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-surface-header);border-bottom:1px solid var(--border-subtle);padding:16px 24px;margin-bottom:28px;transition:background-color .25s ease,border-color .25s ease}.header-content{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-section{display:flex;align-items:center;gap:14px}.brand-logo{width:42px;height:42px;background:var(--gradient-brand);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 20px var(--primary-glow)}.brand-title{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.35);margin-left:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;font-size:.88rem;font-weight:600;font-family:inherit;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--gradient-brand);color:var(--btn-primary-text, #ffffff);box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff0f;color:var(--text-main);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff29}.btn-outline{background:transparent;color:var(--text-muted);border:1px solid var(--border-subtle)}.btn-outline:hover{color:var(--text-main);border-color:var(--border-focus);background:#6366f10f}.btn-danger{background:#f43f5e1f;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.btn-danger:hover{background:#f43f5e38;border-color:#f43f5e80}.btn-icon-only{padding:8px;border-radius:var(--radius-sm);background:#ffffff0d;color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer}.btn-icon-only:hover{color:var(--text-main);background:#ffffff1a}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color .2s,box-shadow .2s}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:.74rem;font-weight:600;letter-spacing:.02em;text-transform:capitalize}.status-badge.completed{background:var(--bg-completed);color:var(--color-completed);border:1px solid var(--border-completed)}.status-badge.in-progress{background:var(--bg-in-progress);color:var(--color-in-progress);border:1px solid var(--border-in-progress)}.status-badge.delayed{background:var(--bg-delayed);color:var(--color-delayed);border:1px solid var(--border-delayed)}.status-badge.planning,.status-badge.not-started{background:var(--bg-planning);color:var(--color-planning);border:1px solid var(--border-planning)}.status-badge.on-hold{background:var(--bg-on-hold);color:var(--color-on-hold);border:1px solid var(--border-on-hold)}.priority-badge{font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:var(--radius-sm);text-transform:uppercase}.priority-badge.critical{background:#f43f5e2e;color:#fda4af}.priority-badge.high{background:#f59e0b2e;color:#fcd34d}.priority-badge.medium{background:#38bdf82e;color:#7dd3fc}.priority-badge.low{background:#94a3b826;color:#cbd5e1}.progress-bar-container{width:100%;height:8px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .4s cubic-bezier(.16,1,.3,1);position:relative}.progress-bar-fill.gradient{background:var(--gradient-brand)}.progress-bar-fill.success{background:var(--gradient-success)}.progress-bar-fill.delayed{background:linear-gradient(90deg,#f43f5e,#fb7185)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .18s ease-out}.modal-content{background:var(--bg-card-solid);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;padding:28px;animation:slideUp .22s cubic-bezier(.16,1,.3,1);position:relative}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-title{font-size:1.25rem;font-weight:700;color:var(--text-main)}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.form-input,.form-textarea,.form-select{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-main);font-family:inherit;font-size:.9rem;outline:none;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-hint{font-size:.74rem;color:var(--text-dim);margin-top:4px}.gantt-wrapper{overflow-x:auto;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-card);box-shadow:var(--shadow-md);position:relative}.gantt-table{min-width:1100px;display:flex;flex-direction:column;position:relative}.gantt-legend{display:flex;align-items:center;gap:20px;padding:12px 20px;background:#0f1422e6;border-bottom:1px solid var(--border-subtle);font-size:.8rem;color:var(--text-muted);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px}.legend-bar{width:28px;height:10px;border-radius:3px}.legend-bar.target{background:#6366f140;border:1.5px solid #818cf8}.legend-bar.actual{background:var(--gradient-brand)}.legend-bar.completed{background:var(--gradient-success)}.legend-bar.delayed{background:var(--color-delayed)}.gantt-header-row{display:grid;grid-template-columns:320px 1fr;background:#0f1422f2;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:10}.gantt-left-header{padding:14px 20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-right:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.gantt-timeline-header{display:flex;position:relative;overflow:hidden}.gantt-header-col{flex:1;text-align:center;padding:10px 4px;font-size:.75rem;border-right:1px solid rgba(255,255,255,.04);color:var(--text-muted)}.gantt-header-col.today{color:var(--primary);font-weight:700;background:#6366f10f}.gantt-row{display:grid;grid-template-columns:320px 1fr;border-bottom:1px solid var(--border-subtle);position:relative;transition:background-color .15s}.gantt-row:hover{background:#ffffff05}.gantt-row.phase-row{background:#1e293b66;font-weight:600}.gantt-row-label{padding:12px 18px;border-right:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:hidden}.gantt-timeline-cell{position:relative;height:58px;display:flex;flex-direction:column;justify-content:center;padding:4px 0}.gantt-bar-target{position:absolute;top:10px;height:14px;border-radius:4px;background:#6366f133;border:1.5px solid #818cf8;box-sizing:border-box;transition:all .2s;cursor:pointer;z-index:2;box-shadow:0 0 6px #6366f140}.gantt-bar-target:hover{background:#6366f161;border-color:#c7d2fe;box-shadow:0 0 12px #6366f18c}.gantt-bar-actual{position:absolute;bottom:10px;height:18px;border-radius:4px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);overflow:hidden;box-sizing:border-box;transition:all .2s;cursor:pointer;z-index:3}.gantt-bar-actual-fill{height:100%;background:var(--gradient-brand);border-radius:3px;position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;font-size:.65rem;font-weight:700;color:#fff;transition:width .3s}.gantt-bar-actual-fill.completed{background:var(--gradient-success)}.gantt-bar-actual-fill.delayed{background:linear-gradient(90deg,#f43f5e,#fb7185)}.gantt-bar-unified{position:absolute;top:50%;transform:translateY(-50%);height:24px;border-radius:6px;background:#6366f129;border:1.5px solid #818cf8;overflow:hidden;box-sizing:border-box;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;z-index:3;box-shadow:0 2px 8px #00000059}.gantt-bar-unified:hover{border-color:#c7d2fe;box-shadow:0 4px 14px #6366f173}.gantt-bar-unified.phase-bar{height:26px;border:1.5px solid #a855f7;background:#a855f72e}.gantt-bar-unified.phase-bar:hover{border-color:#e9d5ff}.gantt-bar-unified.delayed{border-color:#fb7185}.gantt-bar-unified-fill{height:100%;background:var(--gradient-brand);border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;font-size:.68rem;font-weight:800;color:#fff;transition:width .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.gantt-bar-unified-fill.completed{background:var(--gradient-success)}.gantt-bar-unified-fill.delayed{background:linear-gradient(90deg,#f43f5e,#fb7185)}.legend-bar.unified{background:#6366f133;border:1.5px solid #818cf8;position:relative;overflow:hidden}.legend-bar.unified .legend-fill{width:55%;height:100%;background:var(--gradient-brand)}.gantt-bar-unified.completed-early{border-color:#10b981;box-shadow:0 2px 10px #10b98140}.gantt-bar-unified.completed-early:hover{border-color:#34d399;box-shadow:0 4px 16px #10b98173}.gantt-bar-unified.completed-late{border-color:#f43f5e;box-shadow:0 2px 10px #f43f5e40}.gantt-bar-unified.completed-late:hover{border-color:#fb7185;box-shadow:0 4px 16px #f43f5e73}.gantt-bar-unified.completed-ontime{border-color:#10b981}.unified-early-badge{display:inline-flex;align-items:center;justify-content:center;gap:2px;background:#10b98138;color:#10b981;border:1.5px solid #10b981;padding:1px 6px;border-radius:4px;font-size:.68rem;font-weight:800;font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;box-shadow:0 0 8px #10b98159}.unified-late-badge{display:inline-flex;align-items:center;justify-content:center;gap:2px;background:#ef444438;color:#ef4444;border:1.5px solid #ef4444;padding:1px 6px;border-radius:4px;font-size:.68rem;font-weight:800;font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;box-shadow:0 0 8px #ef444459}.unified-overdue-badge{display:inline-flex;align-items:center;justify-content:center;gap:2px;background:#ef444440;color:#ef4444;border:1.5px solid #ef4444;padding:1px 6px;border-radius:4px;font-size:.68rem;font-weight:800;font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;box-shadow:0 0 8px #ef444459}.badge-variance-early{display:inline-flex;align-items:center;gap:2px;background:#10b98129;color:#10b981;border:1px solid rgba(16,185,129,.45);padding:1px 6px;border-radius:4px;font-size:.68rem;font-weight:800;font-family:var(--font-mono);letter-spacing:.02em}.badge-variance-late{display:inline-flex;align-items:center;gap:2px;background:#ef444429;color:#ef4444;border:1px solid rgba(239,68,68,.45);padding:1px 6px;border-radius:4px;font-size:.68rem;font-weight:800;font-family:var(--font-mono);letter-spacing:.02em}.variance-early{color:#10b981!important;font-weight:800;font-family:var(--font-mono)}.variance-late{color:#ef4444!important;font-weight:800;font-family:var(--font-mono)}.legend-bar.unified-early{background:#10b98126;border:1.5px solid #10b981;position:relative;overflow:hidden;display:flex}.legend-bar.unified-early .legend-fill{width:55%;height:100%;background:var(--gradient-success)}.legend-bar.unified-early .legend-tail{flex:1;height:100%;background:repeating-linear-gradient(45deg,#10b98133,#10b98133 3px,#10b98159 3px,#10b98159 6px)}.legend-bar.unified-late{background:#f43f5e26;border:1.5px solid #f43f5e;position:relative;overflow:hidden;display:flex}.legend-bar.unified-late .legend-fill{width:55%;height:100%;background:var(--gradient-success)}.legend-bar.unified-late .legend-tail{flex:1;height:100%;background:repeating-linear-gradient(45deg,#f43f5e40,#f43f5e40 3px,#f43f5e80 3px,#f43f5e80 6px)}.gantt-today-line{position:absolute;top:0;bottom:0;width:2px;background:#f43f5e;z-index:8;pointer-events:none}.gantt-today-badge{position:absolute;top:2px;transform:translate(-50%);background:#f43f5e;color:#fff;font-size:.65rem;font-weight:800;padding:1px 6px;border-radius:var(--radius-full);letter-spacing:.05em;box-shadow:0 0 10px #f43f5e99}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=material-you] .btn{border-radius:var(--radius-full)}[data-theme=material-you] .btn-primary{color:#062e56;font-weight:700;box-shadow:0 3px 12px #a8c7fa59}[data-theme=material-you] .btn-secondary{border-radius:var(--radius-full);background:#ffffff0d;border-color:#ffffff14}[data-theme=material-you] .btn-outline,[data-theme=material-you] .btn-icon-only{border-radius:var(--radius-full)}[data-theme=material-you] .brand-logo{border-radius:18px;color:#062e56;box-shadow:0 4px 14px #a8c7fa59}[data-theme=material-you] .brand-badge{background:#a8c7fa29;color:#c2e7ff;border-color:#a8c7fa59}[data-theme=material-you] .glass-panel{border-radius:26px;border:1px solid rgba(255,255,255,.07);box-shadow:var(--shadow-md)}[data-theme=material-you] .modal-content{border-radius:28px;border:1px solid rgba(255,255,255,.08);background:var(--bg-card-solid)}[data-theme=material-you] .form-input,[data-theme=material-you] .form-textarea,[data-theme=material-you] .form-select{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:var(--bg-input)}[data-theme=material-you] .form-input:focus,[data-theme=material-you] .form-textarea:focus,[data-theme=material-you] .form-select:focus{border-color:#a8c7fa;box-shadow:0 0 0 3px #a8c7fa40}[data-theme=material-you] .gantt-wrapper{border-radius:24px;border-color:#ffffff12}[data-theme=material-you] .gantt-bar-target{border-radius:var(--radius-full);background:#a8c7fa33;border:1.5px solid #a8c7fa;box-shadow:0 0 8px #a8c7fa40}[data-theme=material-you] .gantt-bar-actual{border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.12)}[data-theme=material-you] .gantt-bar-actual-fill{border-radius:var(--radius-full);color:#062e56}[data-theme=material-you] .gantt-bar-unified{border-radius:var(--radius-full);border-color:#a8c7fa;background:#a8c7fa2e}[data-theme=material-you] .gantt-bar-unified-fill{border-radius:var(--radius-full);color:#062e56}[data-theme=material-you] .gantt-today-line{background:#ffb4ab}[data-theme=material-you] .gantt-today-badge{background:#ffb4ab;color:#561e18;border-radius:var(--radius-full)}.floating-theme-dock{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:99;pointer-events:auto;animation:dockFloatIn .35s cubic-bezier(.16,1,.3,1)}@keyframes dockFloatIn{0%{opacity:0;transform:translate(-50%,20px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.theme-toggle-container{position:relative;display:flex;align-items:center;background:var(--bg-card-solid);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:4px;border-radius:var(--radius-full);border:1px solid var(--border-card);box-shadow:0 10px 30px -4px #0009,0 0 20px -4px var(--primary-glow);gap:3px;-webkit-user-select:none;user-select:none;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.theme-toggle-slider{position:absolute;top:4px;bottom:4px;width:calc(50% - 6px);border-radius:var(--radius-full);transition:transform .28s cubic-bezier(.16,1,.3,1),background .25s ease,box-shadow .25s ease;z-index:1;pointer-events:none}.theme-toggle-slider.ai{transform:translate(0);background:linear-gradient(135deg,#6366f159,#8b5cf673);border:1px solid rgba(139,92,246,.65);box-shadow:0 0 14px #6366f173}.theme-toggle-slider.material{transform:translate(calc(100% + 4px));background:linear-gradient(135deg,#a8c7fa,#7fd7cd);border:1px solid rgba(255,255,255,.4);box-shadow:0 2px 12px #a8c7fa66}.theme-toggle-btn{position:relative;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--radius-full);background:transparent;border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:.82rem;font-weight:600;cursor:pointer;transition:color .2s ease;white-space:nowrap}.theme-toggle-btn:hover{color:var(--text-main)}.theme-toggle-btn.active{color:#fff;font-weight:700}[data-theme=material-you] .theme-toggle-btn.active{color:#062e56}.theme-btn-icon{flex-shrink:0;transition:transform .2s ease}.theme-toggle-btn:hover .theme-btn-icon{transform:scale(1.15)}.theme-btn-label{letter-spacing:.01em}@media (max-width: 640px){.floating-theme-dock{bottom:14px}.theme-toggle-btn{padding:7px 12px;font-size:.78rem}}