*{box-sizing:border-box} :root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-synthesis:none;color:#f7f9ff;background:#0c152a}body{margin:0;min-width:320px;background:radial-gradient(circle at 10% 0%,#273d6b 0%,#101d38 40%,#0c152a 90%)}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.43}button:focus-visible,textarea:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #6ccfc5;outline-offset:2px}a{color:#87efe3}#app{max-width:670px;margin:auto;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 19px max(30px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:37px}.logo{width:49px;height:49px;background:#70ded1;color:#112742;display:flex;justify-content:center;align-items:center;border-radius:15px;font-size:27px;font-weight:850}.logo span{font-size:15px;margin-left:-2px}.eyebrow{margin:0;color:#8faacb;letter-spacing:.14em;font-size:10px;font-weight:800}.brand h1{font-size:25px;line-height:1;letter-spacing:-.04em;margin:4px 0 0}.dot,.intro h2 span,.accent{color:#70ded1}.language-pill{margin-left:auto;border:1px solid #4b6587;border-radius:30px;color:#d4e6fb;padding:10px 12px;white-space:nowrap;font-weight:700;font-size:12px}.language-pill span{color:#70ded1;margin:0 4px}h2{font-size:clamp(33px,8.4vw,46px);line-height:1.07;letter-spacing:-.055em;margin:8px 0 14px}.intro p{color:#b4c4dd;margin:0 0 26px;line-height:1.6;max-width:540px}.status{display:flex;align-items:center;gap:9px;font-size:13px;color:#c6d4eb;margin:0 0 14px;min-height:20px}.status-dot{width:9px;height:9px;border-radius:50%;background:#70ded1;box-shadow:0 0 0 4px #70ded11a;flex:none}.status[data-stage=listening] .status-dot{background:#ff8b80;box-shadow:0 0 0 5px #ff8b8033;animation:pulse 1.2s infinite}.status[data-stage=speaking] .status-dot{background:#ffd080;box-shadow:0 0 0 5px #ffd08033}@keyframes pulse{50%{opacity:.35;transform:scale(.85)}}.alert{border-radius:14px;padding:13px 15px;background:#483139;border:1px solid #87545b;line-height:1.45;margin:0 0 14px;font-size:13px}.alert[hidden]{display:none}.panel{background:#192945;border:1px solid #40536f;border-radius:20px;padding:20px;margin-bottom:14px}.spanish-panel{background:linear-gradient(145deg,#193d48,#1b3149);border:1px solid #428d89}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-head strong{font-size:17px;letter-spacing:-.02em}.flag{margin-right:7px}.minor{margin-left:8px;font-size:12px;color:#91a9c7}.spanish-panel .minor{color:#a7d7ce}textarea{border:none;width:100%;min-height:96px;resize:vertical;background:transparent;color:#f7f9ff;outline:none;padding:0;line-height:1.55;font-size:19px}textarea::placeholder{color:#8195ae}.translation{margin:0;min-height:83px;font-size:21px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.placeholder{color:#91b5bb}.icon-button{border:1px solid #568c8e;border-radius:12px;background:#285560;color:#ecfff9;width:42px;height:42px}.controls{margin:25px 0 22px}.mic-row{display:flex;gap:12px}.primary-button{flex:1;padding:17px 10px;border:0;border-radius:15px;color:#12243c;font-weight:800;background:#70ded1;font-size:16px;box-shadow:0 8px 28px #51c7b328}.primary-button span{font-size:23px;vertical-align:middle;margin-right:5px}.secondary-button{padding:17px 18px;border-radius:15px;border:1px solid #7082a1;background:#263857;color:#f6f9ff;font-weight:700}.text-button{display:block;border:0;margin:18px auto 16px;padding:9px;background:transparent;color:#93ecde;font-weight:650}.toggle-row{display:flex;gap:9px;align-items:center;font-size:13px;color:#bdcde5;line-height:1.5}.toggle-row input{width:18px;height:18px;flex:none;accent-color:#70ded1}.notice{background:#142940;border:1px solid #355f68;border-radius:16px;padding:15px 16px;margin:28px 0 10px}.notice strong{color:#b9fff3;font-size:14px}.notice p,.install-section p{color:#b1c4da;font-size:13px;line-height:1.6;margin:9px 0 0}.notice .note-small{color:#8ca4c4}.history-section{border-top:1px solid #354866;padding-top:25px;margin-top:28px}.history-header{display:flex;justify-content:space-between;align-items:center}h3{margin:0 0 10px;font-size:17px}.clear-button{border:none;background:transparent;color:#9bdacf;font-size:13px}.history-empty{color:#8195b3;padding:12px 0;font-size:14px}.history-card{background:#15253e;border:1px solid #38506d;border-radius:14px;padding:12px 14px;margin:9px 0}.history-card p{margin:7px 0;line-height:1.5;font-size:14px;color:#e3efff;overflow-wrap:anywhere}.history-card p+p{color:#95e9da}.install-section{border-top:1px solid #354866;margin-top:26px;padding-top:24px}.outline-button{border-radius:12px;color:#12243c;border:0;background:#70ded1;padding:11px 16px;font-size:13px;font-weight:800;margin-top:13px}.outline-button[hidden]{display:none}footer{text-align:center;color:#8298b7;font-size:11px;line-height:1.5;margin-top:37px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:390px){.minor{display:block;margin:2px 0 0 29px}.primary-button{font-size:14px}.secondary-button{padding:14px 12px}}