:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#13201d;background:#f3f6f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select{font:inherit}.app-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(120deg,rgba(245,190,88,.18),transparent 34%),linear-gradient(240deg,rgba(20,108,90,.18),transparent 38%),#f3f6f1}.workspace{width:min(980px,100%);display:grid;gap:24px;padding:clamp(22px,4vw,42px);border:1px solid rgba(19,32,29,.14);border-radius:8px;background:#ffffffdb;box-shadow:0 28px 80px #20363029}.topbar,.selector-row,.output-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar{align-items:flex-start}.brand-lockup{display:flex;align-items:center;gap:clamp(14px,2.6vw,24px);min-width:0}.brand-mark{width:clamp(56px,10vw,92px);aspect-ratio:1;flex:0 0 auto;border-radius:22%;box-shadow:0 14px 30px rgba(20,108,90,.2)}.eyebrow{margin:0 0 8px;color:#146c5a;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;max-width:22ch;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:0;overflow-wrap:anywhere}.pay-chip,.icon-button{border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 16px;cursor:pointer;color:#fff;background:#146c5a;white-space:nowrap}.pay-chip.paid{cursor:default;color:#12352e;background:#d7eee7}button:disabled{cursor:not-allowed;opacity:.62}.selector-row{align-items:end;display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}label{display:grid;gap:8px;color:#50615c;font-weight:700}select{width:100%;min-height:54px;border:1px solid rgba(19,32,29,.18);border-radius:8px;padding:0 14px;color:#13201d;background:#fff;outline-color:#146c5a}.switch-mark{height:54px;display:grid;place-items:center;color:#146c5a}.control-area{display:grid;place-items:center;gap:14px;padding:20px 0 8px}.record-button{width:clamp(128px,28vw,164px);aspect-ratio:1;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:#c45a38;box-shadow:0 18px 42px #c45a3847;cursor:pointer}.record-button.active{background:#9c2f21}.status-line{min-height:24px;color:#53645f;text-align:center}.output-panel{display:grid;gap:16px;padding-top:22px;border-top:1px solid rgba(19,32,29,.14)}.output-head span:first-child{font-weight:800}.translated-text{min-height:164px;border-radius:8px;border:1px solid rgba(19,32,29,.12);padding:18px;background:#fbfcfa;font-size:clamp(1.1rem,2.5vw,1.55rem);line-height:1.55;overflow-wrap:anywhere}.translated-text.muted{color:#77847f}.audio-player{width:100%}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:680px){.app-shell{padding:12px;place-items:stretch}.workspace{min-height:calc(100vh - 24px)}.topbar{align-items:start;flex-direction:column;gap:16px}.brand-lockup{align-items:flex-start;gap:12px}.brand-mark{width:54px}.selector-row{grid-template-columns:1fr;gap:14px}.switch-mark{display:none}.pay-chip,.icon-button{width:100%}h1{max-width:21ch;font-size:clamp(1.95rem,8vw,2.7rem);line-height:1.08}}@media(min-width:681px) and (max-width:920px){.app-shell{padding:22px}.workspace{width:min(760px,100%)}.topbar{display:grid;grid-template-columns:1fr auto}.brand-mark{width:76px}h1{max-width:22ch;font-size:clamp(2.35rem,5.2vw,3rem)}}@media(max-width:420px){.workspace{gap:20px;padding:18px}.brand-mark{width:48px}.eyebrow{font-size:.72rem}h1{max-width:20ch;font-size:clamp(1.65rem,7.8vw,2.15rem)}.record-button{width:124px}.translated-text{min-height:136px;padding:14px}}

.legal-footer{display:grid;gap:6px;padding-top:18px;border-top:1px solid rgba(19,32,29,.12);color:#64716d;font-size:.82rem;line-height:1.45}.legal-footer p{margin:0}