:root{--bg:#0b0d11;--surface:#151920;--surface-2:#1c222c;--line:#262d39;--dim:#78828f;--text:#eef2f7;--zh:#4da3ff;--ja:#ff8fa3;--live:#ff5f56;--ok:#35c46a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,PingFang SC,Microsoft YaHei,system-ui,sans-serif;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer;touch-action:manipulation}.app{display:flex;flex-direction:column;height:100dvh}.header{display:flex;align-items:center;gap:10px;padding:calc(var(--safe-top) + 10px) 16px 10px;background:var(--surface);border-bottom:1px solid var(--line)}.pair{font-size:15px;font-weight:600;letter-spacing:.02em}.pair .arrow{color:var(--dim);margin:0 4px}.spacer{flex:1 1}.stat{font-size:11px;color:var(--dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;line-height:1.35}.dot{width:8px;height:8px;border-radius:50%;background:var(--dim);flex:none}.dot.live{background:var(--live);animation:pulse 1.4s ease-in-out infinite}.dot.connecting{background:#e8b339}@keyframes pulse{50%{opacity:.25}}.banner{padding:10px 16px;background:#3a1d1d;color:#ffb4ae;font-size:12px;line-height:1.5;word-break:break-word}.banner.soft{background:#332a14;color:#f0c97a}.feed{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 14px 24px;display:flex;flex-direction:column;gap:16px}.empty{margin:auto;text-align:center;color:var(--dim);font-size:14px;line-height:2;padding:0 24px}.empty strong{color:var(--text);font-weight:600}.bubble{max-width:88%;display:flex;flex-direction:column;gap:5px}.bubble.zh{align-self:flex-start}.bubble.ja{align-self:flex-end}.meta{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--dim)}.bubble.ja .meta{justify-content:flex-end}.tag{padding:1px 7px;border-radius:999px;border:1px solid var(--line);color:var(--dim);letter-spacing:.04em}.who{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--speaker,var(--dim))}.who .chip{width:8px;height:8px;border-radius:50%;background:var(--speaker,var(--dim))}.card{background:var(--surface);border-radius:16px;padding:11px 14px 13px;border:1px solid var(--line);border-left:3px solid var(--speaker,var(--line))}.bubble.ja .card{border-left:1px solid var(--line);border-right:3px solid var(--speaker,var(--line))}.bubble.zh .card{border-bottom-left-radius:5px}.bubble.ja .card{border-bottom-right-radius:5px}.source{font-size:13px;line-height:1.5;color:var(--dim);margin-bottom:6px}.translation{font-size:21px;line-height:1.42;font-weight:500;letter-spacing:.01em}.translation:empty:after{content:"⋯";color:var(--dim)}.bubble.pending .card{border-color:#33405a}.footer{padding:12px 16px calc(var(--safe-bottom) + 14px);background:var(--surface);border-top:1px solid var(--line);display:flex;align-items:center;gap:14px}.mic{position:relative;width:64px;height:64px;border-radius:50%;background:var(--zh);color:#04121f;display:grid;place-items:center;flex:none;transition:transform .12s,background .2s}.mic:active{transform:scale(.94)}.mic.recording{background:var(--live);color:#fff}.mic:disabled{opacity:.5}.mic .halo{position:absolute;inset:0;border-radius:50%;border:2px solid var(--live);opacity:.55;pointer-events:none}.hint{flex:1 1;font-size:13px;color:var(--dim);line-height:1.5}.hint b{color:var(--text);font-weight:600}.ghost{padding:9px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);font-size:13px;color:var(--dim);flex:none}.ghost:disabled{opacity:.4}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:20}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(88vw,400px);background:var(--surface);border-left:1px solid var(--line);z-index:21;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.drawer-head{display:flex;align-items:center;gap:8px;padding:14px 14px 12px;border-bottom:1px solid var(--line);font-size:15px}.icon-btn{width:36px;height:36px;border-radius:10px;color:var(--dim);font-size:15px;flex:none}.hist-empty{padding:32px 20px;color:var(--dim);font-size:14px;line-height:1.8;text-align:center}.hist-list{list-style:none;margin:0;padding:8px 0;overflow-y:auto;flex:1 1}.hist-item{display:flex;align-items:stretch;border-bottom:1px solid var(--line)}.hist-item.current{background:var(--surface-2)}.hist-main{flex:1 1;text-align:left;padding:12px 14px;min-width:0}.hist-title{font-size:15px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-meta{margin-top:3px;font-size:11px;color:var(--dim)}.hist-del{flex:none;padding:0 16px;font-size:13px;color:var(--dim);border-left:1px solid var(--line)}.hist-del:active{color:var(--live)}.header .ghost{padding:6px 10px;font-size:12px}@media (min-width:620px){.app{max-width:480px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}.translation{font-size:22px}}