@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;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:#14b8a61a;--echo-accent-strong:#14b8a64d;--warm-accent:#e8845f;--warm-accent-soft:#e8845f1f;--warm-accent-strong:#e8845f47;--surface-0:#fafafa;--surface-1:#fff;--surface-2:#f4f4f5;--surface-3:#e4e4e7;--surface-4:#a1a1aa;--glass-bg:#2f9a8f0a;--glass-border:#2f9a8f24;--glass-hover:#2f9a8f14;--mint-tint-xs:#2f9a8f0a;--mint-tint-sm:#2f9a8f14;--mint-tint-md:#2f9a8f24;--mint-tint-lg:#2f9a8f38;--mint-border-soft:#2f9a8f33;--mint-border-strong:#2f9a8f66;--mint-glow-soft:#2f9a8f33;--mint-glow-strong:#2f9a8f52;--text-primary:#171717;--text-secondary:#404040;--text-tertiary:#737373;--text-muted:#a3a3a3;--status-live:var(--echo-accent);--status-live-bg:#14b8a61a;--status-live-border:#14b8a64d;--status-paused:var(--echo-300);--status-paused-bg:#2f9a8f14;--status-paused-border:#2f9a8f38;--status-ended:var(--text-tertiary);--status-ended-bg:#a3a3a31a;--status-ended-border:#a3a3a340;--status-error:#d9593a;--status-error-bg:#d9593a1a;--status-error-border:#d9593a4d;--header-translucent:#fafafad9;--panel-translucent:#ffffffe0;--backdrop-dim:#17171773;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 32px #0000001a;--shadow-glow:0 0 20px #2f9a8f2e;--shadow-glow-strong:0 0 40px #14b8a638;--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(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--shadow-card:#0000000f 0px 8px 8px;--shadow-dialog:#00000029 0px 8px 24px;--shadow-inset-input:#0000000a 0px 1px 0px, #00000014 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:#0fb09b1a;--echo-accent-strong:#0fb09b4d;--warm-accent:#e8845f;--warm-accent-soft:#e8845f1f;--warm-accent-strong:#e8845f47;--surface-0:#fafaf7;--surface-1:#f3f3ee;--surface-2:#e7e7e0;--surface-3:#d5d5cc;--surface-4:#b8b8ae;--glass-bg:#2f9a8f0a;--glass-border:#2f9a8f24;--glass-hover:#2f9a8f14;--mint-tint-xs:#2f9a8f0a;--mint-tint-sm:#2f9a8f14;--mint-tint-md:#2f9a8f24;--mint-tint-lg:#2f9a8f38;--mint-border-soft:#2f9a8f33;--mint-border-strong:#2f9a8f66;--mint-glow-soft:#2f9a8f33;--mint-glow-strong:#2f9a8f52;--text-primary:#1a1c1e;--text-secondary:#4a4f57;--text-tertiary:#6f747d;--text-muted:#9a9ea6;--status-live:#0fb09b;--status-live-bg:#0fb09b1a;--status-live-border:#0fb09b4d;--status-paused:#2f9a8f;--status-paused-bg:#2f9a8f14;--status-paused-border:#2f9a8f38;--status-ended:#9a9ea6;--status-ended-bg:#9a9ea61f;--status-ended-border:#9a9ea640;--status-error:#d9593a;--status-error-bg:#d9593a1a;--status-error-border:#d9593a4d;--header-translucent:#fafaf7e0;--panel-translucent:#f3f3eed1;--backdrop-dim:#1e222659;--shadow-sm:0 1px 2px #1e22260f;--shadow-md:0 4px 12px #1e222617;--shadow-lg:0 8px 32px #1e222624;--shadow-glow:0 0 20px #2f9a8f2e;--shadow-glow-strong:0 0 40px #0fb09b38;--shadow-card:#1e222614 0px 8px 8px;--shadow-dialog:#1e222629 0px 8px 24px;--shadow-inset-input:#f3f3ee 0px 1px 0px, #b8b8ae 0px 0px 0px 1px inset}
@keyframes phase-dot-live{0%,to{opacity:1}50%{opacity:.5}}@keyframes phase-ring-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@keyframes typing-pulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes phase-expand{0%{opacity:.8;width:60px;height:60px}50%{opacity:.3}to{opacity:0;width:800px;height:800px}}@keyframes mic-breathe{0%,to{box-shadow:0 0 0 0 var(--mint-glow-soft);border-color:var(--mint-border-soft)}50%{border-color:var(--mint-border-soft);box-shadow:0 0 0 20px #0000}}@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%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}
: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}html,body{scroll-behavior:smooth;max-width:100vw;overflow-x:clip}body{color:var(--text-primary);background:var(--surface-0);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.6}body:after{display:none}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none;transition:opacity .2s}button{cursor:pointer;font-family:inherit;transition:all .2s}input,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}:focus{outline:none}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--radius-full);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--surface-4);background-clip:content-box}::-webkit-scrollbar-corner{background:0 0}@media (hover:none) and (pointer:coarse){*{scrollbar-width:auto}::-webkit-scrollbar{width:0;height:0}}@media (max-width:768px){body{font-size:15px}}@media (max-width:480px){body{font-size:14px}}@media (hover:none) and (pointer:coarse){button,a{justify-content:center;align-items:center;min-height:44px;display:inline-flex}}button,[role=button]{font-weight:var(--btn-font-weight,700)}dialog,[role=dialog]{box-shadow:var(--shadow-dialog)}