:root{--paper:#f5f2e9;--ink:#22382c;--quiet:#697268;--line:#d6dccf;--accent:#e17442;--white:#fffef9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif}main{max-width:1080px;margin:auto;padding:32px 44px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:22px}.brand{font-weight:700;letter-spacing:2px;text-decoration:none;color:inherit}.model{font:11px "SFMono-Regular",Consolas,monospace;letter-spacing:1px}.intro{padding:48px 0 36px;display:grid;grid-template-columns:1fr 1fr}.eyebrow{grid-column:1/-1;font-size:12px;letter-spacing:3px;margin:0 0 14px}h1{font-family:"Songti SC","STSong",serif;font-size:clamp(38px,6vw,64px);font-weight:500;line-height:1.18;letter-spacing:-2px;margin:0}.description{align-self:end;font-size:14px;line-height:1.9;color:var(--quiet);margin:0 0 6px}.console{background:var(--white);border:1px solid var(--line);padding:26px 30px;box-shadow:5px 5px 0 #e6e9df}.console-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:26px;font-size:13px}#status{color:var(--quiet)}body[data-state=recording] #status{color:var(--accent)}.timer{white-space:nowrap;color:var(--quiet);font:12px "SFMono-Regular",Consolas,monospace}.timer span{font-size:24px;color:var(--ink)}.modes{display:flex;gap:22px;font-size:13px;margin-bottom:18px}input{accent-color:var(--ink)}button{font:inherit;cursor:pointer;border:1px solid var(--line);padding:10px 16px;background:transparent;border-radius:3px;color:var(--ink)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}#start{background:var(--ink);color:white;padding:14px 22px;border-color:var(--ink)}.record-dot{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:12px}.record-row{display:flex;align-items:center;gap:12px;margin-bottom:28px}#hint{font-size:12px;color:var(--quiet);margin-left:auto}.transcript{border-top:1px solid var(--line);padding-top:16px}.label{font-size:11px;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between}.label span{color:var(--quiet);font-size:10px}.transcript p{min-height:34px;font-size:20px;line-height:1.65;overflow-wrap:anywhere;margin:16px 0 22px}#partial{color:var(--quiet)}.final p{font-weight:500;font-size:24px}#copy{padding:4px 10px;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--line);padding-top:18px}.metrics div{display:flex;flex-direction:column;gap:8px}.metrics span{font-size:11px;color:var(--quiet)}.metrics strong{font:16px "SFMono-Regular",Consolas,monospace}.comparison{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;font-size:12px}.comparison p{margin-bottom:0;line-height:1.7;overflow-wrap:anywhere}#compare-time{margin-left:12px;color:var(--quiet)}footer{display:flex;justify-content:space-between;gap:16px;margin-top:24px;font-size:11px;color:var(--quiet)}@media(max-width:620px){main{padding:22px}.intro{grid-template-columns:1fr;padding-top:34px;gap:18px}.description{margin-top:4px}.console{padding:22px 18px}.record-row{flex-wrap:wrap}#hint{width:100%;margin:0}.model{font-size:9px}footer{flex-direction:column;gap:8px}.console-top{align-items:center}.metrics strong{font-size:12px}}
header nav{display:flex;align-items:center;gap:22px}header nav a{font-size:12px;color:var(--ink)}.access{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.endpoint{font:11px "SFMono-Regular",Consolas,monospace;color:var(--quiet);margin:0 0 14px}.endpoint span{color:var(--ink);margin-left:12px;overflow-wrap:anywhere}#auth-form{display:flex;align-items:center;gap:10px}#auth-form[hidden]{display:none}#auth-form label{font-size:12px;white-space:nowrap}#token{min-width:0;flex:1;border:1px solid var(--line);background:var(--paper);padding:10px 12px;font:inherit;font-size:13px;border-radius:3px}#connect{font-size:12px;white-space:nowrap}#auth-note{font-size:11px;color:var(--quiet);line-height:1.7;margin:12px 0 0}.sample-row{display:flex;align-items:center;gap:12px;margin:-12px 0 26px;font-size:11px;color:var(--quiet)}#sample{font-size:11px;padding:6px 10px}@media(max-width:620px){header nav{gap:12px}header .model{display:none}#auth-form{flex-wrap:wrap}#auth-form label{width:100%}.sample-row{align-items:flex-start;flex-direction:column;gap:8px}}