:root{color-scheme:light;--bg:#f7f8f5;--paper:#fff;--ink:#183738;--muted:#617774;--line:#dfe7e2;--teal:#087e80;--teal-soft:#e9f4ef;--mint:#bdebdc;--output:#edf6f1;--shadow:0 18px 60px #163f3910}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,select,textarea{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #24a6a9;outline-offset:4px}[hidden]{display:none!important}.site-header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{max-width:1180px;margin:auto;min-height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:24px}.brand{display:flex;gap:11px;align-items:center;font-size:22px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand img{border-radius:12px}.brand-light{font-weight:400;margin-left:5px}.desktop-nav{display:flex;gap:30px;font-size:14px}.desktop-nav a:hover{color:var(--teal)}.header-actions{display:flex;gap:14px;align-items:center}.locale-select{display:flex;align-items:center;gap:8px}.locale-select svg{width:18px}.locale-select select{border:0;background:transparent;font-size:14px;max-width:110px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;flex-shrink:0;transition:background .15s,color .15s}.icon-button:hover{background:var(--teal-soft)}.icon-button:disabled{cursor:default;opacity:.3}.icon-button.speaking,.icon-button.is-saved{background:var(--mint);color:#104d4f}.icon-button.is-saved svg{fill:currentColor}main{max-width:1120px;margin:auto;padding:0 26px}.hero{text-align:center;padding:57px 0 33px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2.1px;color:var(--teal)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(32px,4.2vw,51px);font-weight:650;line-height:1.18;letter-spacing:-2px;margin:14px 0}.hero p{font-size:17px;color:var(--muted);margin:0}.workspace{border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:var(--shadow);overflow:hidden;scroll-margin-top:105px}.workspace-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 25px;height:67px}[role=tablist]{display:flex;align-self:stretch;gap:27px}[role=tab]{display:flex;align-items:center;gap:9px;font-size:14px;border-bottom:3px solid transparent;padding:0 2px;margin-bottom:-1px;color:var(--muted)}[role=tab][aria-selected=true]{border-color:var(--teal);color:var(--teal);font-weight:650}[role=tab] svg{width:19px}#saved-count{font-size:11px;padding:0 6px;border-radius:7px;background:var(--teal-soft)}.phrases-link{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.phrases-link svg{width:15px}.language-bar{display:grid;grid-template-columns:1fr 62px 1fr;align-items:center;padding:18px 32px;gap:14px;border-bottom:1px solid var(--line)}.language-bar select{font-size:16px;font-weight:650;max-width:200px;border:0;background:var(--paper);padding:8px 4px;width:100%}.language-bar select:last-child{justify-self:start;margin-left:13px}.language-bar .icon-button{background:var(--teal-soft);color:var(--teal);justify-self:center}.translation-grid{display:grid;grid-template-columns:1fr 1fr}.input-pane,.output-pane{padding:22px 30px 17px;min-width:0;display:flex;flex-direction:column;min-height:285px}.output-pane{background:var(--output);border-left:1px solid var(--line)}.pane-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);height:30px;margin-bottom:13px}.pane-title .icon-button{height:32px;width:32px}.pane-title svg{width:18px}textarea{resize:vertical;width:100%;border:0;outline:0;background:transparent;min-height:141px;max-height:450px;font-size:24px;line-height:1.55;padding:0;letter-spacing:-.4px;flex:1}textarea::placeholder{color:#83958f;font-size:23px}.output-text{font-size:24px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap;flex:1;min-height:141px;letter-spacing:-.4px}.output-text.empty{font-size:22px;color:#82958b}.pane-bottom{display:flex;align-items:center;justify-content:space-between;min-height:45px;margin-top:15px;font-size:11px;color:var(--muted)}.action-group{display:flex;gap:5px}.result-actions{color:var(--teal)}.privacy-note{display:flex;gap:6px;align-items:center;justify-content:center;margin:0;padding:16px 20px;font-size:11px;color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap}.privacy-note svg{width:14px;height:14px}.privacy-note a{text-decoration:underline}#error{font-size:13px;padding:10px 0;color:#ac423a}#retry{text-decoration:underline;font-weight:650;padding:7px}.trust-row{display:flex;justify-content:center;gap:36px;padding:23px 0 48px;color:var(--muted);font-size:12px}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row svg{color:var(--teal);width:16px;height:16px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:23px}h2{font-size:27px;line-height:1.3;letter-spacing:-.8px;margin-bottom:12px;font-weight:650}.section-heading h2{margin:8px 0 0}.section-heading>p{font-size:13px;max-width:340px;color:var(--muted);margin-bottom:2px}.phrase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.phrase-group{border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:19px 17px 12px}.phrase-group h3{font-size:13px;color:var(--teal);margin:0 0 13px}.phrase{width:100%;text-align:left;position:relative;display:block;border-top:1px solid var(--line);padding:12px 19px 12px 0}.phrase span{display:block;font-size:13px;font-weight:550}.phrase small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.phrase svg{position:absolute;right:0;top:16px;width:14px;color:var(--teal)}.phrase:hover span{color:var(--teal)}.app-banner{display:flex;align-items:center;gap:23px;margin:48px 0;padding:28px 32px;border-radius:22px;background:#dfeee4}.app-mark img{border-radius:18px;display:block}.app-banner h2{font-size:23px;margin:0 0 6px}.app-banner p{font-size:13px;margin:0;color:#536e63;max-width:520px}.app-status{margin-left:auto;border:1px solid #a4bfb0;border-radius:30px;padding:9px 15px;font-size:11px;white-space:nowrap;color:#315a46}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:12px 0 65px}.about-section h2{max-width:350px;margin:11px 0 15px}.about-section>div>p{font-size:14px;color:var(--muted);max-width:400px}.faq details{border-bottom:1px solid var(--line);padding:13px 0}.faq summary{font-size:14px;cursor:pointer}.faq p{color:var(--muted);font-size:13px;margin:12px 0}footer{max-width:1120px;padding:27px 26px 30px;border-top:1px solid var(--line);margin:auto;display:flex;align-items:center;gap:28px;flex-wrap:wrap}footer .brand{font-size:17px}footer p{font-size:11px;color:var(--muted);margin:0}footer>div{display:flex;gap:17px;margin-left:auto;font-size:10px;color:var(--muted);align-items:center}.preview-badge{border:1px solid var(--line);padding:3px 7px;border-radius:5px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:20;background:var(--ink);color:var(--paper);padding:12px 22px;border-radius:12px;box-shadow:var(--shadow);font-size:14px;max-width:90vw}.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}#saved-panel{padding:30px;min-height:355px}#saved-panel>p{font-size:13px;color:var(--muted)}#saved-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.empty-saved{grid-column:1/-1;padding:60px 15px;text-align:center;color:var(--muted)}.saved-card{border:1px solid var(--line);border-radius:14px;padding:20px;overflow-wrap:anywhere}.saved-card small{color:var(--muted);font-size:11px}.saved-card p{font-size:17px;margin:9px 0}.saved-output{color:var(--teal)}.saved-actions{display:flex;justify-content:flex-end;gap:5px}.privacy-page{max-width:760px;margin:50px auto 80px}.privacy-page h1{font-size:38px;line-height:1.2;margin-top:30px}.privacy-page p{color:var(--muted)}.privacy-page a{text-decoration:underline}.back{font-size:14px;color:var(--teal)}.copy-buffer{position:fixed;left:-10000px;top:0}.muted{color:var(--muted)}
[data-theme=dark]{color-scheme:dark;--bg:#0e2026;--paper:#162d33;--ink:#e1f0eb;--muted:#a0b6af;--line:#30484b;--teal:#7cd5cb;--teal-soft:#234a49;--mint:#34635c;--output:#193b36;--shadow:0 18px 60px #0002}[data-theme=dark] .app-banner{background:#21463d}[data-theme=dark] .app-banner p,[data-theme=dark] .app-status{color:#bdd6c7}[data-theme=dark] .icon-button.speaking,[data-theme=dark] .icon-button.is-saved{color:#d8f4e8}
@media(min-width:1400px){.hero{padding-top:70px}}@media(max-width:800px){.desktop-nav{display:none}.phrase-grid{grid-template-columns:1fr 1fr}.app-banner{flex-wrap:wrap}.app-status{margin-left:95px}.about-section{gap:35px}.section-heading{gap:25px}.header-inner{padding:0 22px}.brand{font-size:20px}footer>div{margin-left:0}.language-bar{padding:15px 24px}.input-pane,.output-pane{padding:18px 24px}}@media(max-width:580px){.header-inner{min-height:72px;padding:0 17px;gap:9px}.brand{font-size:18px;gap:8px}.brand img{width:35px;height:35px;border-radius:10px}.header-actions{gap:5px}.locale-select{gap:2px}.locale-select select{font-size:12px;max-width:83px}.locale-select svg{width:15px}#theme{width:34px;height:34px}#theme svg{width:19px}main{padding:0 15px}.hero{padding:35px 5px 26px}.hero h1{font-size:34px;letter-spacing:-1.4px;max-width:340px;margin:11px auto}.hero p{font-size:14px;max-width:310px;margin:auto}.eyebrow{font-size:10px;letter-spacing:1.7px}.workspace{border-radius:19px}.workspace-top{padding:0 17px;height:58px}[role=tablist]{gap:23px}[role=tab]{font-size:12px;gap:6px}.phrases-link{font-size:0;gap:0}.phrases-link svg{width:20px}.language-bar{padding:12px 16px;grid-template-columns:1fr 45px 1fr;gap:4px}.language-bar select{font-size:14px;max-width:140px}.language-bar select:last-child{margin-left:8px}.language-bar .icon-button{width:37px;height:37px}.translation-grid{grid-template-columns:1fr}.input-pane,.output-pane{padding:16px 20px 12px;min-height:220px}.output-pane{border-left:0;border-top:1px solid var(--line);min-height:201px}.pane-title{margin-bottom:9px;font-size:11px;height:24px}textarea{font-size:23px;min-height:95px}textarea::placeholder{font-size:22px}.output-text{font-size:23px;min-height:80px}.output-text.empty{font-size:21px}.pane-bottom{margin-top:8px;min-height:36px}.privacy-note{font-size:10px;padding:12px 15px;line-height:1.6}.privacy-note svg{display:none}.trust-row{gap:14px;padding:20px 0 35px;font-size:10px}.trust-row span{gap:4px}.trust-row svg{width:13px}.section-heading{display:block;margin-bottom:20px}.section-heading h2{font-size:25px}.section-heading>p{margin:10px 0 0;font-size:12px}.phrase-grid{gap:10px}.phrase-group{padding:15px 13px 7px;border-radius:14px}.phrase span{font-size:12px}.phrase small{font-size:10px}.phrase-group h3{font-size:12px}.app-banner{margin:32px 0;padding:23px 20px;gap:16px;border-radius:18px}.app-mark img{height:54px;width:54px;border-radius:14px}.app-banner>div:nth-child(2){flex:1}.app-banner h2{font-size:20px}.app-banner p{font-size:12px}.app-status{margin-left:70px;padding:6px 11px;font-size:10px}.about-section{grid-template-columns:1fr;gap:15px;padding:0 5px 35px}.about-section h2{font-size:26px}.about-section>div>p{font-size:13px}footer{margin:0 15px;padding:24px 5px;display:block}footer .brand{font-size:19px}footer p{margin:10px 0 16px}footer>div{justify-content:space-between;gap:10px}.privacy-page{margin:32px 5px 45px}.privacy-page h1{font-size:31px}.privacy-page p{font-size:14px}#saved-panel{padding:23px 20px}#saved-list{grid-template-columns:1fr}#saved-panel h2{font-size:24px}}
.usage-guide{margin:0 0 46px}.usage-guide>h2{margin-bottom:23px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 40px}.guide-grid ol{margin:0;padding-left:23px;font-size:14px;color:var(--muted)}.guide-grid li{padding:0 0 12px 5px}.guide-grid li::marker{color:var(--teal);font-weight:700}.guide-grid h3{font-size:17px;margin:0 0 9px}.guide-grid p{font-size:14px;color:var(--muted);margin:0}.footer-languages{display:flex;gap:14px;font-size:11px;color:var(--muted)}.footer-languages a[aria-current=page]{color:var(--teal);font-weight:650}#retry:disabled{opacity:.5;cursor:wait}@media(max-width:580px){.guide-grid{grid-template-columns:1fr;gap:23px}.guide-grid p,.guide-grid ol{font-size:13px}.usage-guide{margin:0 5px 35px}.usage-guide>h2{font-size:25px}.footer-languages{margin:14px 0}.hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}