:root{color-scheme:light;--ink:#183831;--muted:#77847b;--paper:#f5f3ed;--line:#dde1d6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}main{max-width:920px;margin:auto;padding:30px 38px 22px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-size:26px;font-weight:750;letter-spacing:-1px;color:inherit;text-decoration:none}.brand span{font-size:11px;font-weight:500;letter-spacing:1px;margin-left:12px;color:var(--muted)}.badge{font-size:12px;border:1px solid var(--line);padding:8px 12px;border-radius:30px;display:flex;gap:7px;align-items:center}.badge i{width:6px;height:6px;border-radius:50%;background:#6c936c}.intro{text-align:center;margin:56px 0 26px}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--muted);margin-bottom:15px}h1{font-size:42px;letter-spacing:-1.5px;margin:0;font-weight:650}.description{color:var(--muted);font-size:14px;line-height:1.9;margin-top:17px}.call{text-align:center}.orb{width:154px;height:154px;margin:27px auto 23px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 26%,#d8eccb 0,#91b79b 39%,#3f7767 74%,#25554c 100%);box-shadow:inset 0 0 18px #fff5,0 12px 32px #527b6021;transition:transform .3s}.orb.active{animation:breathe 3s ease-in-out infinite}.wave{display:flex;align-items:center;gap:6px;height:36px}.wave b{width:4px;height:14px;border-radius:5px;background:#fff9}.wave b:nth-child(2),.wave b:nth-child(4){height:25px}.wave b:nth-child(3){height:36px}.active .wave b{animation:wave .8s ease-in-out infinite alternate}.active .wave b:nth-child(2){animation-delay:.2s}.active .wave b:nth-child(3){animation-delay:.4s}.active .wave b:nth-child(4){animation-delay:.1s}#status{font-size:15px;font-weight:550;margin:12px 0 8px}#timer{color:var(--muted);font-size:12px;margin:0 0 23px;font-variant-numeric:tabular-nums}.controls{display:flex;justify-content:center;gap:10px}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:#fff8;color:var(--ink);border-radius:30px;padding:12px 21px;font-size:13px;transition:background .2s}button:hover{background:#e7eadd}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--ink);color:#fff;border-color:var(--ink);min-width:174px}button.primary:hover{background:#2b5146}.primary span{margin-left:25px}button.stop{color:#974c44;border-color:#dcbfba;background:#f6e9e4}.play{margin-top:14px}button[hidden]{display:none}#error{color:#9c4e3f;font-size:13px;min-height:20px;margin:16px 0}.transcript{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.section-title{display:flex;justify-content:space-between;align-items:center}h2{font-size:13px;font-weight:600;margin:0}.section-title button{padding:6px 0;border:none;background:none;color:var(--muted);font-size:12px}#messages{min-height:130px;max-height:360px;overflow:auto;padding:14px 0;scrollbar-width:thin}#empty{font-size:13px;color:#9aA397;text-align:center;margin:38px 0}.message{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:11px 0}.message .speaker{color:var(--muted);font-size:11px;padding-top:3px}.message .text{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.message.user .text{color:#52685d}footer{text-align:center;color:#9aA397;font-size:10px;margin-top:32px;line-height:1.8}footer span{margin:0 7px}@keyframes breathe{50%{transform:scale(1.035)}}@keyframes wave{to{height:9px;opacity:.6}}@media(max-width:600px){main{padding:22px 22px 18px}.intro{margin-top:46px}h1{font-size:32px}.brand{font-size:23px}.brand span{margin-left:8px}.orb{width:140px;height:140px}.transcript{margin-top:20px}footer{font-size:9px}.description{font-size:13px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}