@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap");:root{--bg-primary:var(--surface-0);--bg-secondary:var(--surface-0);--bg-tertiary:var(--surface-1);--bg-surface:var(--surface-1);--bg-surface-hover:var(--surface-2);--border-primary:var(--glass-border);--border-subtle:var(--mint-tint-xs);--accent-primary:var(--echo-300);--accent-primary-hover:var(--echo-200);--accent-light:var(--mint-tint-sm);--accent-muted:var(--echo-400);--accent-pale:var(--echo-200);--cta-primary:var(--echo-300);--cta-primary-hover:var(--echo-200);--color-success:var(--status-live);--color-error:var(--status-error);--header-bg:var(--header-translucent);--header-border:var(--glass-border);--bg-card:var(--surface-2);--bg-card-dark:var(--surface-2);--text-muted-dark:var(--text-muted);--text-secondary-dark:var(--text-secondary);--border-light:var(--glass-border);--border-dark:var(--glass-border);--text-primary-dark:var(--text-primary);--bg-canvas:var(--surface-1);--bg-subtle:var(--surface-0);--bg-paper:var(--surface-2);--bg-dark:var(--text-primary);--border-soft:var(--surface-3);--border-strong:#D4D4D4;--mint-deep:var(--echo-300);--mint-cta:var(--echo-accent);--mint-cta-hover:var(--echo-400);--mint-hot:#5FF0D9;--mint-tint:var(--mint-tint-sm);--mint-tint-strong:var(--mint-tint-md);--mint-border:var(--mint-border-soft);--r-btn:9999px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px}body,html{max-width:100vw;overflow-x:clip;scroll-behavior:smooth}body{color:var(--text-primary);background:var(--surface-0);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;font-size:16px;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}body:after{display:none}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none;transition:opacity .2s ease}button{cursor:pointer;transition:all .2s ease}button,input,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}:focus{outline:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--echo-700)}@media (max-width:768px){body{font-size:15px}}@media (max-width:480px){body{font-size:14px}::-webkit-scrollbar{width:3px;height:3px}}@media (hover:none) and (pointer:coarse){a,button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}}[role=button],button{font-weight:var(--btn-font-weight,700)}[role=dialog],dialog{box-shadow:var(--shadow-dialog)}:root{color-scheme:light;--echo-50:#f2faf8;--echo-100:#d6f1ec;--echo-200:#b3e6dd;--echo-300:#2F9A8F;--echo-400:#278578;--echo-500:#1F7267;--echo-600:#155A52;--echo-700:#0E4742;--echo-800:#093937;--echo-900:#082E2C;--echo-950:#051F1E;--echo-accent:#14B8A6;--echo-accent-soft:rgba(20,184,166,0.10);--echo-accent-strong:rgba(20,184,166,0.30);--warm-accent:#E8845F;--warm-accent-soft:rgba(232,132,95,0.12);--warm-accent-strong:rgba(232,132,95,0.28);--surface-0:#FAFAFA;--surface-1:#FFFFFF;--surface-2:#F4F4F5;--surface-3:#E4E4E7;--surface-4:#A1A1AA;--glass-bg:rgba(47,154,143,0.04);--glass-border:rgba(47,154,143,0.14);--glass-hover:rgba(47,154,143,0.08);--mint-tint-xs:rgba(47,154,143,0.04);--mint-tint-sm:rgba(47,154,143,0.08);--mint-tint-md:rgba(47,154,143,0.14);--mint-tint-lg:rgba(47,154,143,0.22);--mint-border-soft:rgba(47,154,143,0.20);--mint-border-strong:rgba(47,154,143,0.40);--text-primary:#171717;--text-secondary:#404040;--text-tertiary:#737373;--text-muted:#A3A3A3;--status-live:var(--echo-accent);--status-live-bg:rgba(20,184,166,0.10);--status-live-border:rgba(20,184,166,0.30);--status-paused:var(--echo-300);--status-paused-bg:rgba(47,154,143,0.08);--status-paused-border:rgba(47,154,143,0.22);--status-ended:var(--text-tertiary);--status-ended-bg:rgba(163,163,163,0.10);--status-ended-border:rgba(163,163,163,0.25);--status-error:#D9593A;--status-error-bg:rgba(217,89,58,0.10);--status-error-border:rgba(217,89,58,0.30);--header-translucent:rgba(250,250,250,0.85);--panel-translucent:rgba(255,255,255,0.88);--backdrop-dim:rgba(23,23,23,0.45);--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.06);--shadow-lg:0 8px 32px rgba(0,0,0,0.10);--shadow-glow:0 0 20px rgba(47,154,143,0.18);--shadow-glow-strong:0 0 40px rgba(20,184,166,0.22);--font-display:var(--font-body);--font-body:"Pretendard Variable","Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"Fira Code","SF Mono",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--shadow-card:rgba(0,0,0,0.06) 0px 8px 8px;--shadow-dialog:rgba(0,0,0,0.16) 0px 8px 24px;--shadow-inset-input:rgba(0,0,0,0.04) 0px 1px 0px,rgba(0,0,0,0.08) 0px 0px 0px 1px inset;--radius-pill:9999px;--radius-btn:9999px;--radius-card:8px;--radius-input:500px;--btn-letter-spacing:1.4px;--btn-font-weight:700}[data-theme=light]{--echo-300:#2F9A8F;--echo-400:#278578;--echo-500:#1F7267;--echo-accent:#0FB09B;--echo-accent-soft:rgba(15,176,155,0.10);--echo-accent-strong:rgba(15,176,155,0.30);--warm-accent:#E8845F;--warm-accent-soft:rgba(232,132,95,0.12);--warm-accent-strong:rgba(232,132,95,0.28);--surface-0:#FAFAF7;--surface-1:#F3F3EE;--surface-2:#E7E7E0;--surface-3:#D5D5CC;--surface-4:#B8B8AE;--glass-bg:rgba(47,154,143,0.04);--glass-border:rgba(47,154,143,0.14);--glass-hover:rgba(47,154,143,0.08);--mint-tint-xs:rgba(47,154,143,0.04);--mint-tint-sm:rgba(47,154,143,0.08);--mint-tint-md:rgba(47,154,143,0.14);--mint-tint-lg:rgba(47,154,143,0.22);--mint-border-soft:rgba(47,154,143,0.20);--mint-border-strong:rgba(47,154,143,0.40);--text-primary:#1A1C1E;--text-secondary:#4A4F57;--text-tertiary:#6F747D;--text-muted:#9A9EA6;--status-live:#0FB09B;--status-live-bg:rgba(15,176,155,0.10);--status-live-border:rgba(15,176,155,0.30);--status-paused:#2F9A8F;--status-paused-bg:rgba(47,154,143,0.08);--status-paused-border:rgba(47,154,143,0.22);--status-ended:#9A9EA6;--status-ended-bg:rgba(154,158,166,0.12);--status-ended-border:rgba(154,158,166,0.25);--status-error:#D9593A;--status-error-bg:rgba(217,89,58,0.10);--status-error-border:rgba(217,89,58,0.30);--header-translucent:rgba(250,250,247,0.88);--panel-translucent:rgba(243,243,238,0.82);--backdrop-dim:rgba(30,34,38,0.35);--shadow-sm:0 1px 2px rgba(30,34,38,0.06);--shadow-md:0 4px 12px rgba(30,34,38,0.09);--shadow-lg:0 8px 32px rgba(30,34,38,0.14);--shadow-glow:0 0 20px rgba(47,154,143,0.18);--shadow-glow-strong:0 0 40px rgba(15,176,155,0.22);--shadow-card:rgba(30,34,38,0.08) 0px 8px 8px;--shadow-dialog:rgba(30,34,38,0.16) 0px 8px 24px;--shadow-inset-input:rgb(243,243,238) 0px 1px 0px,rgb(184,184,174) 0px 0px 0px 1px inset}@keyframes phase-dot-live{0%,to{opacity:1}50%{opacity:.5}}@keyframes phase-ring-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(2.2);opacity:0}}@keyframes typing-pulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes phase-expand{0%{width:60px;height:60px;opacity:.8}50%{opacity:.3}to{width:800px;height:800px;opacity:0}}@keyframes mic-breathe{0%,to{box-shadow:0 0 0 0 rgba(156,213,206,.1);border-color:rgba(156,213,206,.25)}50%{box-shadow:0 0 0 20px rgba(156,213,206,0);border-color:rgba(156,213,206,.15)}}@keyframes audio-level{0%,to{transform:scaleY(1)}50%{transform:scaleY(.3)}}@keyframes glow-breathe{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:.45;transform:scale(1.3)}}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}