:root{color-scheme:light;--n-0:#FFFFFF;--n-50:#F7F8FA;--n-100:#EEF0F4;--n-150:#E4E7ED;--n-200:#D7DCE3;--n-300:#BCC2CB;--n-400:#8E95A1;--n-500:#666C77;--n-600:#4A4F58;--n-700:#323640;--n-800:#1D2028;--n-900:#0F1117;--n-950:#07080C;--b-50:#EDF3FF;--b-100:#DBE5FF;--b-200:#B8CAFF;--b-300:#8DA7FF;--b-400:#5E82FD;--b-500:#2F6BFF;--b-600:#1E50DB;--b-700:#173FAE;--b-800:#13338A;--b-900:#0F276A;--b-950:#08173f;--mode-agent:var(--b-500);--mode-agent-fg:var(--b-600);--mode-agent-bg:var(--b-50);--mode-agent-soft:var(--mode-agent-bg);--mode-agent-strong:var(--mode-agent-fg);--mode-agent-dim:var(--b-100);--mode-agent-border:var(--b-200);--mode-agent-focus:rgba(47,107,255,0.18);--mode-plan:#8b5cf6;--mode-plan-fg:#6d28d9;--mode-plan-bg:#f3ebff;--mode-plan-soft:var(--mode-plan-bg);--mode-plan-strong:var(--mode-plan-fg);--mode-plan-dim:#e5d3ff;--mode-plan-border:#d4b9ff;--mode-plan-focus:rgba(139,92,246,0.2);--mode-terminal:#10b981;--mode-terminal-fg:#047857;--mode-terminal-bg:#e7f7ee;--mode-terminal-soft:var(--mode-terminal-bg);--mode-terminal-strong:var(--mode-terminal-fg);--mode-terminal-dim:#cfeedd;--mode-terminal-border:#b6e5c6;--mode-terminal-focus:rgba(16,185,129,0.22);--success-bg:#e7f7ee;--success-fg:#087a3a;--success-border:#b6e5c6;--warning-bg:#fff4e0;--warning-fg:#9a5800;--warning-border:#f5d69c;--danger-bg:#fdecec;--danger-fg:#b42318;--danger-border:#f2bfbb;--info-bg:var(--b-50);--info-fg:var(--b-700);--info-border:var(--b-200);--agent-claude:#d97757;--agent-claude-bg:#fbeee6;--agent-codex:#10a37f;--agent-codex-bg:#e2f4ee;--agent-gemini:#4285f4;--agent-gemini-bg:#e4edfe;--canvas:var(--n-50);--surface:#FFFFFF;--surface-raised:#FFFFFF;--surface-elevated:#FFFFFF;--surface-sunken:var(--n-100);--surface-hover:var(--n-100);--surface-active:var(--n-150);--surface-overlay:rgba(255,255,255,0.86);--text-primary:var(--n-900);--text-secondary:var(--n-600);--text-tertiary:var(--n-500);--text-disabled:var(--n-300);--text-inverse:#FFFFFF;--text-on-brand:#FFFFFF;--text-accent:var(--b-600);--text-faint:var(--text-tertiary);--border-subtle:rgba(15,17,23,0.06);--border-default:rgba(15,17,23,0.09);--border-strong:rgba(15,17,23,0.14);--border-accent:var(--b-500);--shadow-xs:0 0 0 1px rgba(15,17,23,0.06);--shadow-sm:0 1px 2px rgba(15,17,23,0.06),0 0 0 1px rgba(15,17,23,0.05);--shadow-md:0 4px 12px -2px rgba(15,17,23,0.08),0 0 0 1px rgba(15,17,23,0.05);--shadow-lg:0 12px 32px -4px rgba(15,17,23,0.12),0 2px 6px -1px rgba(15,17,23,0.06),0 0 0 1px rgba(15,17,23,0.05);--shadow-xl:0 24px 48px -8px rgba(15,17,23,0.16),0 8px 16px -4px rgba(15,17,23,0.08),0 0 0 1px rgba(15,17,23,0.05);--shadow-focus:0 0 0 3px rgba(47,107,255,0.18);--shadow-focus-danger:0 0 0 3px rgba(239,68,68,0.22);--font-sans:"Pretendard Variable","Pretendard","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans KR","Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--text-display:36px;--text-h1:28px;--text-h2:22px;--text-h3:18px;--text-h4:16px;--text-body:14px;--text-sm:13px;--text-xs:12px;--text-2xs:11px;--ls-tight:0;--ls-snug:0;--ls-normal:0;--ls-wide:0;--sp-0:0;--sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:10px;--sp-6:12px;--sp-8:16px;--sp-10:20px;--sp-12:24px;--sp-14:28px;--sp-16:32px;--sp-20:40px;--sp-24:48px;--sp-32:64px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:12px;--r-2xl:16px;--r-full:9999px;--radius-pill:var(--r-full);--dur-instant:75ms;--dur-fast:120ms;--dur-normal:180ms;--dur-slow:260ms;--ease-snap:cubic-bezier(0.16,1,0.3,1);--ease-smooth:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.25,1.1,0.5,1.1);--t-fast:var(--dur-fast) var(--ease-snap);--t-base:var(--dur-normal) var(--ease-snap);--t-slow:var(--dur-slow) var(--ease-snap);--motion-fast:var(--dur-fast);--motion-base:var(--dur-normal);--motion-slow:var(--dur-slow);--motion-ease:var(--ease-snap);--bg:var(--canvas);--surface-subtle:var(--surface-sunken);--surface-soft:var(--surface-active);--line:var(--border-default);--line-strong:var(--border-strong);--text:var(--text-primary);--text-muted:var(--text-secondary);--text-subtle:var(--text-tertiary);--text-on-accent:var(--text-on-brand);--primary:var(--b-500);--primary-hover:var(--b-600);--primary-soft:var(--b-50);--primary-border:var(--b-200);--accent-sky:var(--b-500);--accent-sky-bg:var(--b-50);--accent-amber:#f59e0b;--accent-amber-bg:var(--warning-bg);--accent-violet:var(--mode-plan);--accent-violet-bg:var(--mode-plan-bg);--accent-emerald:var(--mode-terminal);--accent-emerald-bg:var(--mode-terminal-bg);--accent-slate:var(--n-500);--accent-slate-bg:var(--n-150);--accent-red:#ef4444;--accent-red-bg:var(--danger-bg);--accent-git:#a0361d;--accent-git-bg:rgba(240,80,50,0.2);--accent-docker:#0a4f82;--accent-docker-bg:rgba(36,150,237,0.2);--agent-claude-accent:var(--agent-claude);--agent-codex-accent:var(--agent-codex);--agent-gemini-accent:var(--agent-gemini);--approval-on-request-color:var(--b-500);--approval-on-failure-color:var(--warning-fg);--approval-never-color:var(--success-fg);--approval-yolo-color:var(--danger-fg);--chart-track:var(--n-150);--chart-status-running:var(--b-500);--chart-status-pending:var(--warning-fg);--chart-status-completed:var(--success-fg);--chart-status-idle:var(--n-500);--radius-sm:var(--r-sm);--radius-md:var(--r-xl);--radius-lg:var(--r-2xl);--radius-full:var(--r-full);--gradient-primary:linear-gradient(135deg,var(--b-500) 0%,var(--mode-plan) 100%);--gradient-surface:linear-gradient(180deg,rgba(255,255,255,0.94),rgba(255,255,255,0.64));--modal-header-bg:linear-gradient(135deg,var(--b-50) 0%,#f8faff 100%);--overlay-backdrop:rgba(15,17,23,0.55);--elevated-shadow:var(--shadow-xl);--bottom-nav-bg:rgba(255,255,255,0.78);--bottom-nav-border:rgba(15,17,23,0.08);--bottom-nav-inset-border:rgba(255,255,255,0.44);--bottom-nav-shadow:0 8px 24px rgba(15,17,23,0.08);--bottom-nav-indicator-bg:var(--surface);--bottom-nav-indicator-border:var(--border-default);--bottom-nav-indicator-shadow:var(--shadow-sm);--max-width:1400px;--vh:1vh;--app-vh:100vh;--visual-viewport-height:100vh;--keyboard-inset-height:0px;--visual-viewport-bottom-inset:0px;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px)}html[data-theme=dark]{color-scheme:dark;--b-50:#112358;--b-100:#15327f;--b-200:#1e50db;--mode-agent-bg:#112358;--mode-agent-dim:#15327f;--mode-agent-border:rgba(47,107,255,0.36);--mode-plan-bg:#1f1a3d;--mode-plan-dim:#2c2560;--mode-plan-border:rgba(139,92,246,0.36);--mode-terminal-bg:#0d2f20;--mode-terminal-dim:#104835;--mode-terminal-border:rgba(16,185,129,0.3);--success-bg:rgba(16,185,129,0.12);--success-fg:#3fdd9b;--success-border:rgba(16,185,129,0.3);--warning-bg:rgba(245,158,11,0.12);--warning-fg:#f9b969;--warning-border:rgba(245,158,11,0.3);--danger-bg:rgba(239,68,68,0.12);--danger-fg:#f38484;--danger-border:rgba(239,68,68,0.32);--info-bg:rgba(47,107,255,0.14);--info-fg:#9eb7ff;--info-border:rgba(47,107,255,0.36);--agent-claude-bg:#2a1a12;--agent-codex-bg:#0f2a22;--agent-gemini-bg:#14244a;--canvas:#08090c;--surface:#0e1015;--surface-raised:#1c2029;--surface-elevated:#14161d;--surface-sunken:#0b0d12;--surface-hover:#17191f;--surface-active:#1d2029;--surface-overlay:rgba(14,16,21,0.82);--text-primary:#f0f1f4;--text-secondary:#afb4be;--text-tertiary:#7d828e;--text-disabled:#4b4f58;--text-inverse:#0f1117;--text-on-brand:#ffffff;--text-accent:#9eb7ff;--border-subtle:rgba(255,255,255,0.06);--border-default:rgba(255,255,255,0.09);--border-strong:rgba(255,255,255,0.14);--shadow-xs:0 0 0 1px rgba(255,255,255,0.06);--shadow-sm:0 1px 2px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05);--shadow-md:0 4px 12px -2px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.05);--shadow-lg:0 12px 32px -4px rgba(0,0,0,0.6),0 2px 6px -1px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.06);--shadow-xl:0 24px 48px -8px rgba(0,0,0,0.7),0 8px 16px -4px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.06);--shadow-focus:0 0 0 3px rgba(47,107,255,0.28);--shadow-focus-danger:0 0 0 3px rgba(239,68,68,0.32);--accent-amber:#f9b969;--accent-slate:#8e95a1;--accent-slate-bg:rgba(142,149,161,0.18);--accent-red:#f38484;--accent-git:#ff8d6c;--accent-git-bg:rgba(240,80,50,0.26);--accent-docker:#7cc5ff;--accent-docker-bg:rgba(36,150,237,0.26);--chart-track:#323640;--bottom-nav-bg:rgba(14,16,21,0.78);--bottom-nav-border:rgba(255,255,255,0.09);--bottom-nav-inset-border:rgba(255,255,255,0.08);--bottom-nav-shadow:0 10px 28px rgba(0,0,0,0.42);--bottom-nav-indicator-bg:var(--surface-raised);--bottom-nav-indicator-border:rgba(47,107,255,0.32);--bottom-nav-indicator-shadow:var(--shadow-md);--gradient-primary:linear-gradient(135deg,#2f6bff,#7c3aed);--gradient-surface:linear-gradient(180deg,rgba(28,32,41,0.94),rgba(14,16,21,0.78));--modal-header-bg:linear-gradient(135deg,rgba(47,107,255,0.16),rgba(28,32,41,0.92));--overlay-backdrop:rgba(0,0,0,0.68)}@media (prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--b-50:#112358;--b-100:#15327f;--b-200:#1e50db;--mode-agent-bg:#112358;--mode-agent-dim:#15327f;--mode-agent-border:rgba(47,107,255,0.36);--mode-plan-bg:#1f1a3d;--mode-plan-dim:#2c2560;--mode-plan-border:rgba(139,92,246,0.36);--mode-terminal-bg:#0d2f20;--mode-terminal-dim:#104835;--mode-terminal-border:rgba(16,185,129,0.3);--success-bg:rgba(16,185,129,0.12);--success-fg:#3fdd9b;--success-border:rgba(16,185,129,0.3);--warning-bg:rgba(245,158,11,0.12);--warning-fg:#f9b969;--warning-border:rgba(245,158,11,0.3);--danger-bg:rgba(239,68,68,0.12);--danger-fg:#f38484;--danger-border:rgba(239,68,68,0.32);--info-bg:rgba(47,107,255,0.14);--info-fg:#9eb7ff;--info-border:rgba(47,107,255,0.36);--agent-claude-bg:#2a1a12;--agent-codex-bg:#0f2a22;--agent-gemini-bg:#14244a;--canvas:#08090c;--surface:#0e1015;--surface-raised:#1c2029;--surface-elevated:#14161d;--surface-sunken:#0b0d12;--surface-hover:#17191f;--surface-active:#1d2029;--surface-overlay:rgba(14,16,21,0.82);--text-primary:#f0f1f4;--text-secondary:#afb4be;--text-tertiary:#7d828e;--text-disabled:#4b4f58;--text-inverse:#0f1117;--text-on-brand:#ffffff;--text-accent:#9eb7ff;--border-subtle:rgba(255,255,255,0.06);--border-default:rgba(255,255,255,0.09);--border-strong:rgba(255,255,255,0.14);--shadow-xs:0 0 0 1px rgba(255,255,255,0.06);--shadow-sm:0 1px 2px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05);--shadow-md:0 4px 12px -2px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.05);--shadow-lg:0 12px 32px -4px rgba(0,0,0,0.6),0 2px 6px -1px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.06);--shadow-xl:0 24px 48px -8px rgba(0,0,0,0.7),0 8px 16px -4px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.06);--shadow-focus:0 0 0 3px rgba(47,107,255,0.28);--shadow-focus-danger:0 0 0 3px rgba(239,68,68,0.32);--accent-amber:#f9b969;--accent-slate:#8e95a1;--accent-slate-bg:rgba(142,149,161,0.18);--accent-red:#f38484;--accent-git:#ff8d6c;--accent-git-bg:rgba(240,80,50,0.26);--accent-docker:#7cc5ff;--accent-docker-bg:rgba(36,150,237,0.26);--chart-track:#323640;--bottom-nav-bg:rgba(14,16,21,0.78);--bottom-nav-border:rgba(255,255,255,0.09);--bottom-nav-inset-border:rgba(255,255,255,0.08);--bottom-nav-shadow:0 10px 28px rgba(0,0,0,0.42);--bottom-nav-indicator-bg:var(--surface-raised);--bottom-nav-indicator-border:rgba(47,107,255,0.32);--bottom-nav-indicator-shadow:var(--shadow-md);--gradient-primary:linear-gradient(135deg,#2f6bff,#7c3aed);--gradient-surface:linear-gradient(180deg,rgba(28,32,41,0.94),rgba(14,16,21,0.78));--modal-header-bg:linear-gradient(135deg,rgba(47,107,255,0.16),rgba(28,32,41,0.92));--overlay-backdrop:rgba(0,0,0,0.68)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,html{line-height:1.5}body,html{width:100%;min-height:100%;min-height:-webkit-fill-available;background-color:var(--bg);color:var(--text);font-size:var(--text-body,14px);letter-spacing:var(--ls-normal,normal);text-size-adjust:100%;overflow-x:hidden}body{min-height:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer}code,kbd,pre,samp{font-family:var(--font-mono)}