:root{--bg:#f4f3ef;--panel:#fff;--ink:#161714;--muted:#686b64;--line:#d9d9d2;--accent:#315c48;--accent2:#e1eee7;--danger:#a23d39;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);scroll-behavior:smooth;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh;margin:0}a{color:inherit;text-decoration:none}header,footer{justify-content:space-between;align-items:center;max-width:1240px;margin:auto;padding:24px 28px;display:flex}.brand{letter-spacing:-.04em;font-weight:900}.brand span{color:var(--accent)}nav{color:var(--muted);gap:28px;font-size:14px;display:flex}nav a:hover{color:var(--ink)}main{max-width:1240px;min-height:calc(100vh - 160px);margin:auto;padding:0 28px 64px}footer{border-top:1px solid var(--line);color:var(--muted);font-size:12px}.hero{max-width:900px;padding:110px 0 120px}.eyebrow,small{letter-spacing:.16em;color:var(--accent);font-size:11px;font-weight:800}h1{letter-spacing:-.065em;margin:16px 0 26px;font-size:clamp(42px,7vw,92px);line-height:.95}h1 em{color:var(--muted);font-weight:400}h2{letter-spacing:-.035em}.hero p,.lead{color:var(--muted);max-width:680px;font-size:19px;line-height:1.55}.actions,.row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.button{appearance:none;border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0 18px;font-weight:700;display:inline-flex}.button:hover{border-color:#999}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.danger,.danger{color:var(--danger)}.button:disabled{opacity:.5;cursor:not-allowed}.button.small{min-height:36px}.api-tease{border-top:1px solid var(--line);grid-template-columns:1fr 1.2fr;gap:64px;padding:72px 0;display:grid}.api-tease h2{margin:12px 0;font-size:38px}.api-tease p{color:var(--muted);line-height:1.6}.api-tease a{color:var(--accent);font-weight:700}pre{color:#dfe9e2;background:#171a17;border-radius:4px;padding:24px;font-size:13px;line-height:1.55;overflow:auto}.page{padding:72px 0}.page.narrow{max-width:720px;margin:auto}.page h1,.studio h1,.docs h1{font-size:clamp(42px,6vw,72px)}.pagehead{justify-content:space-between;align-items:end;gap:20px;display:flex}.search,input,textarea,select{width:100%;font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:3px;outline:none;padding:13px 14px}.search{max-width:380px;margin:36px 0}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent2)}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{background:var(--panel);border:1px solid var(--line);min-height:270px;padding:24px;box-shadow:0 1px #00000008}.card h3{margin:18px 0 8px;font-size:21px}.card code{color:var(--muted);font-size:11px}.card p{color:var(--muted);min-height:42px}.voiceMark{background:var(--accent2);width:42px;height:42px;color:var(--accent);place-items:center;font-weight:900;display:grid}.meta{border-top:1px solid var(--line);color:var(--muted);gap:20px;padding-top:15px;font-size:12px;display:flex}.link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;font-weight:700}.empty{text-align:center;color:var(--muted);padding:70px}form{gap:22px;margin-top:42px;display:grid}label{gap:8px;font-size:13px;font-weight:700;display:grid}label span{color:var(--muted);font-weight:400}textarea{resize:vertical}.check{grid-template-columns:22px 1fr;align-items:start;line-height:1.5;display:flex}.check input{width:18px;height:18px}.error{border-left:3px solid var(--danger);color:#762d2a;background:#f6e8e7;margin:18px 0;padding:14px}.studio{border:1px solid var(--line);background:var(--panel);grid-template-columns:1fr 310px;min-height:680px;margin-top:40px;display:grid}.studioMain{padding:54px}.studio aside{border-left:1px solid var(--line);flex-direction:column;gap:24px;padding:34px;display:flex}.studio aside h2{margin:0}.studio aside hr{width:100%}.prompt{border:0;border-bottom:1px solid var(--line);min-height:240px;padding:24px 0;font-size:25px;line-height:1.5}.prompt:focus{box-shadow:none}.counter{text-align:right;color:var(--muted);margin-top:8px;font-size:12px}.generate{margin-top:24px}.result{border-top:1px solid var(--line);gap:16px;margin-top:35px;padding-top:25px;display:grid}.result audio{width:100%}.history{background:var(--line);border:1px solid var(--line);gap:1px;margin-top:40px;display:grid}.history article{background:var(--panel);grid-template-columns:1fr 300px auto;align-items:center;gap:24px;padding:22px;display:grid}.history p{white-space:nowrap;text-overflow:ellipsis;max-width:540px;overflow:hidden}.history audio{width:100%}.token{background:var(--panel);border:1px solid var(--line);justify-content:space-between;gap:10px;padding:18px;display:flex;overflow:hidden}.token code{text-overflow:ellipsis;overflow:hidden}hr{border:0;border-top:1px solid var(--line);margin:40px 0}.bigcode{background:var(--panel);border:1px solid var(--line);padding:18px;display:block}dl{grid-template-columns:180px 1fr;margin:36px 0;display:grid}dt,dd{border-bottom:1px solid var(--line);margin:0;padding:14px 0}dt{color:var(--muted)}.docs{grid-template-columns:220px minmax(0,760px);gap:60px;padding:72px 0;display:grid}.docs>aside{height:max-content;color:var(--muted);flex-direction:column;gap:16px;display:flex;position:sticky;top:30px}.docs article h2{margin-top:60px}.docs article h3{margin-top:35px}.docs article p{color:var(--muted);line-height:1.7}.docs article code{font-size:.9em}.docs article p code{color:var(--ink);background:#e8e8e2;padding:2px 5px}@media (max-width:800px){header{align-items:flex-start}nav{flex-wrap:wrap;justify-content:flex-end;gap:12px 18px;max-width:250px}.hero{padding:70px 0}.api-tease,.studio,.docs,.grid{grid-template-columns:1fr}.studio{border-left:0;border-right:0;margin-left:-28px;margin-right:-28px}.studioMain{padding:32px 24px}.studio aside{border-left:0;border-top:1px solid var(--line);padding:28px 24px}.history article{grid-template-columns:1fr}.docs>aside{flex-direction:row;position:static;overflow:auto}.pagehead{flex-direction:column;align-items:start}.page{padding-top:45px}}@media (prefers-color-scheme:dark){:root{--bg:#111310;--panel:#181b17;--ink:#f0f1eb;--muted:#9da298;--line:#33372f;--accent:#7fbc9b;--accent2:#253a2e;--danger:#ed827b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.button.primary{color:#0f1b14}.error{color:#ffaaa4;background:#3a201f}.docs article p code{color:var(--ink);background:#292c27}}
.result-list{gap:24px;margin-top:35px;display:grid}.result-list .result{margin-top:0}.result p,.stream-note{color:var(--muted);font-size:12px;line-height:1.5}.stream-note{margin:-14px 0 0}
.transcribe-layout{grid-template-columns:minmax(0,1fr) 320px;gap:56px;padding:64px 0;display:grid}.transcribe-main h1,.call-stage h1{font-size:clamp(48px,7vw,82px)}.transcribe-form{max-width:720px}.record-panel{border:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.record-panel>div{gap:5px;display:grid}.record-panel span,.privacy-note,.muted{color:var(--muted);font-size:13px}.button.record:before{content:"●";color:#c74b46;margin-right:8px}.transcript-result{border-top:1px solid var(--line);margin-top:48px;padding-top:32px}.result-head{justify-content:space-between;align-items:start;gap:20px;display:flex}.transcript-result textarea{line-height:1.65}.transcript-result summary{cursor:pointer;margin:30px 0 18px;font-weight:700}.segment{line-height:1.6}.segment code{min-width:185px;color:var(--muted);display:inline-block}.transcription-history{border-left:1px solid var(--line);padding-left:28px}.transcription-history>button{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:inherit;cursor:pointer;background:0 0;gap:7px;padding:16px 0;display:grid}.transcription-history>button span{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);overflow:hidden}.call-page{border:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(0,1fr) 380px;min-height:720px;margin-top:32px;display:grid}.call-stage{flex-direction:column;align-items:flex-start;padding:60px;display:flex}.call-stage h1 em{color:var(--accent);font-weight:400}.call-orb{border:1px solid var(--line);background:var(--bg);border-radius:50%;flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:10px;width:250px;height:250px;margin:45px 0 25px;display:flex;position:relative}.call-orb>span{border:2px solid var(--accent);border-radius:50%;width:42px;height:42px;position:relative}.call-orb.active>span:after{content:"";background:var(--accent);border-radius:50%;animation:1.6s ease-in-out infinite pulse;position:absolute;inset:7px}.call-orb small{text-align:center;max-width:170px;color:var(--muted);letter-spacing:0}.call-actions{align-self:center;gap:10px;display:flex}.call-start{min-width:190px}.privacy-note{text-align:center;align-self:center;margin-top:22px}.call-sidebar{border-left:1px solid var(--line);max-height:760px;padding:34px;overflow:auto}.call-sidebar h2{margin:0 0 20px}.call-sidebar label{margin-bottom:18px}.call-model{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:6px;margin:30px 0;padding:22px 0;display:grid}.call-model span{color:var(--muted);font-size:12px}.conversation{gap:12px;display:grid}.conversation>div{border-left:2px solid var(--line);background:var(--bg);padding:14px}.conversation>div.assistant{border-color:var(--accent)}.conversation p{white-space:pre-wrap;margin:6px 0 0;line-height:1.5}.conversation small{font-size:9px}@keyframes pulse{50%{opacity:.55;transform:scale(.65)}}@media (max-width:900px){.transcribe-layout,.call-page{grid-template-columns:1fr}.transcription-history,.call-sidebar{border-left:0;border-top:1px solid var(--line);padding:28px}.call-page{border-left:0;border-right:0;margin-left:-28px;margin-right:-28px}.call-stage{padding:40px 24px}.call-orb{width:210px;height:210px}.record-panel{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.call-orb.active>span:after{animation:none}}
