:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#193c36;background:#f3f7f5;font-synthesis:none;--ink:#193c36;--muted:#62766f;--teal:#08796b;--line:#e2eae5}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,select:disabled{cursor:default;opacity:.55}a{color:var(--teal)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,.messages:focus-visible{outline:3px solid #81cfc0;outline-offset:4px}
.app{max-width:1040px;margin:auto;padding:28px 36px 20px}.header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:29px;font-weight:760;letter-spacing:-1.5px;color:var(--ink);text-decoration:none}.brand-dot{color:var(--teal);margin-left:-10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:11px 19px;border-radius:13px;border:0;font-weight:650;font-size:14px;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.subtle{color:var(--teal);background:#e6eeea}.subtle:hover{background:#dce8e2}.primary{background:var(--teal);color:white}.primary:hover{background:#06695e}.primary:disabled{opacity:.6}.intro{padding:49px 0 30px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.9px;color:var(--teal);margin:0 0 13px;display:flex;align-items:center;gap:7px}.tiny-dot{width:6px;height:6px;border-radius:50%;background:var(--teal)}h1{font-size:clamp(30px,4.5vw,45px);font-weight:650;letter-spacing:-1.6px;margin:0 0 10px;line-height:1.13}.intro>p:last-child{font-size:17px;color:var(--muted);margin:0}
.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:21px;box-shadow:0 3px 14px #163d2404}.controls{padding:23px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:29px}h2{margin:0;font-weight:660;font-size:17px;letter-spacing:-.35px}.count{font-size:10px;border-radius:6px;padding:5px 7px;color:var(--teal);background:#eaf6ef;white-space:nowrap}label{display:block;font-size:10px;font-weight:700;letter-spacing:1.3px;margin:0 0 9px;color:#60766d}select,input{width:100%;border:1px solid #dbe6df;border-radius:11px;min-height:49px;background:#f9fbf9;color:var(--ink);padding:11px 12px;font-size:15px}select{padding-right:22px;text-overflow:ellipsis}.swap-row{display:flex;align-items:center;gap:9px;padding:11px 0}.swap-row>span{height:1px;background:var(--line);flex:1}.swap{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:31px;height:31px;background:#fff;color:#578076}.swap:hover{background:#eff7f3}.swap svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.direction{margin-top:24px}.direction select{font-size:13px}.how{display:flex;gap:12px;padding:20px 0 15px;margin-top:20px;border-top:1px solid var(--line)}.how-icon{display:grid;place-items:center;background:#eaf5ee;border-radius:10px;color:var(--teal);width:33px;min-width:33px;height:33px;font-size:21px}.how strong{font-size:12px}.how p{font-size:12px;line-height:1.6;color:var(--muted);margin:5px 0 0}.language-note{font-size:10px;line-height:1.7;color:#687c71;margin:0}
.conversation{display:flex;flex-direction:column;min-height:462px;overflow:hidden}.conversation>.panel-title{padding:23px 24px 17px;margin:0;border-bottom:1px solid #eef3ef}.text-button{border:0;background:transparent;color:#6e8276;font-size:12px;padding:5px 0 5px 12px}.text-button:hover{color:var(--teal)}.messages{flex:1;min-height:340px;max-height:540px;overflow:auto;padding:21px;scrollbar-width:thin}.empty{height:100%;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:22px 10px}.empty-icon{display:grid;place-items:center;width:71px;height:71px;background:#eef6f0;border-radius:22px;transform:rotate(-5deg);margin-bottom:20px}.empty-icon svg{width:40px;height:40px;fill:none;stroke:#75a18a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.empty h3{margin:0 0 9px;color:#446c5b;font-size:16px;font-weight:630;letter-spacing:-.2px}.empty p{font-size:12px;line-height:1.8;margin:0}.empty-tag{margin-top:24px;border:1px solid #e4eee5;border-radius:20px;padding:7px 12px;font-size:10px;letter-spacing:.3px;color:#699178}.conversation-footer{border-top:1px solid #eef3ef;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#748b7d;padding:13px}.lock-icon{font-size:12px}.turn{border:1px solid #d8eadf;background:#f0f9f3;border-radius:13px;padding:15px 17px;margin:0 0 13px;overflow-wrap:anywhere}.turn-label{display:block;text-transform:uppercase;font-size:9px;color:#65806e;font-weight:700;letter-spacing:1.2px}.turn p{margin:8px 0 17px;font-size:14px;line-height:1.6;white-space:pre-wrap;text-align:start}.turn .translation{font-size:20px;line-height:1.5;color:#214b3b;margin:8px 0 2px}.turn .missing{font-style:italic;font-size:13px;color:var(--muted)}
.session-bar{margin-top:22px;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#e7f0e9;padding:18px 23px}.status{display:flex;align-items:center;gap:9px}.status p{font-size:13px;font-weight:630;line-height:1.5;margin:0}.status-dot{width:7px;height:7px;min-width:7px;border-radius:50%;background:#8eb69b}.status[data-state=listening] .status-dot{background:var(--teal);box-shadow:0 0 0 4px #08796b19;animation:pulse 1.8s infinite}.status[data-state=connecting] .status-dot{background:#bda141}.status[data-state=speaking] .status-dot{background:#4b86b4}.status[data-state=error]{color:#9b3d39}.status[data-state=error] .status-dot{background:#b3524b}.session-tip{color:#6e8576;font-size:10px;margin:5px 0 0 16px}.session-bar>.button{min-height:48px;min-width:209px;flex-shrink:0}.session-bar .is-active{background:#a14440}.session-bar .is-active:hover{background:#8b3734}.privacy-line{text-align:center;font-size:10px;color:#728478;margin:17px 0 0;line-height:1.8}
dialog{border:1px solid var(--line);border-radius:22px;padding:27px;max-width:480px;width:calc(100% - 32px);color:var(--ink);max-height:90dvh;overflow:auto;box-shadow:0 20px 90px #112b3040}dialog::backdrop{background:#152b2860;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dialog-heading .eyebrow{font-size:9px;margin-bottom:9px}.dialog-heading h2{font-size:21px}.close{border:0;background:transparent;font-size:27px;line-height:1;color:#6c8375;min-width:33px;min-height:33px}.dialog-intro{color:var(--muted);font-size:13px;line-height:1.7;margin:16px 0 8px}.studio-link{display:inline-block;text-decoration:none;font-size:12px;font-weight:650;margin:0 0 25px}.studio-link span{margin-left:6px}dialog input{margin:0}dialog label{margin-top:17px}.field-help{font-size:10px;color:var(--muted);line-height:1.7;margin:7px 0 17px}.privacy-box{background:#f0f7f2;border:1px solid #e1ece4;border-radius:12px;padding:15px;margin-top:20px}.privacy-box strong{font-size:12px}.privacy-box p{color:#64786b;font-size:11px;line-height:1.7;margin:7px 0 0}.form-error{font-size:12px;line-height:1.5;color:#a4433c;margin:14px 0 0;min-height:0}.form-error:empty{display:none}.dialog-actions{display:flex;justify-content:space-between;gap:12px;margin-top:23px}.dialog-actions .button{font-size:12px;padding:11px 15px}
@keyframes pulse{50%{box-shadow:0 0 0 7px #08796b08}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:720px){.app{padding:20px 20px calc(20px + env(safe-area-inset-bottom))}.header .brand{font-size:27px}.intro{padding:33px 0 23px}h1{font-size:32px;letter-spacing:-1.1px}.intro>p:last-child{font-size:15px}.workspace{grid-template-columns:1fr;gap:17px}.panel{border-radius:18px}.controls{padding:21px}.panel-title{margin-bottom:22px}.conversation{min-height:370px}.messages{max-height:450px;min-height:270px}.empty{min-height:265px}.session-bar{position:sticky;bottom:10px;z-index:2;flex-direction:column;gap:12px;padding:16px;border:1px solid #d7e6db;box-shadow:0 8px 24px #21482a13;margin-top:17px}.session-copy{width:100%}.session-bar>.button{width:100%}.privacy-line{font-size:9px}.session-tip{font-size:10px}.how{padding:16px 0 10px;margin-top:17px}.language-note{font-size:10px}}
@media(max-width:360px){.app{padding-left:14px;padding-right:14px}.controls{padding:17px}h1{font-size:29px}.dialog-actions{flex-direction:column-reverse}.dialog-actions>.button{width:100%}}

[hidden]{display:none!important}