:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#111;background:#f4f4ef}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#fff 0,#f7f7f2 38%,#efefe8 100%)}button,input,select{font:inherit}main{width:min(940px,calc(100% - 28px));margin:auto;padding:24px 0 56px}.product-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 0 22px}.brand{display:flex;align-items:center;gap:12px}.mark{width:42px;height:42px;border-radius:13px;background:#111;color:#fff;display:grid;place-items:center;font-weight:800}.brand h1{font-size:24px;margin:0;letter-spacing:-.03em}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#77776f}.muted,small{color:#72726b}.provider-control{display:flex;align-items:center;gap:10px}.provider-status{font-size:12px;color:#787871}.compact{padding:10px 13px}.secondary{background:#fff;color:#111;border:1px solid #d6d6cf}.listen-stage,.now-card,.detail-grid article,.translation-panel{background:rgba(255,255,255,.86);border:1px solid #ddddd5;box-shadow:0 16px 48px rgba(0,0,0,.045)}.listen-stage{border-radius:30px;padding:34px;text-align:center}.listen-stage h2{font-size:clamp(38px,7vw,68px);line-height:.98;letter-spacing:-.055em;margin:8px 0 12px}.stage-copy{max-width:620px;margin:0 auto 28px;color:#686861;font-size:16px;line-height:1.55}.listen-control{min-width:min(100%,430px);border:0;border-radius:999px;padding:14px 20px;display:inline-grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;background:#111;color:#fff;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.12)}.listen-control[data-state="on"]{background:#102814}.listen-control[data-state="starting"]{background:#403717}.listen-control[data-state="error"]{background:#4a1b1b}.listen-core{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12)}.mic-dot{font-size:14px;line-height:1}.listen-control[data-state="on"] .mic-dot{animation:pulse 1.3s ease-in-out infinite}.listen-action{text-align:left;font-size:15px;font-weight:750}.signal-quality{font-size:11px;opacity:.8;min-width:54px;text-align:right}.signal-bars{height:22px;display:inline-flex;align-items:flex-end;gap:2px}.signal-bars i{width:3px;border-radius:999px;background:rgba(255,255,255,.22);transition:background 90ms linear}.signal-bars i:nth-child(1){height:6px}.signal-bars i:nth-child(2){height:9px}.signal-bars i:nth-child(3){height:12px}.signal-bars i:nth-child(4){height:15px}.signal-bars i:nth-child(5){height:18px}.signal-bars i:nth-child(6){height:22px}.signal-bars i.active{background:#fff}@keyframes pulse{0%,100%{opacity:.45;transform:scale(.86)}50%{opacity:1;transform:scale(1.12)}}.hearing{margin:28px auto 0;padding:18px 20px;max-width:680px;border-radius:18px;background:#f4f4ef;text-align:left}.hearing-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.hearing-label{font-size:10px;letter-spacing:.14em;color:#85857d}.hearing p{margin:6px 0 0}.hearing #hearingText{font-size:20px;line-height:1.35;min-height:27px}.hearing #inputStatus{font-size:12px}.current-voice{display:flex;align-items:center;gap:7px!important;margin:0!important;font-size:11px;color:#77776f}.current-voice strong{color:#222;font-size:12px}.now-card{margin-top:16px;border-radius:24px;padding:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{font-size:16px;margin:0}.section-head .muted{font-size:11px}.quiet-message{margin:18px 0 2px;color:#777770;font-size:18px}.cue{margin:18px 0 8px;font-size:clamp(24px,4vw,38px);line-height:1.1;letter-spacing:-.03em}.route-note{font-size:11px}.detail-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:16px;margin-top:16px}.detail-grid article{border-radius:22px;padding:20px;min-height:190px}.stats{display:grid;gap:12px;margin-top:18px}.stats div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #ecece6;padding-bottom:9px}.stats span{color:#777}.stats strong{text-align:right}#transcript{margin-top:14px;max-height:280px;overflow:auto}#transcript p,#translation p{margin:0;padding:10px 0;border-bottom:1px solid #efefe9;line-height:1.5}.speaker-tag{display:inline-block;margin-right:8px;padding:2px 6px;border-radius:999px;background:#ecece6;color:#65655f;font-size:10px;font-weight:700;vertical-align:2px}.translation-panel{margin-top:16px;border-radius:20px;padding:0 18px}.translation-panel summary{cursor:pointer;padding:16px 0;font-weight:700}.translation-panel[open]{padding-bottom:16px}button{border:0;border-radius:12px;padding:12px 16px;background:#111;color:#fff;cursor:pointer;font-weight:650}button:disabled{opacity:.45;cursor:default}.ghost{background:transparent;color:#666;border:1px solid #d6d5cd}dialog{width:min(470px,calc(100% - 28px));padding:0;border:0;border-radius:24px;background:transparent;color:#111}dialog::backdrop{background:rgba(17,17,17,.42);backdrop-filter:blur(4px)}.dialog-card{display:grid;gap:16px;margin:0;padding:20px;border:1px solid #ddddd6;border-radius:24px;background:#f8f8f5;box-shadow:0 30px 90px rgba(0,0,0,.18)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dialog-head h2{font-size:25px;margin:3px 0 0}.dialog-card label{display:grid;gap:7px}.dialog-card label span{font-size:12px;color:#6e6e68}.dialog-card input,.dialog-card select{width:100%;padding:12px 14px;border:1px solid #d6d5cd;border-radius:12px;background:#fbfbf8}.icon-button{width:38px;height:38px;padding:0;display:grid;place-items:center;background:#ecece7;color:#222;border-radius:50%;font-size:22px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.privacy{font-size:12px;line-height:1.45;margin:0}@media(max-width:760px){main{width:min(100% - 20px,940px);padding-top:14px}.product-header{align-items:flex-start}.provider-control{flex-direction:column;align-items:flex-end}.provider-status{display:none}.listen-stage{padding:28px 16px}.listen-control{min-width:100%;grid-template-columns:auto 1fr auto}.signal-quality{display:none}.detail-grid{grid-template-columns:1fr}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}.hearing-head{align-items:flex-start}.current-voice{flex-direction:column;align-items:flex-end;gap:1px!important}}