@font-face{font-family:VoiceUI;src:local("Inter"),local("PingFang SC"),local("Microsoft YaHei")}*{box-sizing:border-box}:root{--ink:#171714;--muted:#766f67;--paper:#f6f3ee;--surface:rgba(255,255,255,.78);--solid:#fffdfa;--line:rgba(43,34,26,.11);--accent:#c65c3b;--accent-dark:#9d3d24;--success:#33785d;--danger:#a6382d;--shadow:0 24px 70px rgba(80,57,39,.12)}html{height:100%;background:var(--paper)}body{margin:0;min-height:100%;color:var(--ink);font-family:VoiceUI,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% 10%,rgba(229,183,142,.2),transparent 30%),linear-gradient(145deg,#faf8f4,#f0ebe4);letter-spacing:.01em;overflow-x:hidden}.ambient{position:fixed;border-radius:50%;pointer-events:none}.ambient-a{width:32rem;height:32rem;right:-15rem;top:-16rem;background:radial-gradient(circle,rgba(190,124,90,.17),transparent 68%)}.ambient-b{width:22rem;height:22rem;left:-12rem;bottom:-11rem;background:radial-gradient(circle,rgba(116,146,132,.12),transparent 70%)}button,input,textarea,select{font:inherit;color:inherit}.shell{position:relative;width:min(1360px,calc(100% - 36px));height:100dvh;margin:auto;display:grid;grid-template-rows:64px minmax(0,1fr) 36px}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.16em}.brand-mark{height:20px;display:flex;align-items:center;gap:3px}.brand-mark i{display:block;width:2px;border-radius:2px;background:var(--ink)}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:12px}.brand-mark i:nth-child(4){height:5px}.top-actions{display:flex;gap:9px;align-items:center}.status-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.52);font-size:11px;color:var(--muted);backdrop-filter:blur(14px)}.status-dot{width:7px;height:7px;border-radius:50%;background:#aaa29a;box-shadow:0 0 0 4px rgba(130,125,119,.08)}.status-pill[data-state=ready] .status-dot,.status-pill[data-state=connected] .status-dot{background:var(--success)}.status-pill[data-state=connected] .status-dot{animation:pulse 1.8s infinite}.status-pill[data-state=connecting] .status-dot{background:var(--accent);animation:pulse 1s infinite}.status-pill[data-state=error] .status-dot{background:var(--danger)}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(51,120,93,0)}}.settings-trigger{display:none;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.65);padding:8px 13px;font-size:12px}.workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:18px;padding:18px 0}.conversation{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}.intro-row{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:0 5px}.eyebrow{margin:0 0 6px;font-size:10px;font-weight:800;letter-spacing:.17em;color:var(--accent-dark)}h1{font-family:Georgia,"Songti SC",serif;margin:0;font-weight:400;font-size:clamp(26px,2.6vw,42px);line-height:1.04;letter-spacing:-.035em}h1 em{font-weight:400;color:var(--accent);font-style:italic}.lede{max-width:430px;margin:0;color:var(--muted);font-size:13px;line-height:1.6}.voice-card,.settings-panel{border:1px solid rgba(46,34,23,.11);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.voice-card{min-height:0;border-radius:26px;padding:18px;display:grid;grid-template-rows:auto minmax(180px,1fr) auto auto auto;gap:12px}.voice-head{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:16px;padding:2px 5px}.orb{position:relative;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#ecb895 0%,#cb704e 37%,#97412d 100%);box-shadow:inset 0 -14px 24px rgba(78,24,11,.2),0 12px 30px rgba(166,76,48,.2);transition:transform .3s}.orb.listening{animation:breathe 2.8s ease-in-out infinite}.orb canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:50%}.orb-core{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 0 22px rgba(255,255,255,.8)}@keyframes breathe{50%{transform:scale(1.035)}}.voice-state{min-width:0}.mic-state{margin:0 0 10px;font-size:14px;font-weight:700}.session-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;white-space:nowrap}.timer{font-variant-numeric:tabular-nums;font-weight:800;color:var(--ink);letter-spacing:.06em}.divider{width:1px;height:12px;background:var(--line)}.utility-button,.clear-button,.text-button,.panel-close{border:0;background:transparent;color:var(--muted);cursor:pointer}.utility-button{border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:11px}.utility-button:disabled{opacity:.38;cursor:not-allowed}.transcript{min-height:0;overflow-y:auto;border:1px solid var(--line);border-radius:18px;background:rgba(255,253,250,.57);padding:16px;scrollbar-width:thin}.empty-state{height:100%;min-height:150px;display:grid;place-content:center;text-align:center;color:#9a928a}.empty-state p{font-family:Georgia,"Songti SC",serif;font-size:17px;margin:0 0 7px;color:#6f6861}.empty-state span{font-size:11px}.turn{max-width:84%;margin-bottom:13px}.turn.user{margin-left:auto;text-align:right}.turn-label{display:block;margin-bottom:4px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.turn p{display:inline-block;margin:0;padding:9px 12px;border-radius:14px 14px 14px 4px;background:#ebe7e0;font-size:13px;line-height:1.5;text-align:left}.turn.user p{border-radius:14px 14px 4px 14px;color:white;background:var(--ink)}.access-row{border:1px solid var(--line);border-radius:15px;padding:11px 13px;background:rgba(255,255,255,.58)}.access-row.hidden{display:none}.access-row>label{font-size:11px;font-weight:800}.access-field{display:flex;gap:7px;margin-top:7px}.access-field input{min-width:0;flex:1;border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:#fff}.access-field button{border:0;border-radius:10px;padding:0 16px;color:white;background:var(--ink);cursor:pointer}.access-row p{margin:6px 0 0;color:var(--muted);font-size:10px}.action-row{display:flex;align-items:center;gap:13px}.primary-button{flex:1;min-height:48px;border:0;border-radius:15px;display:flex;justify-content:center;align-items:center;gap:11px;color:white;background:var(--ink);font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 10px 24px rgba(26,24,21,.13);transition:.2s}.primary-button:hover:not(:disabled){transform:translateY(-1px);background:#292621}.primary-button.active{background:var(--accent-dark)}.primary-button:disabled{opacity:.37;cursor:not-allowed;box-shadow:none}.button-icon{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.42);display:grid;place-items:center}.button-icon span{width:6px;height:9px;border-radius:4px;background:white}.primary-button.active .button-icon span{width:7px;height:7px;border-radius:1px}.clear-button{font-size:11px;padding:9px}.ack-line,.error-line{min-height:15px;margin:0;text-align:center;font-size:10px}.ack-line{color:var(--success)}.error-line{color:var(--danger)}.settings-panel{min-height:0;border-radius:22px;padding:16px;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.panel-head{display:flex;justify-content:space-between;align-items:start;padding:2px 3px 12px}.panel-head h2{margin:0;font:400 21px Georgia,"Songti SC",serif}.panel-close{display:none;font-size:26px;line-height:1}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;background:rgba(48,39,31,.055);border-radius:11px;margin-bottom:12px}.tab{border:0;border-radius:8px;background:transparent;padding:8px 4px;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.tab.active{background:var(--solid);color:var(--ink);box-shadow:0 3px 10px rgba(60,43,28,.08)}.tab-pane{display:none;min-height:0;overflow-y:auto;padding:1px 3px 10px;scrollbar-width:thin}.tab-pane.active{display:block}.tab-pane label{display:block;margin-bottom:11px;color:#423d38;font-size:10px;font-weight:800;line-height:1.35}.tab-pane input:not([type=checkbox]),.tab-pane textarea,.tab-pane select{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:9px;background:rgba(255,253,250,.82);padding:8px 9px;font-size:11px;line-height:1.35;outline:none}.tab-pane textarea{resize:vertical}.tab-pane input:focus,.tab-pane textarea:focus,.tab-pane select:focus{border-color:rgba(198,92,59,.65);box-shadow:0 0 0 3px rgba(198,92,59,.08)}.tab-pane select:disabled,.tab-pane textarea:disabled,.tab-pane input:disabled{opacity:.55}.field-grid{display:grid;gap:9px}.field-grid.two{grid-template-columns:1fr 1fr}.field-grid.three{grid-template-columns:repeat(3,1fr)}.immutable,.prompt-badge{display:block;margin-top:2px;color:var(--muted);font-size:8px;font-weight:500}.prompt-badge{color:var(--accent-dark)}.code-input,.event-log,.readout pre{font-family:"SFMono-Regular",Consolas,monospace}.toggle-label{min-height:47px;display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,253,250,.6)}.toggle-label small{display:block;color:var(--muted);font-size:8px;font-weight:500}.toggle-label input{appearance:none;width:32px;height:18px;flex:0 0 auto;border-radius:999px;background:#c7c0b8;position:relative;cursor:pointer}.toggle-label input:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:white;transition:.2s}.toggle-label input:checked{background:var(--success)}.toggle-label input:checked:after{left:17px}.readout{padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,253,250,.55);margin:0 0 10px}.readout strong{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.readout span,.readout pre{color:var(--muted);font-size:9px;line-height:1.45}.readout pre{margin:0;white-space:pre-wrap}.readout.compact{display:flex;justify-content:space-between;gap:10px}.readout.compact strong{margin:0}.pane-note{margin:0 0 12px;color:var(--muted);font-size:10px;line-height:1.5}.secondary-button{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px;background:var(--ink);color:white;font-size:10px;font-weight:800;cursor:pointer;margin-bottom:11px}.secondary-button:disabled{opacity:.35;cursor:not-allowed}.button-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tab-pane hr{border:0;border-top:1px solid var(--line);margin:5px 0 12px}.event-head{display:flex;justify-content:space-between}.text-button{font-size:9px}.event-log{min-height:340px;height:calc(100% - 24px);margin:0;padding:11px;border-radius:10px;background:#211e1a;color:#e9e2d9;white-space:pre-wrap;word-break:break-word;overflow:auto;font-size:9px;line-height:1.55}.scrim{display:none}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:9px}footer p{margin:0}.tech{letter-spacing:.12em;font-weight:700}
@media(max-width:960px){.shell{width:min(100% - 24px,760px);height:auto;min-height:100dvh;grid-template-rows:60px minmax(calc(100dvh - 96px),auto) 36px}.settings-trigger{display:block}.workspace{display:block;padding:12px 0}.conversation{min-height:calc(100dvh - 120px)}.intro-row{display:block;padding:3px 2px 0}.lede{margin-top:8px}.voice-card{margin-top:12px;min-height:calc(100dvh - 220px)}.settings-panel{position:fixed;z-index:20;left:50%;bottom:0;width:min(720px,100%);height:min(88dvh,760px);transform:translate(-50%,102%);border-radius:24px 24px 0 0;transition:transform .25s ease;background:#f9f6f1}.settings-panel.open{transform:translate(-50%,0)}.panel-close{display:block}.scrim{display:block;position:fixed;z-index:19;inset:0;background:rgba(32,26,21,.34);opacity:0;pointer-events:none;transition:.2s}.scrim.open{opacity:1;pointer-events:auto}footer .tech{display:none}}
@media(max-width:560px){.shell{width:calc(100% - 18px)}.brand{font-size:10px}.status-pill{max-width:165px}.workspace{padding:9px 0}.conversation{gap:9px}.intro-row .eyebrow{margin-bottom:4px}h1{font-size:27px}.lede{font-size:11px;line-height:1.45}.voice-card{border-radius:20px;padding:12px;gap:9px;min-height:calc(100dvh - 195px);grid-template-rows:auto minmax(200px,1fr) auto auto auto}.voice-head{grid-template-columns:62px minmax(0,1fr);gap:10px}.orb{width:58px;height:58px}.utility-button{grid-column:1/-1;justify-self:end;margin-top:-31px}.mic-state{font-size:12px;margin-bottom:7px}.session-meta{font-size:9px;gap:7px}.transcript{padding:11px}.action-row{gap:7px}.primary-button{min-height:45px}.clear-button{padding:6px;font-size:9px}.settings-panel{height:91dvh;padding:14px 12px}.field-grid.three{grid-template-columns:1fr 1fr}.field-grid.three label:first-child{grid-column:1/-1}.event-log{min-height:300px}footer{justify-content:center}.top-actions{gap:5px}.settings-trigger{padding:7px 10px}}