:root{--bg:#0f172a;--card:#1e293b;--accent:#2563eb;--accent-hot:#dc2626;--text:#f1f5f9;--muted:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app,body{min-height:100vh}.app{max-width:480px;margin:0 auto;padding:24px 20px 48px;display:flex;flex-direction:column;gap:20px}.brand{text-align:center;font-size:22px;font-weight:700;letter-spacing:-.02em}.brand span{color:var(--accent)}.mode-bar{display:flex;gap:8px;background:var(--card);border-radius:14px;padding:6px}.mode-btn{flex:1 1;background:transparent;border:none;color:var(--muted);border-radius:10px;padding:12px 8px;font-size:15px;font-weight:600;cursor:pointer}.mode-btn.active{background:var(--accent);color:#fff}.lang-note{text-align:center;color:var(--muted);font-size:13px}.seg-dir{color:#64748b;font-size:11px}.sens-bar{display:flex;align-items:center;gap:8px;justify-content:center}.sens-btn,.sens-label{color:var(--muted);font-size:13px}.sens-btn{background:var(--card);border:1px solid #334155;border-radius:16px;padding:6px 12px;cursor:pointer}.sens-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.speak-btn{touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.lang-bar{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--card);border-radius:16px;padding:14px}.lang-pill{flex:1 1;text-align:center;background:#0b1220;border:2px solid transparent;color:var(--text);border-radius:12px;padding:12px 8px;font-size:15px;font-weight:600;cursor:pointer}.lang-pill small{display:block;color:var(--muted);font-weight:400;font-size:12px}.swap-btn{background:var(--accent);border:none;color:#fff;width:44px;height:44px;border-radius:50%;font-size:20px;cursor:pointer;flex-shrink:0}.boxes{display:flex;flex-direction:column;gap:12px}.box{background:var(--card);border-radius:16px;padding:16px;min-height:84px}.box .tag{font-size:12px;color:var(--muted);margin-bottom:6px}.box .content{font-size:18px;line-height:1.4;min-height:26px}.box.target .content{color:#93c5fd;font-weight:600}.speak-btn{margin:8px auto 0;width:160px;height:160px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 8px 30px rgba(37,99,235,.4);transition:transform .1s,background .2s}.speak-btn:active{transform:scale(.96)}.speak-btn.listening{background:var(--accent-hot);animation:pulse 1.2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(220,38,38,.5)}70%{box-shadow:0 0 0 24px rgba(220,38,38,0)}to{box-shadow:0 0 0 0 rgba(220,38,38,0)}}.status{text-align:center;color:var(--muted);font-size:14px;min-height:18px}.presets{display:flex;flex-direction:column;gap:8px}.presets-title{font-size:13px;color:var(--muted)}.preset-list{display:flex;flex-wrap:wrap;gap:8px}.preset{background:var(--card);border:1px solid #334155;color:var(--text);border-radius:20px;padding:8px 14px;font-size:14px;cursor:pointer}.meter{height:8px;background:#0b1220;border-radius:6px;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,#22c55e,#eab308,#dc2626);width:0;transition:width .08s linear}.seg{background:var(--card);border-radius:12px;padding:10px 14px}.seg-src{color:var(--muted);font-size:13px}.seg-tgt{color:#93c5fd;font-size:16px;font-weight:600;margin-top:2px}.warn{background:#422006;color:#fbbf24;border-radius:12px;padding:12px;font-size:13px;line-height:1.4}