:root{--bg:#060810;--bg-elevated:#12151f;--bg-elevated-2:#171b28;--text:#eef1f8;--text-dim:#8b90a8;--border:#232739;--border-soft:#7e8cd829;--accent:#22d3ee;--accent-2:#6366f1;--accent-dim:#22d3ee26;--accent-glow:#22d3ee73;--danger:#fb7185;--danger-glow:#fb718573;--good:#4ade80;--good-glow:#4ade8073;--hud-grid-line:#5eeaff0d;--hud-bracket:#22d3ee8c;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, "Roboto Mono", monospace;--font-chat:"Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}#root{background:repeating-linear-gradient(0deg, var(--hud-grid-line) 0, var(--hud-grid-line) 1px, transparent 1px, transparent 34px), repeating-linear-gradient(90deg, var(--hud-grid-line) 0, var(--hud-grid-line) 1px, transparent 1px, transparent 34px), radial-gradient(560px 420px at 18% -6%, #22d3ee29, transparent 60%), radial-gradient(640px 480px at 100% 12%, #6366f124, transparent 55%), radial-gradient(70% 55% at 50% 100%, #22d3ee14, transparent 60%), var(--bg);height:100dvh;position:relative}.app{--hud-sidebar-w:248px;--hud-sidebar-w-collapsed:56px;flex-direction:column;width:100%;height:100dvh;display:flex;position:relative}@media (width>=820px){.app{padding-right:var(--hud-sidebar-w);transition:padding-right .2s}.app--sidebar-collapsed{padding-right:var(--hud-sidebar-w-collapsed)}}.hud-frame{pointer-events:none;z-index:6;position:absolute;inset:0}.hud-bracket{width:20px;height:20px;position:absolute}.hud-bracket--tl{border-top:1.5px solid var(--hud-bracket);border-left:1.5px solid var(--hud-bracket);top:10px;left:10px}.hud-bracket--tr{border-top:1.5px solid var(--hud-bracket);border-right:1.5px solid var(--hud-bracket);top:10px;right:10px}.hud-bracket--bl{border-bottom:1.5px solid var(--hud-bracket);border-left:1.5px solid var(--hud-bracket);bottom:10px;left:10px}.hud-bracket--br{border-bottom:1.5px solid var(--hud-bracket);border-right:1.5px solid var(--hud-bracket);bottom:10px;right:10px}.hud-header{padding:max(18px, env(safe-area-inset-top)) 20px 4px;z-index:2;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;display:grid;position:relative}.hud-header__sys{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;justify-self:start;font-size:10px}.hud-header__sys--good{color:var(--good)}.hud-header__sys--warn{color:#fbbf24}.hud-header__sys--bad{color:var(--danger)}.hud-header__center{text-align:center;flex-direction:column;grid-column:2;align-items:center;gap:2px;display:flex}.hud-header__eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:9px}.hud-header__primary{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text);text-shadow:0 0 18px #22d3ee40;font-size:19px;font-weight:700}.hud-header__secondary{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:11px}.hud-main{z-index:1;flex-direction:column;flex-shrink:0;padding:10px 16px 6px;display:flex;position:relative}@media (width>=820px){.hud-main{flex:1;justify-content:center;align-items:center;min-height:0;padding:14px 22px 10px}}.hud-live-caption{border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(10px);max-width:min(90%,720px);color:var(--text);font-family:var(--font-chat,inherit);text-align:center;white-space:pre-wrap;word-break:break-word;z-index:3;background:#0a0e18b8;border-radius:999px;padding:10px 20px;font-size:15px;line-height:1.4;animation:.15s ease-out both hud-caption-in;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px -8px #00000080,0 0 0 1px #22d3ee14}@keyframes hud-caption-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.hud-sidebar{z-index:1;flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px 16px 6px;display:flex;position:relative}@media (width>=820px){.hud-sidebar{width:var(--hud-sidebar-w);z-index:40;padding:max(40px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);border-left:1px solid var(--border-soft);background:linear-gradient(#171b28e6,#0a0c14f0);flex:none;transition:width .2s;position:fixed;top:0;bottom:0;right:0;overflow:hidden auto;box-shadow:-24px 0 60px -32px #000000a6}.hud-sidebar--collapsed{width:var(--hud-sidebar-w-collapsed);align-items:center;padding-left:8px;padding-right:8px}.hud-sidebar--collapsed .hud-sidebar__actions{flex-direction:column;gap:10px;padding-top:0}.hud-sidebar--collapsed .mic-btn{width:40px;height:40px}}.hud-sidebar__collapse{display:none}@media (width>=820px){.hud-sidebar__collapse{width:26px;height:26px;color:var(--text-dim);cursor:pointer;z-index:41;background:#0f121cf2;border:1px solid #7e8cd838;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s,box-shadow .2s,transform .15s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:10px;left:-13px;box-shadow:0 0 0 4px #090c148c,0 2px 8px -2px #00000080}.hud-sidebar__collapse:hover{color:var(--accent);border-color:#22d3ee73;box-shadow:0 0 0 4px #090c148c,0 0 14px -2px #22d3ee73}.hud-sidebar__collapse:active{transform:scale(.86)}.hud-sidebar__collapse svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}}.hud-panel{-webkit-backdrop-filter:blur(10px);background:#090c148c;border:1px solid #22d3ee47;border-radius:12px;flex-shrink:0;padding:10px 12px}.hud-panel__title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border-soft);margin-bottom:6px;padding-bottom:6px;font-size:10px;font-weight:700}.hud-panel__rows{flex-direction:column;gap:5px;display:flex}.hud-panel__row{font-family:var(--font-mono);justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;line-height:1.3;display:flex}.hud-panel__label{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.hud-panel__value{color:var(--accent);text-align:right;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.hud-panel__value--good{color:var(--good)}.hud-panel__value--warn{color:#fbbf24}.hud-panel__value--bad{color:var(--danger)}.hud-panel__value--accent{color:var(--accent)}.hud-panel__value--neutral{color:var(--text)}.hud-sidebar .hud-panel .hud-panel__rows{flex-flow:wrap;gap:7px 22px}.hud-sidebar .hud-panel .hud-panel__row{flex:auto;justify-content:space-between;gap:14px;min-width:42%}.hud-orb-wrap{flex:1;min-height:0;position:relative}@media (width>=820px){.hud-panel{flex-shrink:0}.hud-sidebar .hud-panel .hud-panel__rows{flex-flow:column}.hud-sidebar .hud-panel .hud-panel__row{min-width:0}.hud-orb-wrap{aspect-ratio:1;flex:none;width:min(64vh,62vw,640px);max-width:100%}}.voice-orb{z-index:1;flex-shrink:0;width:100%;height:clamp(200px,34vh,380px);position:relative;overflow:hidden}.voice-orb__canvas{width:100%;height:100%;position:absolute;inset:0}.voice-orb__label{display:none}@media (width>=820px){.hud-orb-wrap .voice-orb{height:100%;min-height:320px}}.hud-conversation{border:1px solid var(--border-soft);z-index:1;background:#090c1466;border-radius:14px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.hud-conversation__title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border-soft);flex-shrink:0;padding:8px 14px 6px;font-size:10px;font-weight:700}.conversation{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.hud-sessions{border:1px solid var(--border-soft);background:#090c1466;border-radius:12px;flex-shrink:0;padding:8px 12px 10px}.hud-sessions__title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border-soft);margin-bottom:6px;padding-bottom:6px;font-size:10px;font-weight:700}.hud-sessions__list{flex-direction:column;gap:6px;display:flex}.hud-sessions__item{font-family:var(--font-mono);color:var(--text-dim);align-items:center;gap:8px;font-size:11px;display:flex}.hud-sessions__dot{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:6px;height:6px}.hud-sessions__item--active{color:var(--text)}.hud-sessions__item--active .hud-sessions__dot{background:var(--good);box-shadow:0 0 6px 1px var(--good-glow)}.hud-sessions__label{flex:1}.hud-sessions__meta{color:var(--accent);font-weight:600}.hud-sessions__empty{font-family:var(--font-mono);color:var(--text-dim);padding:4px 0;font-size:11px}.hud-sessions__item--clickable{cursor:pointer}.hud-sessions__item--clickable:hover{color:var(--text)}.hud-sessions__close{width:18px;height:18px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hud-sessions__close:hover{color:var(--danger);background:#f871711f}.hud-sessions__actions{gap:6px;margin-top:8px;display:flex}.hud-sessions__new{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--border-soft);color:var(--text-dim);cursor:pointer;background:#090c1480;border-radius:8px;flex:1;padding:6px 4px;font-size:10px;font-weight:700}.hud-sessions__new:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.hud-sessions__new:disabled{cursor:not-allowed;opacity:.5}.hud-sessions__external{border-top:1px solid var(--border-soft);margin-top:10px;padding-top:8px}.hud-sessions__external-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);opacity:.8;margin-bottom:6px;font-size:9px;font-weight:700}.hud-sessions__dot--busy{background:#fbbf24;box-shadow:0 0 6px 1px #fbbf2480}.hud-sessions__resume{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--border-soft);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:9px;font-weight:700}.hud-sessions__resume:hover{color:var(--accent);border-color:var(--accent)}.hud-textinput{flex-shrink:0;align-items:center;gap:6px;display:flex}.hud-textinput__field{min-width:0;font-family:var(--font-chat);border:1px solid var(--border-soft);color:var(--text);background:#090c1480;border-radius:10px;flex:1;padding:10px 12px;font-size:13px}.hud-textinput__field::placeholder{color:var(--text-dim);opacity:.75}.hud-textinput__field:disabled{cursor:not-allowed;opacity:.6}.hud-textinput__mic,.hud-textinput__send{border:1px solid var(--border-soft);width:34px;height:34px;color:var(--text-dim);cursor:pointer;background:#090c1480;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hud-textinput__mic:hover:not(:disabled),.hud-textinput__send:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.hud-textinput__mic--recording{color:var(--danger);border-color:var(--danger);box-shadow:0 0 0 3px #f8717126}.hud-textinput__mic:disabled,.hud-textinput__send:disabled{cursor:not-allowed;opacity:.4}.conversation-empty{color:var(--text-dim);text-align:center;margin:auto;font-size:14px}.bubble{white-space:pre-wrap;word-break:break-word;max-width:82%;font-size:15px;line-height:1.55;font-family:var(--font-chat);border-radius:18px;padding:11px 15px;animation:.28s cubic-bezier(.2,.7,.3,1) both bubble-in}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}.bubble--user{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 130%);color:#051018;border-bottom-right-radius:5px;align-self:flex-end;font-weight:500;box-shadow:0 4px 18px -6px #22d3ee59}.bubble--assistant{border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#171b28cc;border-bottom-left-radius:5px;align-self:flex-start}.bubble-typing{color:var(--text-dim);gap:3px;display:inline-flex}.hud-sidebar__actions{z-index:2;flex-shrink:0;justify-content:center;align-items:center;gap:12px;margin-top:auto;padding-top:10px;display:flex;position:relative}.hud-icon-btn{width:34px;height:34px;color:var(--text-dim);cursor:pointer;box-shadow:none;background:#0c0f18b3;border:1px solid #22d3ee40;border-radius:50%;order:1;justify-content:center;align-items:center;transition:color .2s,border-color .2s,box-shadow .2s;display:flex}.hud-icon-btn--left{order:0}.hud-icon-btn--right{order:2}.hud-icon-btn--wake{order:3}.hud-icon-btn--active{color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.hud-icon-btn:active{transform:scale(.94)}.hud-sidebar__actions .mic-bar{order:1;padding:0}.mic-bar{flex-direction:column;flex-shrink:0;align-items:center;gap:14px;display:flex}.mic-btn{background:radial-gradient(circle at 32% 28%, #5ce9ff 0%, var(--accent) 45%, #0e93a8 100%);color:#051018;cursor:pointer;width:56px;height:56px;box-shadow:0 0 0 0 var(--accent-dim), 0 6px 18px -6px #22d3ee66, inset 0 1px 1px #ffffff59;border:none;border-radius:50%;justify-content:center;align-items:center;transition:box-shadow .2s,transform .1s;display:flex}.mic-btn:active{transform:scale(.96)}.mic-btn:disabled{opacity:.5;cursor:default}.mic-btn--recording{background:radial-gradient(circle at 32% 28%, #ffb4b4 0%, var(--danger) 45%, #b23a4d 100%);box-shadow:0 0 0 10px #fb718529, 0 8px 28px -6px var(--danger-glow), inset 0 1px 1px #ffffff59;animation:1.4s ease-out infinite mic-pulse}@keyframes mic-pulse{0%{box-shadow:0 0 #fb718566,inset 0 1px 1px #ffffff59}to{box-shadow:0 0 0 18px #fb718500,inset 0 1px 1px #ffffff59}}.mic-unsupported{color:var(--text-dim);text-align:center;font-size:14px}.hud-statusbar{padding:8px 16px max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--border-soft);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex;position:relative}.hud-statusbar__brand{color:var(--text);letter-spacing:.02em;text-transform:none;font-weight:700}.hud-statusbar__build{color:var(--text-dim);letter-spacing:.04em;font-size:.85em;font-weight:400}.hud-statusbar__conn{align-items:center;gap:6px;display:inline-flex}.hud-statusbar__dot{background:var(--text-dim);border-radius:50%;width:7px;height:7px;transition:background .25s,box-shadow .25s}.hud-statusbar--open .hud-statusbar__dot{background:var(--good);box-shadow:0 0 8px 1px var(--good-glow)}.hud-statusbar--open .hud-statusbar__conn{color:var(--good)}.hud-statusbar--connecting .hud-statusbar__dot{background:#fbbf24;animation:1s ease-in-out infinite dot-blink;box-shadow:0 0 8px 1px #fbbf248c}.hud-statusbar--connecting .hud-statusbar__conn{color:#fbbf24}.hud-statusbar--closed .hud-statusbar__dot{background:var(--danger);box-shadow:0 0 8px 1px var(--danger-glow)}.hud-statusbar--closed .hud-statusbar__conn{color:var(--danger)}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:.35}}.hud-statusbar__turns{color:var(--text-dim)}