:root{--ink:#172d36;--muted:#5c6b6b;--paper:#f5f2eb;--white:#fffefa;--green:#276758;--line:#dedfd6;--orange:#c7794c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}.topbar{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6vw;gap:24px}.wordmark{text-decoration:none;font:700 35px Georgia,serif;letter-spacing:-1.6px}.wordmark-dot{font:16px Arial;color:var(--orange);vertical-align:top;margin-left:5px}.header-caption{color:var(--muted);font-size:14px}.text-button{border:0;background:none;color:var(--ink);font-size:14px;text-decoration:underline;text-underline-offset:4px}.workspace{max-width:1320px;padding:58px 40px 22px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:42px}.section-label{color:var(--green);font-size:15px;margin:0 0 12px}h1{font:400 clamp(38px,4.5vw,60px)/1.08 Georgia,serif;letter-spacing:-2px;margin:0 0 22px}.page-heading p:not(.section-label){color:var(--muted);margin:0}.call-card{background:#e4ebe1;border:1px solid #d4dfd0;border-radius:15px;padding:24px 27px;min-width:242px}.call-card p{font-size:14px}.call-card a{font-weight:650;display:block;margin:6px 0 3px;text-decoration-thickness:1px;text-underline-offset:4px}.call-card>span:last-child{font-size:14px;color:var(--muted)}.call-icon{font-size:27px;color:var(--green);display:block;margin-bottom:10px}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}.settings-panel{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:30px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}h2{font-size:18px;font-weight:650;letter-spacing:-.3px;margin:0}.subtle{font-size:12px;color:var(--muted)}.voice-filter{padding:0;border:0;margin:23px 0 22px;display:flex;gap:6px;flex-wrap:wrap}.filter{border:0;border-radius:6px;background:transparent;color:var(--muted);padding:7px 14px;font-size:14px}.filter.active{background:var(--ink);color:#fff}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.voice-option{display:flex;align-items:center;gap:13px;padding:17px 13px;border:1px solid var(--line);border-radius:10px;position:relative;cursor:pointer;min-height:107px}.voice-option:has(input:checked){border-color:var(--green);background:#f0f6ef;box-shadow:0 0 0 1px var(--green)}.voice-option:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:3px}.voice-option input{position:absolute;opacity:0;width:1px;height:1px}.voice-avatar{width:39px;height:45px;border-radius:20px 20px 5px 5px;background:#e4ded0;color:#5b604f;display:grid;place-items:center;font:24px Georgia;flex-shrink:0}.voice-option:nth-child(2n) .voice-avatar{background:#e5dcd9;color:#7b5555}.voice-copy{display:flex;flex-direction:column;min-width:0}.voice-copy strong{font-size:16px}.voice-copy>span{font-size:12px;color:var(--muted);margin-top:2px}.voice-copy small{font-size:11px;color:var(--muted);margin-top:5px}.selection-mark{margin-left:auto;font-size:14px;color:var(--green);visibility:hidden}.voice-option:has(input:checked) .selection-mark{visibility:visible}.setting-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);margin-top:8px}.setting-row p,.speed-setting p{font-size:13px;color:var(--muted);margin:4px 0 0}select{border:1px solid var(--line);background:var(--white);padding:10px 30px 10px 13px;border-radius:7px;color:var(--ink);min-width:120px}.speed-setting{padding:26px 0}.speed-setting output{border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:14px;min-width:65px;text-align:center}input[type=range]{width:100%;accent-color:var(--green);margin:25px 0 7px;min-height:25px}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:24px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:12px 19px;border-radius:7px;font-size:14px;font-weight:600;text-decoration:none}.primary{background:var(--green);color:white;border:1px solid var(--green)}.primary:hover{background:#1e5548}.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.secondary:hover{background:#f2f1ea}.status{font-size:13px;color:var(--green);min-height:21px;margin:15px 0 0}.error{color:#a62f25!important}audio{width:100%;margin-top:16px}.profile-card{padding:28px 25px;background:var(--ink);border-radius:15px;color:#fbfaf3}.small-wave{font:42px Georgia;color:#becfaf}.profile-card h2{font:27px/1.2 Georgia,serif;margin:14px 0}.profile-card p{color:#c9d3d0;font-size:14px}.profile-card blockquote{font:24px/1.5 Georgia;margin:22px 0;padding-left:16px;border-left:2px solid #b5c6a1}.profile-card blockquote strong{font:500 26px/1.4 "Segoe UI",Arial;letter-spacing:2px}.profile-card small{font-size:11px;color:#aabdb9;display:block;margin-top:22px}.tips{padding:27px 9px 18px}.tips h2{font:25px Georgia}.tips p,.tips li{font-size:14px;color:var(--muted)}.tips ul{list-style:none;padding:0;margin:20px 0}.tips li{margin:11px 0;color:var(--ink)}.performance-link{font-size:13px;text-underline-offset:4px;display:flex;justify-content:space-between;padding:12px 8px}.site-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;border-top:1px solid var(--line);margin-top:52px;padding:20px 0}.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}.auth-page{min-height:100vh;background:radial-gradient(ellipse at 10% 90%,#e2e9dc,transparent 50%),var(--paper)}.auth-shell{width:min(460px,calc(100% - 40px));margin:70px auto}.auth-shell>.wordmark{display:block;text-align:center}.intro{text-align:center;font-size:14px;color:var(--muted);margin:7px 0 35px}.auth-panel{background:var(--white);border:1px solid var(--line);padding:32px;border-radius:15px}.auth-panel h1{font-size:34px;letter-spacing:-1px}.auth-panel>p{color:var(--muted);font-size:14px}.auth-panel label{display:block;font-size:14px;margin:19px 0 7px}.auth-panel input:not([type=hidden]){width:100%;padding:12px;border:1px solid #bec9bf;border-radius:7px;background:#fffefa;color:var(--ink)}.auth-panel small{font-size:12px;color:var(--muted);display:block;margin-top:8px}.auth-panel .primary{width:100%;margin-top:25px}.auth-switch{text-align:center;font-size:13px!important;margin-bottom:0}.footer-note{text-align:center;font-size:12px;color:var(--muted);margin-top:30px}.metrics-table{width:100%;border-collapse:collapse;margin-top:25px}.metrics-table th,.metrics-table td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);font-size:14px}.metrics-summary{display:flex;gap:30px;flex-wrap:wrap;margin:24px 0}.metrics-summary strong{font:36px Georgia;display:block}.metrics-summary span{font-size:13px;color:var(--muted)}@media(max-width:1000px){.settings-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.settings-panel{padding:24px}.voice-grid{grid-template-columns:1fr}.subtle{display:none}.workspace{padding:38px 28px}.header-caption{display:none}}@media(max-width:680px){.topbar{height:78px;padding:0 24px}.wordmark{font-size:31px}.workspace{padding:32px 20px 12px}.page-heading{display:block}.page-heading h1{font-size:43px}.call-card{margin-top:25px;padding:18px 20px;min-width:0}.call-icon{float:right;margin:0}.settings-layout{display:flex;flex-direction:column}.settings-panel,.help-column{width:100%}.voice-grid{grid-template-columns:1fr 1fr}.voice-option{padding:14px 10px;gap:9px;align-items:start}.voice-avatar{display:none}.voice-copy>span{font-size:11px}.selection-mark{position:absolute;right:9px;top:12px}.actions{flex-direction:column}.actions button{width:100%}.setting-row{align-items:start}.setting-row p{max-width:180px}.settings-panel{padding:22px 18px}.site-footer{gap:12px}.site-footer span:last-child{display:none}.desktop-break{display:none}.auth-shell{margin-top:35px}.auth-panel{padding:25px}}