:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1f232c;--text:#f2f3f5;--muted:#9aa3b2;--en:#3b82f6;--ja:#ef476f;--ok:#22c55e;--err:#f87171;--radius:14px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:17px/1.4 -apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,system-ui,sans-serif}body{overscroll-behavior:none}#app,.shell{height:100%}.shell{flex-direction:column;height:100dvh;display:flex}.top{padding:calc(8px + var(--safe-top)) 12px 8px;background:var(--panel);border-bottom:1px solid #262a33;justify-content:space-between;align-items:center;gap:8px;display:flex}.brand-row{align-items:center;gap:8px;display:flex}.brand{letter-spacing:.5px;font-weight:700}.top-actions{flex-wrap:nowrap;justify-content:flex-end;gap:6px;display:flex}.top-actions .btn-chip{white-space:nowrap;justify-content:center;align-items:center;min-width:44px;height:34px;padding:0 10px;font-size:15px;display:inline-flex}.top-actions .btn-chip:first-child{min-width:72px}.turns{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.turn{background:var(--panel);border-radius:var(--radius);border-left:4px solid var(--muted);max-width:92%;padding:10px 12px}.turn-en{border-left-color:var(--en);align-self:flex-start}.turn-ja{border-left-color:var(--ja);align-self:flex-end}.turn-who{color:var(--muted);margin-bottom:4px;font-size:12px}.turn-status{color:var(--muted)}.turn-recording .turn-status{color:var(--err)}.turn-error{color:var(--err);margin-bottom:6px}.turn-transcript{color:var(--muted);margin-bottom:6px;font-size:15px}.turn-translation{cursor:pointer;font-size:26px;font-weight:600;line-height:1.3}.turn-translation.lang-ja{font-size:28px}.turn-romaji{color:var(--muted);margin-top:4px;font-size:15px}.turn-back{color:var(--muted);margin-top:6px;font-size:14px;font-style:italic}.turn-actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.bottom{background:var(--panel);padding:6px 12px calc(10px + var(--safe-bottom));border-top:1px solid #262a33}.status{min-height:18px;color:var(--muted);text-align:center;font-size:13px}.text-row{gap:6px;margin:6px 0;display:flex}.text-row.hidden{display:none}.text-input{min-width:0;font:inherit;background:var(--panel-2);color:var(--text);border:1px solid #333846;border-radius:10px;flex:1;padding:10px 12px}.talk-row{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;margin-top:6px;display:grid}.btn{font:inherit;background:var(--panel-2);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:10px;padding:8px 12px}.btn:active{filter:brightness(1.2)}.btn-primary{background:var(--en);padding:12px;font-weight:600}.btn-chip{border-radius:999px;padding:6px 10px;font-size:13px}.btn-chip.on{background:var(--ok);color:#06240f}.btn-small{padding:6px 10px;font-size:14px}.btn-icon{justify-content:center;align-items:center;width:46px;height:40px;padding:0;font-size:20px;line-height:1;display:inline-flex}.btn-keyboard{padding:0 14px;font-size:22px}.btn-talk{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:84px;font-size:20px;font-weight:700;transition:transform 80ms;display:flex}.btn-talk-en{background:var(--en)}.btn-talk-ja{background:var(--ja)}.btn-talk.active{transform:scale(.96);box-shadow:inset 0 0 0 4px #ffffff40}.talk-hint{opacity:.85;margin-top:2px;font-size:12px;font-weight:400}.login{flex-direction:column;gap:12px;max-width:360px;margin:20vh auto 0;padding:24px;display:flex}.login-title{margin:0;font-size:32px}.login-hint{color:var(--muted);margin:0}.login-input{font:inherit;background:var(--panel-2);color:var(--text);border:1px solid #333846;border-radius:10px;padding:12px}.history{background:var(--bg);z-index:20;flex-direction:column;display:flex;position:fixed;inset:0}.history-top{padding:calc(10px + var(--safe-top)) 12px 10px;border-bottom:1px solid #262a33;justify-content:space-between;align-items:center;display:flex}.history-title{font-size:18px;font-weight:700}.history-list{padding:8px 12px calc(12px + var(--safe-bottom));flex:1;overflow-y:auto}.history-row{background:var(--panel);border-radius:var(--radius);cursor:pointer;align-items:center;gap:10px;margin-bottom:8px;padding:12px;display:flex}.history-main{flex:1;min-width:0}.history-date{color:var(--muted);font-size:12px}.history-preview{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-empty{color:var(--muted);text-align:center;padding:40px 0}.btn-danger{color:#ffb4b4;background:#3a1d22}.show{z-index:30;color:#000;padding:calc(12px + var(--safe-top)) 14px calc(8px + var(--safe-bottom));cursor:pointer;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.show-box{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.show-text{text-align:center;overflow-wrap:anywhere;word-break:break-word;max-width:100%;max-height:100%;font-weight:700;line-height:1.25}.show-text.lang-ja{line-break:strict}.show-bar{flex:none;justify-content:space-between;align-items:center;height:60px;display:flex}.show-speak{color:#fff;background:#111;border-radius:999px;padding:8px 14px;font-size:26px}.show-hint{color:#888;font-size:13px}.login-error{color:var(--err);margin:0}.gate{max-width:420px;padding:calc(40px + var(--safe-top)) 24px 40px;text-align:center;margin:0 auto}.gate-icon{border-radius:22px;width:96px;height:96px}.gate-title{margin:16px 0 8px;font-size:24px}.gate-text{color:var(--muted);margin:0 0 16px}.gate-steps{text-align:left;padding-left:22px;line-height:1.6}.gate-steps li{margin-bottom:8px}.gate-kbd{border:1px solid #444;border-radius:6px;padding:0 6px;font-size:14px;display:inline-block}.gate-small{color:var(--muted);margin-top:20px;font-size:14px}