@font-face{font-family:Berkeley Mono;src:url(/fonts/BerkeleyMono-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Berkeley Mono;src:url(/fonts/BerkeleyMono-Bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{--black:#000;--off-white:#edeceb;--gray:#727270;--green:#5ed368;--red:#e83838;--blue:#1e85e2;--cyan:#5ee0ea;--orange:#ff8b1f}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--black);width:100%;min-height:100%;color:var(--off-white);margin:0;overflow:hidden}body,button{font-family:Berkeley Mono,ui-monospace,monospace}button{color:inherit}.translator-shell{background:#000;place-items:start center;width:100%;min-height:100dvh;display:grid}.translator-device{width:min(100vw,430px);height:100dvh;min-height:620px;max-height:932px;padding:calc(env(safe-area-inset-top) + 8px) 24px calc(env(safe-area-inset-bottom) + 12px);-webkit-user-select:none;user-select:none;background:#000;position:relative;overflow:hidden}.translator-header{z-index:4;position:relative}.wordmark{color:var(--off-white);white-space:nowrap;align-items:flex-start;font-size:22px;font-weight:700;line-height:29px;display:inline-flex}.wordmark span{margin-left:5px;padding-top:0;font-size:14px;line-height:14px}.picker-row{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.picker{color:#edeceb99;-webkit-tap-highlight-color:transparent;background:#edeceb14;border:0;border-radius:0;align-items:center;gap:6px;min-width:0;padding:6px 12px;font-size:17px;font-weight:400;line-height:22px;display:inline-flex}.picker:disabled{opacity:.45}.picker span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.language-picker{max-width:230px}.voice-picker{max-width:130px}.chevron{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2px;flex:none;width:10px;height:7px;transition:transform .12s ease-out}.chevron.is-open{transform:rotate(180deg)}.dropdown-scrim{z-index:2;background:0 0;border:0;position:fixed;inset:0}.dropdown-panel{z-index:5;top:calc(env(safe-area-inset-top) + 92px);background:#000;flex-direction:column;width:max-content;display:flex;position:absolute}.language-panel{left:24px}.voice-panel{right:24px}.dropdown-row{color:#edeceb99;text-align:left;background:#000;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:16px;min-width:176px;padding:10px 14px;font-size:17px;font-weight:400;line-height:22px;display:flex}.dropdown-row.selected{color:var(--green)}.checkmark{opacity:0;min-width:12px;font-size:15px;font-weight:700}.selected .checkmark{opacity:1}.voice-row{text-align:right;justify-content:flex-end;min-width:132px}.voice-row .checkmark{margin-right:auto}.transcript-display{z-index:1;scrollbar-width:none;height:160px;margin:56px -8px 0;padding:0 16px;position:relative;overflow:auto}.transcript-display::-webkit-scrollbar{display:none}.text-block+.text-block{margin-top:16px}.micro-label{color:#edeceb66;letter-spacing:1.2px;text-transform:uppercase;font-size:11px;font-weight:400;line-height:14px}.source-text,.translation-text{overflow-wrap:anywhere;margin-top:4px;font-size:20px;line-height:26px}.translation-text{color:var(--cyan);font-weight:700}.listening-copy .source-text{color:#edeceb8c;animation:.9s ease-in-out infinite alternate listening-breathe}@keyframes listening-breathe{0%{opacity:.35}to{opacity:1}}.status-badge{color:#edeceb99;background:#edeceb14;border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:8px 16px;font-size:15px;line-height:20px;display:inline-flex}.status-badge span{background:var(--orange);border-radius:50%;flex:none;width:10px;height:10px}.control-cluster{z-index:1;bottom:calc(env(safe-area-inset-bottom) + 100px);width:260px;height:260px;position:absolute;left:50%;transform:translate(-50%)}.talk-button{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:#000;border:0;border-radius:50%;width:260px;height:260px;transition:scale .15s ease-in-out;position:absolute;inset:0}.spectrum-ring,.talk-button:before{content:"";background:conic-gradient(from -90deg,#e83838,#ff8b1f,#ffc400,#5ed368,#5ee0ea,#1e85e2,#7141b5,#ff6491,#e83838);border-radius:50%;animation:30s linear infinite spectrum-rotate;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 18px),#000 calc(100% - 17px));mask:radial-gradient(farthest-side,#0000 calc(100% - 18px),#000 calc(100% - 17px))}.spectrum-ring{z-index:1}.talk-button:before{z-index:0;filter:blur(16px);opacity:.7}@keyframes spectrum-rotate{to{transform:rotate(360deg)}}.phase-preparing .talk-button,.phase-listening .talk-button,.phase-translating .talk-button,.phase-error .talk-button{background:#000}.phase-preparing .spectrum-ring,.phase-listening .spectrum-ring,.phase-translating .spectrum-ring,.phase-error .spectrum-ring,.phase-preparing .talk-button:before,.phase-listening .talk-button:before,.phase-translating .talk-button:before,.phase-error .talk-button:before{display:none}.phase-preparing .talk-button{border:18px solid var(--orange);box-shadow:0 4px 12px #ff8b1f66}.phase-listening .talk-button{border:18px solid var(--red);box-shadow:0 8px 20px #e8383866}.phase-translating .talk-button{border:18px solid var(--blue);box-shadow:0 4px 12px #1e85e266}.phase-error .talk-button{border:18px solid var(--off-white);box-shadow:0 4px 12px #edeceb40}.talk-button.is-held,.reverse-button.is-held{scale:1.1}.reverse-button{color:#edecebb3;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:#edeceb14;border:0;border-radius:50%;place-items:center;width:72px;height:72px;transition:scale .15s ease-in-out;display:grid;position:absolute;top:276px;left:236px}.reverse-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:28px;height:28px}.phase-preparing .reverse-button.is-held{border:3px solid var(--orange);color:var(--orange);box-shadow:0 0 16px #ff8b1f99}.phase-listening .reverse-button.is-held{border:3px solid var(--red);color:var(--red);box-shadow:0 0 16px #e8383899}.phase-translating .reverse-button{border:3px solid var(--blue);color:var(--blue);box-shadow:0 0 16px #1e85e299}.phase-speaking .reverse-button{border:3px solid var(--green);color:var(--green);box-shadow:0 0 16px #5ed36880}.picker:focus-visible,.dropdown-row:focus-visible,.talk-button:focus-visible,.reverse-button:focus-visible{outline:2px solid var(--off-white);outline-offset:3px}@media (height<=700px){.transcript-display{height:124px;margin-top:28px}.control-cluster{bottom:calc(env(safe-area-inset-bottom) + 76px);scale:.82}}@media (prefers-reduced-motion:reduce){.spectrum-ring,.listening-copy .source-text{animation:none}}