:root{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #f0f2f4;--border: #e1e4e8;--border-strong: #c8cdd3;--text: #1f2328;--text-2: #4b5560;--muted: #6b7480;--accent: #2f5d8f;--accent-hover: #264d77;--accent-soft: #e9eff6;--danger: #a93226;--danger-soft: #fbeae8;--warn: #7a5200;--warn-soft: #fff5db;--ok: #1e6b43;--ok-soft: #e4f2e9;--live: #c0392b;--pose-bg: #d2d7dd;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 2px rgba(16, 24, 40, .05);--font: "Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, -apple-system, sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #15171a;--surface: #1e2126;--surface-2: #262a30;--border: #30353c;--border-strong: #454c55;--text: #e7e9ec;--text-2: #b4bac2;--muted: #8c939d;--accent: #7ea6d4;--accent-hover: #97b8de;--accent-soft: #243547;--danger: #e3786c;--danger-soft: #3a2320;--warn: #e2b659;--warn-soft: #3a2f14;--ok: #6fc292;--ok-soft: #1d3327;--live: #e36b5e;--pose-bg: #878e96;--shadow: none}}*{box-sizing:border-box}html{font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}body{margin:0;background:var(--bg);color:var(--text)}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-inner{max-width:1480px;margin:0 auto;padding:0 1.25rem;min-height:3.25rem;display:flex;align-items:center;gap:1rem 1.5rem}.logo{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--text);text-decoration:none}.topbar nav{display:flex;gap:.125rem;flex:1}.topbar nav a{color:var(--text-2);text-decoration:none;padding:.35rem .7rem;border-radius:var(--radius);font-weight:500}.topbar nav a:hover{background:var(--surface-2);color:var(--text)}.topbar nav a.active{background:var(--accent-soft);color:var(--accent)}main{flex:1;width:100%;max-width:1480px;margin:0 auto;padding:1.25rem 1.25rem 3rem}.service-status{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--muted);white-space:nowrap}@media(max-width:600px){.topbar-inner{gap:.75rem}.topbar nav a{padding:.35rem .5rem}.service-status .text{display:none}}.health-banner{background:var(--warn-soft);color:var(--warn);border-bottom:1px solid var(--border);font-size:.85rem}.health-banner-inner{max-width:1480px;margin:0 auto;padding:.5rem 1.25rem;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}.page-header{margin-bottom:1rem}.page-header h1{font-size:1.3rem;font-weight:650;letter-spacing:-.01em}.page-header .lead{margin-top:.3rem;color:var(--text-2);max-width:64ch}.steps{margin:.75rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;font-size:.88rem;color:var(--text-2)}.steps li{display:flex;align-items:center;gap:.45rem}.steps .n{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);font-size:.72rem;font-weight:600;color:var(--text-2)}.two-col{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:760px){.two-col{grid-template-columns:1fr 1fr}}.stack{display:flex;flex-direction:column;gap:.75rem}.row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.row .spacer{flex:1}.section{margin-top:1.5rem}.section-title{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.6rem}.section-title h2{font-size:.95rem;font-weight:600}.section-title .count{font-size:.82rem;color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column}.panel-header{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;border-bottom:1px solid var(--border);font-size:.85rem;font-weight:600;color:var(--text-2)}.panel-header .spacer{flex:1}.panel-body{flex:1;min-height:0;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.panel-body>.empty:only-child{margin:auto 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.9rem 1rem}.media-box{position:relative;aspect-ratio:16 / 10;width:100%;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}@media(min-width:760px){.media-box{aspect-ratio:auto;height:clamp(18rem,52vh,48rem)}}.video-box{background:#111}.video-box video{width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}.pose-box{background:var(--surface-2)}.pose-box.playing{background:var(--pose-bg);border-color:var(--border-strong)}.media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;font-size:.88rem;color:var(--muted);pointer-events:none}.video-box .media-overlay{color:#c9ced4}.media-overlay.error{color:var(--danger)}.rec-badge{position:absolute;top:.6rem;left:.6rem;display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .55rem;border-radius:999px;background:#0000008c;color:#fff;font-size:.75rem;font-variant-numeric:tabular-nums}.rec-badge:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--live)}.status{display:inline-flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--text-2);min-height:1.4rem}.dot{flex:none;width:.55rem;height:.55rem;border-radius:50%;background:var(--border-strong)}.dot.tone-ok{background:var(--ok)}.dot.tone-busy{background:var(--accent)}.dot.tone-live{background:var(--live)}.dot.tone-warn{background:var(--warn)}.dot.tone-error{background:var(--danger)}button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.35rem;padding:.45rem 1rem;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:500;cursor:pointer;transition:background-color .12s,border-color .12s}button:hover:not(:disabled){background:var(--surface-2)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}@media(prefers-color-scheme:dark){button.primary{color:#10161d}}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.subtle{border-color:transparent;background:transparent;color:var(--text-2)}button.subtle:hover:not(:disabled){background:var(--surface-2);color:var(--text)}button.small{min-height:1.9rem;padding:.25rem .7rem;font-size:.85rem}button:disabled{opacity:.45;cursor:default}input[type=search]{width:100%;min-height:2.35rem;padding:.45rem .8rem;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface)}input[type=search]:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.hint{color:var(--muted);font-size:.85rem}.label{font-size:.78rem;font-weight:600;color:var(--muted);letter-spacing:.02em}.error{color:var(--danger);background:var(--danger-soft);border:1px solid transparent;border-radius:var(--radius);padding:.5rem .75rem;font-size:.85rem}.empty{color:var(--muted);font-size:.88rem;text-align:center;padding:1.5rem 1rem}.chips{display:flex;flex-wrap:wrap;gap:.35rem}.chip{display:inline-block;padding:.1rem .55rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.85rem;line-height:1.5}.chip.oov{background:var(--warn-soft);border-color:transparent;color:var(--warn)}.legend{display:block;margin-top:.3rem;font-size:.78rem;color:var(--muted)}.reply-text{font-size:1.05rem;line-height:1.6}.kv{display:grid;grid-template-columns:auto 1fr;gap:.35rem .75rem;font-size:.85rem;align-items:baseline}.kv dt{color:var(--muted);white-space:nowrap}.kv dd{margin:0;color:var(--text-2)}.turn{display:grid;grid-template-columns:4.5rem 1fr;gap:.25rem .75rem;padding:.75rem 1rem;border-top:1px solid var(--border);font-size:.92rem}.turn:first-child{border-top:none}.turn .who{font-size:.8rem;font-weight:600;color:var(--muted);padding-top:.15rem}.turn .what{color:var(--text)}.turn .what.user{color:var(--text-2)}.turn .meta{grid-column:2;font-size:.82rem;color:var(--muted)}.result-word{font-size:2rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.result-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.85rem;color:var(--text-2);font-variant-numeric:tabular-nums}.result-stats b{font-weight:600;color:var(--text)}.dict-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));grid-auto-rows:max-content;align-content:start;gap:.4rem;max-height:26rem;overflow-y:auto;padding-right:.25rem}@media(min-width:760px){.dict-list{flex:1 1 0;height:0;min-height:12rem;max-height:none}}.dict-item{min-height:2.1rem;padding:.3rem .6rem;font-size:.9rem;font-weight:400;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dict-item.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.dict-selected{font-size:1.15rem;font-weight:600}.pose-viewer-message{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:.85rem;text-align:center;padding:1rem}.pose-viewer-message.error{color:var(--danger)}:root{--skel-body: #fbbf24;--skel-left: #22d3ee;--skel-right: #f472b6}select,input[type=text]{font:inherit;color:inherit;min-height:2.35rem;padding:.4rem .7rem;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface)}select:focus,input[type=text]:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}kbd{font:inherit;font-size:.78rem;padding:0 .35rem;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;background:var(--surface)}.check{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-2);cursor:pointer}.toggles{gap:.5rem 1rem}.warn{color:var(--warn);background:var(--warn-soft);border-radius:var(--radius);padding:.4rem .7rem;font-size:.85rem}button.inline{margin-left:.5rem;vertical-align:baseline}.video-box video{transform:none}.video-box video.mirror{transform:scaleX(-1)}.framing{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.55;pointer-events:none}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:6rem;font-weight:700;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.6);background:#00000040;font-variant-numeric:tabular-nums}.options{display:flex;flex-wrap:wrap;gap:.75rem}.field{display:flex;flex-direction:column;gap:.25rem;flex:1 1 12rem;min-width:0}.field select{width:100%}.text-ask{display:flex;gap:.5rem}.text-ask input{flex:1;min-width:0}.tips summary{cursor:pointer;font-size:.85rem;color:var(--text-2)}.tips ul{margin:.5rem 0 0;padding-left:1.2rem;font-size:.85rem;color:var(--text-2)}.tips li+li{margin-top:.25rem}.stage-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;font-size:.88rem}.stage{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .6rem;color:var(--muted)}.stage .mark{flex:none;width:1.2rem;height:1.2rem;border-radius:50%;border:1.5px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.stage.s-done{color:var(--text-2)}.stage.s-done .mark{border-color:var(--ok);background:var(--ok);color:var(--surface)}.stage.s-active{color:var(--text);font-weight:600}.stage.s-active .mark{border-color:var(--accent);border-top-color:transparent;animation:spin .9s linear infinite}.stage.s-error{color:var(--danger)}.stage.s-error .mark{border-color:var(--danger);background:var(--danger);color:var(--surface)}.stage.s-skipped{opacity:.5}.stage .detail,.stage .secs{font-weight:400;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.stage .bar{flex:1 1 8rem;height:4px;border-radius:2px;background:var(--surface-2);overflow:hidden}.stage .bar>span{display:block;height:100%;background:var(--accent);transition:width .25s}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.stage.s-active .mark{animation:none;border-top-color:var(--accent)}}.answer{display:flex;flex-direction:column;gap:.6rem}.review-box{position:relative;width:100%;max-height:60vh;border-radius:var(--radius);overflow:hidden;background:#111;margin:0 auto}.review-box video,.review-box canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.review-box video{object-fit:fill}.review-box canvas{pointer-events:none}.review-word{position:absolute;top:.6rem;left:.6rem;padding:.15rem .6rem;border-radius:999px;background:#0009;color:#fff;font-weight:600}.timeline{position:relative;height:1.9rem;border-radius:var(--radius);background:var(--surface-2)}.timeline-word{position:absolute;top:.2rem;bottom:.2rem;min-height:0;padding:0 .3rem;font-size:.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;justify-content:flex-start;border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.timeline-word.on{background:var(--accent);color:var(--surface)}.word-list{margin:0;padding-left:1.4rem;display:grid;gap:.35rem}.word-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem}.word-list .word{font-size:1.05rem;font-weight:600}.word-list .p{font-size:.85rem;color:var(--text-2);font-variant-numeric:tabular-nums}.word-list .alts{flex-basis:100%;font-size:.8rem;color:var(--muted)}.filters{gap:.5rem 1rem}.segmented{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden}.segmented button{min-height:2rem;padding:.2rem .75rem;border:none;border-radius:0;font-size:.85rem}.segmented button+button{border-left:1px solid var(--border)}.segmented button.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.dict-item.no-clip{color:var(--muted);border-style:dashed}.dict-more{grid-column:1 / -1}.practice{border-top:1px solid var(--border);padding-top:.75rem}.practice-result{border-radius:var(--radius);padding:.6rem .8rem;display:grid;gap:.3rem}.practice-result.ok{background:var(--ok-soft);color:var(--ok)}.practice-result.miss{background:var(--warn-soft);color:var(--warn)}.two-col.align-start{align-items:start}.logo-sub{margin-left:.25rem;font-size:.78rem;font-weight:600;color:var(--muted)}.segmented.methods{display:flex;flex-wrap:wrap}.segmented.methods button{flex:1 1 auto}.segmented.small button{min-height:1.75rem;padding:.1rem .6rem;font-size:.8rem}.method-note{margin-top:-.25rem}.live-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.live-skeleton.mirror{transform:scaleX(-1)}.hand-chip{position:absolute;top:.6rem;right:.6rem;padding:.15rem .55rem;border-radius:999px;background:#0000008c;color:#c9ced4;font-size:.75rem}.hand-chip.on{color:#fff}.hand-chip.on:before{content:"";display:inline-block;width:.45rem;height:.45rem;margin-right:.35rem;border-radius:50%;background:var(--skel-left);vertical-align:.05rem}.avatar-box{background:#1b1e23}.avatar-box canvas{display:block;width:100%;height:100%}.avatar-box .media-overlay{color:#c9ced4}.avatar-box .media-overlay.error{color:#f0a39a}.avatar-box .avatar-hint{align-items:flex-end;padding-bottom:1.25rem}.avatar-tag{position:absolute;left:.6rem;bottom:.6rem;padding:.1rem .5rem;border-radius:999px;background:#0000008c;color:#c9ced4;font-size:.72rem}.rate input[type=range]{width:7rem}button.chip-button{min-height:0;padding:.1rem .55rem;border-radius:999px;font-weight:400;font-size:.85rem;line-height:1.5}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--surface)}.chip.oov.on{background:var(--warn);color:var(--surface)}.chip.missing{border-style:dashed;border-color:var(--border-strong);color:var(--muted)}.word-groups{display:grid;gap:.5rem;margin:.5rem 0 0}.word-groups>div{display:grid;grid-template-columns:5.5rem 1fr;gap:.5rem;align-items:baseline}.word-groups dt{font-size:.8rem;color:var(--muted)}.word-groups dd{margin:0}.rerun{border-top:1px solid var(--border);padding-top:.75rem;display:grid;gap:.4rem}.review-box.skeleton-only{background:#1b1e23}.scrub{flex:1 1 8rem;min-width:6rem}.turn.shown{background:var(--accent-soft)}.extract-video{position:fixed;right:0;bottom:0;width:4px;height:4px;opacity:.01;pointer-events:none;z-index:-1}.recognizer-settings summary{cursor:pointer;font-size:.85rem;color:var(--text-2)}.recognizer-settings .settings-body{display:grid;gap:.75rem;margin-top:.6rem}.recognizer-settings .setting{display:grid;gap:.2rem}.recognizer-settings .setting-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.recognizer-settings output{font-size:.85rem;color:var(--text-2);font-variant-numeric:tabular-nums}.recognizer-settings input[type=range]{width:100%;accent-color:var(--accent)}.field .hint.under{font-size:.78rem}.simple .simple-howto{margin:0 0 .75rem;font-size:1rem;color:var(--text-2)}.simple .simple-status{margin:.75rem 0 0;padding:.6rem .8rem;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);font-size:1.15rem;font-weight:600}.simple .simple-question{margin-top:.75rem}.simple .simple-question p{margin:.25rem 0 0;font-size:1.15rem}.simple .simple-reply{margin:.9rem 0 0;font-size:1.35rem;font-weight:600;line-height:1.5}.simple button.primary{min-height:3rem;padding:0 1.4rem;font-size:1.05rem}.dict-model{display:flex;max-width:100%;white-space:nowrap}.dict-model select{min-width:0;text-overflow:ellipsis}.simple-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin-bottom:.9rem}.simple-tabs .segmented button{min-height:2.6rem;padding:.3rem 1.2rem;font-size:1rem}.simple-current{min-width:0;color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}.simple-settings{max-width:46rem}.simple-settings .choices{margin:0 0 1.2rem;padding:0;border:none;display:grid;gap:.5rem;min-width:0}.simple-settings legend{padding:0;margin-bottom:.25rem;font-size:1.05rem;font-weight:650}.simple-settings .choices .hint{margin:0 0 .25rem}.choice{display:flex;align-items:flex-start;gap:.7rem;padding:.75rem .9rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer}.choice.on{border-color:var(--accent);background:var(--accent-soft)}.choice:has(input:disabled){cursor:default;opacity:.6}.choice input{flex:none;width:1.15rem;height:1.15rem;margin-top:.15rem;accent-color:var(--accent)}.choice-text{display:grid;gap:.15rem;min-width:0}.choice-name{font-size:1rem;font-weight:600;overflow-wrap:anywhere}.choice-state{font-weight:400;color:var(--muted)}.choice-note{font-size:.85rem;color:var(--text-2);overflow-wrap:anywhere}