:root{--bg: #0a0d13;--bg-raise: #111621;--bg-panel: #0e131c;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .13);--text: #e8edf6;--text-dim: #94a1b8;--text-faint: #64708a;--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .14);--live: #4ade80;--live-soft: rgba(74, 222, 128, .14);--warn: #f0b429;--warn-soft: rgba(240, 180, 41, .14);--bad: #f87171;--radius: 14px;--radius-sm: 9px;--ease: cubic-bezier(.22, .61, .36, 1);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1100px 620px at 18% -8%,rgba(56,189,248,.09),transparent 60%),radial-gradient(900px 500px at 92% 4%,rgba(74,222,128,.05),transparent 55%),var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}.app{max-width:1320px;margin:0 auto;padding:22px clamp(14px,3vw,34px) 60px}.muted{color:var(--text-faint)}.masthead{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--line)}.masthead h1{margin:0;font-size:clamp(26px,3.6vw,36px);font-weight:640;letter-spacing:-.028em;background:linear-gradient(96deg,#fff 8%,#93c5fd 55%,#6ee7b7);-webkit-background-clip:text;background-clip:text;color:transparent}.masthead__tag{margin:5px 0 0;color:var(--text-dim);font-size:14px}.masthead__controls{display:flex;align-items:center;gap:18px}.privacy{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-dim);padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:var(--bg-panel);white-space:nowrap}.privacy__dot{width:6px;height:6px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px var(--live-soft)}.switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;user-select:none;font-size:13px;color:var(--text-dim)}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{width:36px;height:20px;border-radius:999px;background:var(--bg-raise);border:1px solid var(--line-strong);position:relative;transition:background .22s var(--ease),border-color .22s var(--ease);flex:none}.switch__thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-faint);transition:transform .22s var(--ease),background .22s var(--ease)}.switch input:checked+.switch__track{background:var(--accent-soft);border-color:#38bdf880}.switch input:checked+.switch__track .switch__thumb{transform:translate(16px);background:var(--accent)}.switch input:focus-visible+.switch__track{outline:2px solid var(--accent);outline-offset:2px}.layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:20px;align-items:start}.layout__main,.layout__side{display:flex;flex-direction:column;gap:16px;min-width:0}.stage{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);overflow:hidden}.stage__frame{position:relative;aspect-ratio:4 / 3;background:#05070b}.stage__video,.stage__overlay{position:absolute;inset:0;width:100%;height:100%}.stage__video{object-fit:cover;transform:scaleX(-1)}.stage__overlay{pointer-events:none}.stage__boot{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#05070bdb;backdrop-filter:blur(6px);color:var(--text-dim);font-size:13px;animation:fade-in .3s var(--ease)}.spinner{width:26px;height:26px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--accent);animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}.indicator{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:9px;padding:7px 13px 7px 11px;border-radius:999px;font-size:12.5px;font-weight:500;letter-spacing:.01em;background:#0a0d13c7;backdrop-filter:blur(10px);border:1px solid var(--line-strong);transition:border-color .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}.indicator__pip{width:8px;height:8px;border-radius:50%;flex:none;transition:background .3s var(--ease),box-shadow .3s var(--ease)}.indicator--warming-up{color:var(--warn);border-color:#f0b42957}.indicator--warming-up .indicator__pip{background:var(--warn)}.indicator--idle{color:var(--text-dim)}.indicator--idle .indicator__pip{background:var(--text-faint)}.indicator--speaking{color:var(--live);border-color:#4ade8080;background:#091b12d1}.indicator--speaking .indicator__pip{background:var(--live);animation:pulse 1s var(--ease) infinite}.indicator--cooldown{color:var(--accent);border-color:#38bdf866}.indicator--cooldown .indicator__pip{background:var(--accent)}@keyframes pulse{0%,to{box-shadow:0 0 #4ade808c}50%{box-shadow:0 0 0 7px #4ade8000}}.badge{position:absolute;bottom:12px;left:12px;right:12px;padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;background:#0a0d13d9;backdrop-filter:blur(8px);border:1px solid var(--line-strong);color:var(--text-dim)}.quality{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:4px;text-align:center;padding:16px 22px;border-radius:var(--radius);background:#0a0d13e6;backdrop-filter:blur(10px);border:1px solid rgba(240,180,41,.35);max-width:82%;animation:fade-in .25s var(--ease)}.quality strong{color:var(--warn);font-size:14px}.quality span{color:var(--text-dim);font-size:12.5px}.strip{padding:11px 13px 13px;border-top:1px solid var(--line);background:#0b0f17}.strip__legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:7px;font-size:11px;color:var(--text-faint)}.strip__key{display:inline-flex;align-items:center;gap:6px}.strip__key:before{content:"";width:11px;height:2px;border-radius:2px}.strip__key--velocity:before{background:var(--accent)}.strip__key--distance:before{background:#c084fc}.strip__key--window:before{background:var(--live)}.strip__canvas{display:block;width:100%;height:84px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);padding:15px 17px 17px}.panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.panel__head h2{margin:0;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint)}.panel__note{font-size:11px;color:var(--text-faint);font-family:var(--mono)}.linkbtn{background:none;border:none;padding:0;color:var(--text-faint);font-size:11px;cursor:pointer;font-family:var(--font);text-decoration:underline;text-underline-offset:2px}.linkbtn:hover{color:var(--text-dim)}.btn{border:1px solid var(--line-strong);background:var(--bg-raise);color:var(--text);padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;font-family:var(--font);transition:border-color .2s var(--ease),background .2s var(--ease)}.btn:hover{border-color:var(--accent);background:var(--accent-soft)}.panel--result{min-height:232px;display:flex;flex-direction:column}.result{flex:1;display:flex;flex-direction:column;animation:rise .34s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(7px)}}.result--empty,.result--thinking{align-items:center;justify-content:center;text-align:center}.result__hint{color:var(--text-dim);font-size:13px;margin:0;line-height:1.65}.thinking-dots{display:flex;gap:7px;margin-bottom:13px}.thinking-dots span{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:bob 1.05s var(--ease) infinite}.thinking-dots span:nth-child(2){animation-delay:.15s}.thinking-dots span:nth-child(3){animation-delay:.3s}@keyframes bob{0%,70%,to{opacity:.28;transform:translateY(0)}35%{opacity:1;transform:translateY(-5px)}}.result__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.result__word{font-size:clamp(30px,5vw,42px);font-weight:650;letter-spacing:-.03em;line-height:1.1}.result__pct{font-family:var(--mono);font-size:17px;color:var(--text-dim)}.result__top--high .result__word{color:var(--live)}.result__top--medium .result__word{color:var(--warn)}.result__top--low .result__word{color:var(--bad)}.result__band{margin:3px 0 15px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:600}.result__band--high{color:var(--live)}.result__band--medium{color:var(--warn)}.result__band--low{color:var(--bad)}.bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.bars__row{display:grid;grid-template-columns:62px 1fr 52px;align-items:center;gap:10px;font-size:12.5px;color:var(--text-dim)}.bars__row--top{color:var(--text);font-weight:560}.bars__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bars__track{height:7px;border-radius:999px;background:var(--bg-raise);overflow:hidden}.bars__fill{display:block;height:100%;border-radius:999px;animation:fill .55s var(--ease) backwards;transition:width .45s var(--ease)}@keyframes fill{0%{width:0!important}}.bars__fill--high{background:linear-gradient(90deg,#22c55e,#4ade80)}.bars__fill--medium{background:linear-gradient(90deg,#d97706,#f0b429)}.bars__fill--low{background:linear-gradient(90deg,#dc2626,#f87171)}.bars__fill--rest{background:var(--line-strong)}.bars__pct{font-family:var(--mono);font-size:11.5px;text-align:right;color:var(--text-faint)}.feedback{margin-top:auto;padding-top:15px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-faint)}.feedback__btn{border:1px solid var(--line-strong);background:transparent;color:var(--text-dim);border-radius:999px;padding:3px 13px;font-size:12px;cursor:pointer;font-family:var(--font);transition:all .18s var(--ease)}.feedback__btn:hover{border-color:var(--accent);color:var(--accent)}.feedback__thanks{color:var(--text-dim)}.vocab__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.chip{padding:4px 11px;border-radius:999px;border:1px solid var(--line);background:var(--bg-raise);color:var(--text-dim);font-size:12.5px;transition:all .28s var(--ease)}.chip--suggested{border-color:#38bdf866;color:var(--accent)}.chip--active{border-color:var(--live);background:var(--live-soft);color:var(--live);transform:translateY(-1px);box-shadow:0 3px 12px #4ade8024}.vocab__hint{margin:11px 0 0;font-size:12px;color:var(--text-faint)}.vocab__hint strong{color:var(--accent)}.history__score{margin:0 0 11px;font-size:12.5px;color:var(--text-dim)}.history__score strong{color:var(--text);font-family:var(--mono)}.history__empty{font-size:12.5px;margin:0}.history__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;max-height:258px;overflow-y:auto}.history__row{display:grid;grid-template-columns:8px 1fr auto auto auto;align-items:center;gap:9px;padding:6px 2px;font-size:12.5px;border-bottom:1px solid rgba(255,255,255,.035);animation:rise .3s var(--ease)}.history__dot{width:6px;height:6px;border-radius:50%}.history__dot--high{background:var(--live)}.history__dot--medium{background:var(--warn)}.history__dot--low{background:var(--bad)}.history__word{font-weight:520}.history__conf,.history__time{font-family:var(--mono);font-size:11px;color:var(--text-faint)}.history__mark{display:flex;gap:3px}.history__mark button{border:none;background:transparent;color:var(--text-faint);cursor:pointer;font-size:12px;padding:0 3px;line-height:1;transition:color .18s var(--ease)}.history__mark button:first-child:hover{color:var(--live)}.history__mark button:last-child:hover{color:var(--bad)}.history__verdict--yes{color:var(--live)}.history__verdict--no{color:var(--bad)}.note{display:flex;gap:12px;padding:14px 17px;border-radius:var(--radius);border:1px solid rgba(240,180,41,.22);background:linear-gradient(180deg,#f0b4290f,#f0b42905)}.note__icon{color:var(--warn);font-size:11px;line-height:1.9;flex:none}.note p{margin:0;font-size:13px;color:var(--text-dim);line-height:1.62}.note strong{color:var(--text)}.how{padding:0;overflow:hidden}.how__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px;background:none;border:none;color:var(--text);font-family:var(--font);font-size:13.5px;font-weight:560;cursor:pointer;text-align:left}.how__chev{color:var(--text-faint);transition:transform .28s var(--ease)}.how__chev.is-open{transform:rotate(180deg)}.how__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}.how__body.is-open{grid-template-rows:1fr}.how__body>*{overflow:hidden}.how__steps{margin:0;padding:0 17px 4px 34px;color:var(--text-dim);font-size:13px;display:flex;flex-direction:column;gap:9px}.how__steps strong{color:var(--text)}.how__note{margin:0;padding:10px 17px 16px;font-size:12.5px;color:var(--text-faint);line-height:1.62}.how__note strong{color:var(--text-dim)}.debug{font-size:12px}.debug__h{margin:16px 0 8px;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.debug__h:first-of-type{margin-top:0}.debug__grid{display:grid;grid-template-columns:minmax(84px,auto) 1fr;gap:5px 12px;margin:0}.debug__grid dt{color:var(--text-faint);font-size:11.5px}.debug__grid dd{margin:0;display:flex;flex-direction:column}.debug__value{font-family:var(--mono);font-size:11.5px;color:var(--text)}.debug__grid dd.is-hot .debug__value{color:var(--live)}.debug__note{font-size:10.5px;color:var(--text-faint)}.debug__steps{margin:0;padding-left:17px;color:var(--text-dim);font-size:11.5px;display:flex;flex-direction:column;gap:6px;line-height:1.5}.debug__steps code,.footer code{font-family:var(--mono);font-size:10.5px;background:var(--bg-raise);padding:1px 5px;border-radius:4px;color:var(--accent)}.debug__inline{color:var(--live);font-family:var(--mono);font-size:10.5px}.debug__classes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.debug__classes li{display:grid;grid-template-columns:58px 1fr 48px 66px;align-items:center;gap:8px;font-size:11px;color:var(--text-faint)}.debug__classes li.is-top{color:var(--live)}.debug__cname{font-family:var(--mono)}.debug__cbar{height:4px;background:var(--bg-raise);border-radius:999px;overflow:hidden}.debug__cbar span{display:block;height:100%;background:var(--line-strong);transition:width .4s var(--ease)}.debug__classes li.is-top .debug__cbar span{background:var(--live)}.debug__cval,.debug__clogit{font-family:var(--mono);text-align:right}.debug__clogit{font-size:10px;opacity:.7}.fatal{border:1px solid rgba(248,113,113,.3);background:#f871710d;border-radius:var(--radius);padding:28px;text-align:center}.fatal h2{margin:0 0 8px;font-size:17px;color:var(--bad)}.fatal p{color:var(--text-dim);font-size:13px;margin:0 0 17px}.footer{margin-top:34px;padding-top:17px;border-top:1px solid var(--line);color:var(--text-faint);font-size:12px}.footer p{margin:0;max-width:76ch;line-height:1.65}@media(max-width:1020px){.layout{grid-template-columns:1fr}.panel--result{min-height:0}}@media(max-width:560px){body{font-size:14px}.app{padding:16px 13px 44px}.masthead{align-items:flex-start}.masthead__controls{width:100%;justify-content:space-between}.strip__canvas{height:64px}.indicator__text{display:none}.indicator{padding:8px}.history__row{grid-template-columns:8px 1fr auto auto}.history__time{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.calib{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:24px;background:#05070bdb;backdrop-filter:blur(7px);animation:fade-in .3s var(--ease)}.calib strong{font-size:14.5px;color:var(--text)}.calib span{font-size:12.5px;color:var(--text-dim);max-width:40ch;line-height:1.6}.calib em{color:var(--accent);font-style:normal;font-weight:560}.calib__warn{color:var(--warn)!important;font-weight:560}.calib__ring{width:52px;height:52px;margin-bottom:4px}.calib__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.calib__track,.calib__fill{fill:none;stroke-width:3}.calib__track{stroke:var(--line-strong)}.calib__fill{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:119.4;transition:stroke-dashoffset .12s linear}.calib-status__body{margin:0;font-size:12.5px;color:var(--text-dim);line-height:1.6}.calib-status__body--warn{color:var(--warn)}