:root{color-scheme:dark;font-family:Inter,Pretendard,Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif;--bg: #030608;--panel: #080d10;--panel-soft: #0c1317;--line: rgba(160, 205, 212, .13);--line-bright: rgba(71, 235, 216, .3);--text: #ecf8f7;--muted: #758c90;--muted-2: #52676b;--teal: #2dead1;--teal-bright: #9affef;--blue: #6e86ff;--orange: #ff9b66;--red: #ff6b74}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--text);background:radial-gradient(circle at 50% -20%,rgba(27,110,110,.11),transparent 40%),var(--bg)}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.app-shell{min-height:100vh;display:grid;grid-template-rows:78px minmax(720px,calc(100vh - 112px)) auto 34px}.topbar{position:relative;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 26px;border-bottom:1px solid var(--line);background:#030709eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;width:max-content;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{position:relative;width:35px;height:35px}.brand-mark i{position:absolute;inset:3px;display:block;border:1px solid var(--teal);border-radius:50%}.brand-mark i:nth-child(2){transform:rotate(60deg) scaleX(.4);border-color:#79fff0b8}.brand-mark i:nth-child(3){transform:rotate(-60deg) scaleX(.4);border-color:#79fff0b8}.brand strong{display:block;font-size:16px;letter-spacing:.08em}.brand strong span{color:var(--teal)}.brand small{display:block;margin-top:3px;color:var(--muted);font-size:7px;font-weight:700;letter-spacing:.2em}.topbar-center{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em}.topbar-center strong{color:var(--teal)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal);animation:livePulse 2s infinite}.divider{width:1px;height:13px;margin:0 5px;background:var(--line)}.topbar-actions{justify-self:end;display:flex;align-items:center;gap:20px}.icon-button,.tiny-button,#close-validation{border:1px solid var(--line);background:#ffffff06;cursor:pointer;transition:.18s ease}.icon-button{width:38px;height:38px;border-radius:50%;color:var(--teal-bright)}.icon-button:hover{border-color:var(--line-bright);background:#2dead114}.icon-button.muted{color:var(--red)}.sound-icon{font-size:13px;font-weight:900;letter-spacing:-2px}.clock{display:flex;align-items:baseline;gap:8px;min-width:105px}.clock strong{font-size:17px;font-variant-numeric:tabular-nums;letter-spacing:.08em}.clock span{color:var(--muted);font-size:9px}.workspace{display:grid;grid-template-columns:minmax(268px,19.5vw) minmax(440px,1fr) minmax(285px,21vw);min-height:720px}.panel{position:relative;z-index:4;padding:24px 22px;background:#070c0ff5}.control-rail{border-right:1px solid var(--line)}.telemetry-rail{border-left:1px solid var(--line)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:21px}.eyebrow{color:var(--teal);font-size:8px;font-weight:800;letter-spacing:.2em}.panel-heading h1,.panel-heading h2{margin:5px 0 0;font-size:20px;font-weight:750;letter-spacing:-.04em}.status-chip{padding:5px 8px;border:1px solid rgba(45,234,209,.25);border-radius:2px;color:var(--teal);background:#2dead10d;font-size:8px;font-weight:800;letter-spacing:.08em}.status-chip.working{color:#b5c0ff;border-color:#6e86ff4d;background:#6e86ff14}.pipeline{position:relative;padding-left:3px}.pipeline:before{content:"";position:absolute;top:24px;bottom:24px;left:22px;width:1px;background:var(--line)}.pipeline-step{position:relative;display:grid;grid-template-columns:38px 1fr 7px;align-items:center;gap:10px;min-height:57px;padding:5px 9px 5px 0;color:var(--muted-2);transition:.18s ease}.step-index{position:relative;z-index:1;display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel);font-size:8px;font-weight:800;font-variant-numeric:tabular-nums}.step-copy strong,.step-copy small{display:block}.step-copy strong{margin-bottom:4px;font-size:11px}.step-copy small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;letter-spacing:.06em}.step-light{width:5px;height:5px;border-radius:50%;background:#243034}.pipeline-step.active{color:var(--text)}.pipeline-step.active .step-index{color:#04110f;border-color:var(--teal);background:var(--teal);box-shadow:0 0 20px #2dead140}.pipeline-step.active .step-light,.pipeline-step.done .step-light{background:var(--teal);box-shadow:0 0 7px var(--teal)}.pipeline-step.done{color:#78938f}.pipeline-step.done .step-index{color:var(--teal);border-color:#2dead140}.voice-control{position:relative;display:grid;min-height:228px;place-items:center;margin:20px -2px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.level-bars{position:absolute;top:46px;right:4px;left:4px;display:flex;height:82px;align-items:center;justify-content:space-between;opacity:.52}.level-bars i{width:1px;height:calc(15px + (var(--i) % 5) * 4px);background:#2dead16b;transform:scaleY(.15);transition:transform 90ms linear}.level-bars i.hot{background:var(--teal);box-shadow:0 0 5px var(--teal)}.mic-button{position:relative;z-index:2;display:grid;width:132px;height:132px;place-items:center;align-content:center;gap:4px;border:1px solid rgba(45,234,209,.45);border-radius:50%;color:var(--text);background:radial-gradient(circle,#0e3a3bd9,#051114eb 66%);box-shadow:0 0 38px #2dead117,inset 0 0 25px #2dead112;cursor:pointer;transition:.2s ease}.mic-button:hover{transform:scale(1.025);box-shadow:0 0 52px #2dead12e,inset 0 0 25px #2dead11c}.mic-ring{position:absolute;inset:-8px;border:1px dashed rgba(45,234,209,.19);border-radius:50%;animation:ringSpin 20s linear infinite}.mic-symbol{position:relative;width:13px;height:19px;margin-bottom:3px;border:1.5px solid var(--teal-bright);border-radius:8px}.mic-symbol:after{content:"";position:absolute;right:-5px;bottom:-5px;left:-5px;height:9px;border-right:1px solid var(--teal);border-bottom:1px solid var(--teal);border-left:1px solid var(--teal);border-radius:0 0 9px 9px}.mic-button strong{margin-top:5px;font-size:13px}.mic-button small{color:var(--muted);font-size:8px}.mic-button.listening{border-color:var(--teal-bright);animation:micPulse 1s infinite}.privacy-note{position:absolute;bottom:8px;margin:0;color:var(--muted-2);font-size:8px}.privacy-note span{margin-right:4px;color:var(--teal);font-size:5px}.section-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.1em}.offline-pill{padding:3px 5px;border:1px solid rgba(45,234,209,.2);border-radius:2px;color:var(--teal);font-size:7px}.sample-button{display:grid;grid-template-columns:26px 1fr 14px;width:100%;align-items:center;gap:6px;margin-top:7px;padding:10px 9px;border:1px solid var(--line);border-radius:3px;color:var(--muted);background:#ffffff05;text-align:left;cursor:pointer;transition:.16s ease}.sample-button:hover{color:var(--text);border-color:var(--line-bright);background:#2dead10b;transform:translate(2px)}.sample-button>span{color:var(--muted-2);font:7px ui-monospace,monospace}.sample-button strong{overflow:hidden;font-size:9px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.sample-button i{color:var(--teal);font-style:normal;text-align:right}.sample-button.unknown:hover{border-color:#ff9b6666;background:#ff9b660a}.avatar-stage{position:relative;display:flex;min-width:0;align-items:center;justify-content:center;overflow:hidden;background:#000;isolation:isolate}.avatar-stage:before,.avatar-stage:after{content:"";position:absolute;z-index:2;pointer-events:none}.avatar-stage:before{inset:24px;border:1px solid rgba(45,234,209,.07);clip-path:polygon(0 0,50px 0,50px 1px,1px 1px,1px 50px,0 50px,0 0,100% 0,100% 50px,calc(100% - 1px) 50px,calc(100% - 1px) 1px,calc(100% - 50px) 1px,calc(100% - 50px) 0,100% 0,100% 100%,calc(100% - 50px) 100%,calc(100% - 50px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 50px),100% calc(100% - 50px),100% 100%,0 100%,0 calc(100% - 50px),1px calc(100% - 50px),1px calc(100% - 1px),50px calc(100% - 1px),50px 100%,0 100%)}.avatar-stage:after{top:0;right:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--teal),transparent);opacity:.15}.stage-grid{position:absolute;z-index:-1;inset:0;opacity:.18;background-image:linear-gradient(rgba(45,234,209,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(45,234,209,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 72%);mask-image:radial-gradient(circle at center,black,transparent 72%)}#avatar-canvas{width:min(80vh,86%);max-width:760px;aspect-ratio:1;object-fit:contain;image-rendering:auto;filter:saturate(1.1)}.stage-meta{position:absolute;top:29px;z-index:3;display:flex;flex-direction:column;gap:4px;color:var(--muted-2);font:7px ui-monospace,monospace;letter-spacing:.1em}.stage-meta strong{color:#829b9f;font-size:8px}.stage-meta.top-left{left:34px}.stage-meta.top-right{right:34px;text-align:right}.avatar-state{position:absolute;top:12.5%;left:50%;z-index:4;display:grid;min-width:180px;grid-template-columns:14px 1fr;transform:translate(-50%);padding:9px 14px;border:1px solid rgba(45,234,209,.14);border-radius:2px;background:#030c0eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.state-orb{grid-row:1 / 3;align-self:center;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 9px var(--teal)}.avatar-state strong{font-size:10px}.avatar-state small{margin-top:2px;color:var(--muted);font-size:7px}.avatar-state[data-state=listening] .state-orb,.avatar-state[data-state=thinking] .state-orb{animation:livePulse .8s infinite}.avatar-state[data-state=thinking] .state-orb{background:var(--blue);box-shadow:0 0 9px var(--blue)}.answer-caption{position:absolute;bottom:82px;left:50%;z-index:5;width:min(620px,calc(100% - 80px));transform:translate(-50%);padding:15px 20px;border:1px solid rgba(45,234,209,.2);border-left:2px solid var(--teal);background:linear-gradient(90deg,#031315f0,#040b0edb);box-shadow:0 15px 40px #0006;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.answer-caption[hidden]{display:none}.caption-label{color:var(--teal);font-size:7px;font-weight:900;letter-spacing:.15em}.answer-caption p{margin:6px 0 0;font-size:13px;line-height:1.65;word-break:keep-all}.stage-footer{position:absolute;right:34px;bottom:28px;left:34px;z-index:4;display:flex;align-items:center;justify-content:space-between}.render-audit{display:flex;gap:15px}.audit-item,.fan-ready{color:var(--muted-2);font:7px ui-monospace,monospace}.audit-item strong{margin-left:2px;color:#8aa5a2}.audit-item i,.fan-ready span{display:inline-block;width:4px;height:4px;margin-right:5px;border-radius:50%;background:var(--teal);box-shadow:0 0 6px var(--teal)}.telemetry-rail section{margin-top:14px}.tiny-button{padding:5px 8px;border-radius:2px;color:var(--muted);font-size:8px}.tiny-button:hover{color:var(--teal);border-color:var(--line-bright)}.transcript-card,.match-card,.handoff-card{padding:14px;border:1px solid var(--line);border-radius:3px;background:#ffffff05}#stt-engine-badge{color:var(--teal)}.transcript-card blockquote{min-height:50px;margin:14px 0;color:#d9e9e7;font-size:12px;font-weight:650;line-height:1.6;word-break:keep-all}.transcript-meta{display:flex;align-items:center;justify-content:space-between;padding-top:9px;border-top:1px solid var(--line);color:var(--muted-2);font:7px ui-monospace,monospace}.transcript-meta i{display:inline-block;width:4px;height:4px;margin-right:3px;border-radius:50%;background:var(--teal)}#match-score{color:var(--teal);font:10px ui-monospace,monospace}.score-ring-wrap{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:12px;margin:15px 0}.score-ring{display:grid;width:70px;height:70px;place-items:center;border-radius:50%;background:radial-gradient(circle,var(--panel-soft) 57%,transparent 58%),conic-gradient(var(--teal) calc(var(--score) * 1turn),rgba(255,255,255,.06) 0);box-shadow:0 0 20px #2dead10f}.score-ring div{display:flex;align-items:baseline}.score-ring strong{font-size:22px;font-weight:400;font-variant-numeric:tabular-nums}.score-ring small{color:var(--muted);font-size:8px}.match-summary{display:flex;flex-direction:column;gap:3px}.match-summary small{color:var(--muted-2);font:7px ui-monospace,monospace}.match-summary strong{color:var(--teal-bright);font:21px ui-monospace,monospace}.match-summary span{color:var(--muted);font-size:8px}.match-summary span.accepted{color:var(--teal)}.match-summary span.rejected{color:var(--orange)}.candidate-list{display:grid;gap:5px}.candidate{display:grid;grid-template-columns:23px 1fr 28px;align-items:center;gap:6px;min-height:41px;padding:6px;border-left:1px solid transparent;color:var(--muted);background:#ffffff05}.candidate.top{border-left-color:var(--teal);color:var(--text);background:#2dead10b}.candidate-rank{color:var(--muted-2);font:7px ui-monospace,monospace}.candidate strong,.candidate small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candidate strong{max-width:156px;font-size:8px}.candidate small{margin-top:3px;color:var(--muted-2);font:6px ui-monospace,monospace}.candidate b{color:var(--teal);font:8px ui-monospace,monospace;text-align:right}.candidate.empty{display:flex;justify-content:center;color:var(--muted-2);font-size:8px}.handoff-card dl{margin:10px 0 0}.handoff-card dl div{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-top:1px solid rgba(255,255,255,.035)}.handoff-card dt,.handoff-card dd{font:7px ui-monospace,monospace}.handoff-card dt{color:var(--muted-2)}.handoff-card dd{max-width:62%;margin:0;overflow:hidden;color:#a5bab8;text-overflow:ellipsis;white-space:nowrap}#handoff-status{color:var(--muted)}#handoff-status.active{color:var(--blue)}#handoff-status.complete{color:var(--teal)}#handoff-status.rejected{color:var(--orange)}.validation-button{display:grid;grid-template-columns:32px 1fr 12px;width:100%;align-items:center;gap:8px;margin-top:14px;padding:12px;border:1px solid rgba(45,234,209,.23);border-radius:3px;color:var(--text);background:linear-gradient(90deg,#2dead112,#2dead105);text-align:left;cursor:pointer;transition:.18s ease}.validation-button:hover{border-color:#2dead18c;background:#2dead11a}.validation-button:disabled{opacity:.55;cursor:progress}.validation-icon{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(45,234,209,.32);border-radius:50%;color:var(--teal);font-size:10px}.validation-button strong,.validation-button small{display:block}.validation-button strong{font-size:9px}.validation-button small{margin-top:3px;color:var(--muted);font:6px ui-monospace,monospace}.validation-button>i{color:var(--teal);font-style:normal}.validation-drawer{position:relative;z-index:10;max-height:0;overflow:hidden;padding:0 4vw;border-top:1px solid transparent;background:#070c0f;opacity:0;transition:max-height .45s ease,opacity .3s ease,padding .45s ease}.validation-drawer.open{max-height:650px;padding-top:28px;padding-bottom:34px;border-top-color:var(--line-bright);opacity:1}.validation-header{display:flex;align-items:flex-start;justify-content:space-between}.validation-header h2{margin:5px 0 0;font-size:22px}.validation-header-actions{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:9px}#close-validation{width:32px;height:32px;border-radius:50%;color:var(--muted);font-size:18px}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0 16px}.metric-grid article{padding:16px;border:1px solid var(--line);background:#ffffff05}.metric-grid article.passed{border-color:#2dead133}.metric-grid span,.metric-grid strong,.metric-grid small{display:block}.metric-grid span{color:var(--muted);font-size:9px}.metric-grid strong{margin:8px 0 4px;font:23px ui-monospace,monospace}.metric-grid .passed strong{color:var(--teal)}.metric-grid small{color:var(--muted-2);font:7px ui-monospace,monospace}.validation-body{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}.asset-log,.validation-log{min-height:160px;padding:15px;border:1px solid var(--line);background:#05090b}.asset-log h3{margin:0 0 12px;font-size:10px}.asset-log code{display:block;margin:6px 0;color:#7e9f9b;font:8px ui-monospace,monospace;word-break:break-all}.asset-log p{margin:18px 0 0;color:var(--muted);font-size:8px}.validation-log{overflow:auto;color:#849a9d;font:8px/1.65 ui-monospace,monospace}.validation-log p{margin:0 0 5px}.validation-log span{display:inline-block;min-width:44px;color:var(--blue)}.validation-log span.pass{color:var(--teal)}.validation-log span.fail{color:var(--red)}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-top:1px solid var(--line);color:var(--muted-2);background:#030608;font:6px ui-monospace,monospace;letter-spacing:.12em}.toast{position:fixed;right:24px;bottom:50px;z-index:100;max-width:360px;transform:translateY(15px);padding:12px 16px;border:1px solid var(--line-bright);border-left:2px solid var(--teal);border-radius:3px;color:#dce9e7;background:#070f12f5;box-shadow:0 14px 45px #00000080;font-size:10px;opacity:0;pointer-events:none;transition:.2s ease}.toast.visible{transform:translateY(0);opacity:1}.toast[data-type=error]{border-left-color:var(--red)}.toast[data-type=warning]{border-left-color:var(--orange)}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes livePulse{50%{opacity:.35;transform:scale(.75)}}@keyframes micPulse{50%{box-shadow:0 0 55px #2dead159,inset 0 0 25px #2dead129}}@media(max-width:1100px){.workspace{grid-template-columns:270px minmax(420px,1fr)}.telemetry-rail{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--line);border-left:0}.telemetry-rail .panel-heading{grid-column:1 / -1;margin-bottom:0}.telemetry-rail section,.validation-button{margin-top:0}.candidate strong{max-width:180px}.app-shell{grid-template-rows:78px auto auto 34px}}@media(max-width:760px){.topbar{grid-template-columns:1fr auto;padding:0 16px}.topbar-center{display:none}.workspace{display:flex;flex-direction:column}.avatar-stage{order:-1;min-height:580px;border-bottom:1px solid var(--line)}.control-rail{border-right:0}.pipeline{display:grid;grid-template-columns:repeat(4,1fr)}.pipeline:before{inset:22px 12% auto;width:auto;height:1px}.pipeline-step{display:flex;flex-direction:column;gap:5px;padding:0;text-align:center}.step-copy small,.step-light{display:none}.quick-tests{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quick-tests .section-label{grid-column:1 / -1}.sample-button{margin-top:0}.telemetry-rail{display:flex;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.validation-body{grid-template-columns:1fr}.validation-drawer.open{max-height:1000px}}@media(max-width:480px){.brand small,.clock span{display:none}.topbar-actions{gap:9px}.clock{min-width:52px}.avatar-stage{min-height:500px}.stage-meta.top-right{display:none}.answer-caption{bottom:68px;width:calc(100% - 36px)}.stage-footer{right:18px;left:18px}.fan-ready{display:none}.quick-tests,.metric-grid{grid-template-columns:1fr}.validation-header{gap:12px}.validation-header-actions span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}