:root{--paper:#d8d5cc;--paper2:#c9c5b9;--ink:#171713;--muted:#625f56;--line:rgba(23,23,19,.24);--hot:#e44916;--glass:rgba(242,239,229,.55)}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(228,73,22,.23),transparent 34rem),linear-gradient(135deg,var(--paper2),var(--paper));color:var(--ink);font-family:"JetBrains Mono",monospace}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}#field{position:fixed;inset:0;width:100%;height:100%;opacity:.22;pointer-events:none}.shell{position:relative;width:min(940px,calc(100% - 32px));margin:auto;padding:44px 0 80px}header{position:relative;margin-bottom:28px}.node{display:inline-block;color:var(--hot);font-size:11px;letter-spacing:.2em;text-decoration:none;border:1px solid var(--line);padding:7px 10px}.status{position:absolute;right:0;top:8px;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.16em}.status i{width:7px;height:7px;background:var(--hot);border-radius:50%;box-shadow:0 0 12px var(--hot)}h1{font:700 clamp(45px,9vw,92px)/.86 "Space Grotesk",sans-serif;letter-spacing:-.07em;margin:34px 0 12px}h1 span{color:var(--hot)}.dek{margin:0;color:var(--muted);font-size:12px;letter-spacing:.08em}.panel{position:relative;margin-top:14px;padding:20px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(14px);box-shadow:0 18px 60px rgba(34,28,17,.06)}.toolbar,.audio-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toolbar label,.audio-grid>label{display:grid;gap:6px;font-size:10px;letter-spacing:.15em;color:var(--muted)}select,textarea,button{font:500 13px "JetBrains Mono",monospace;color:var(--ink)}select,textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.34);border-radius:0;outline:none}select{padding:12px}textarea{padding:15px;resize:vertical;min-height:126px;line-height:1.65}select:focus,textarea:focus{border-color:var(--hot);box-shadow:0 0 0 2px rgba(228,73,22,.12)}.modes{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.mode,.quiet,.transport button{border:1px solid var(--line);background:transparent;padding:9px 11px;cursor:pointer}.mode.active{color:#fff;background:var(--ink);border-color:var(--ink)}.input-label{display:block;margin:18px 0 7px;font-size:10px;letter-spacing:.15em;color:var(--muted)}.input-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin:7px 0 14px}.invoke{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:var(--hot);color:white;padding:15px 17px;letter-spacing:.12em;cursor:pointer}.invoke:disabled{opacity:.5;cursor:wait}.invoke b{font-size:18px}.section-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.15em}.section-head .quiet{padding:5px 8px;font-size:9px}.output{min-height:110px;padding:20px 3px 8px;white-space:pre-wrap;line-height:1.72;font-size:14px}.output.empty{color:var(--muted)}.output.loading{animation:pulse 1s infinite}.error{color:#9d2605;border-top:1px solid var(--line);padding-top:12px;font-size:12px}.audio-grid{grid-template-columns:1.3fr 1fr 1.4fr;margin-top:18px}.range span{display:flex;justify-content:space-between}.range b{font-weight:400}input[type=range]{width:100%;accent-color:var(--hot)}.transport{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.transport button:first-child{background:var(--ink);color:white;border-color:var(--ink)}button:disabled{opacity:.35;cursor:not-allowed}.audio-note{color:var(--muted);font-size:10px;line-height:1.5;margin:14px 0 0}.speaking .audio-panel{box-shadow:inset 4px 0 var(--hot),0 18px 60px rgba(34,28,17,.06)}@keyframes pulse{50%{opacity:.42}}@media(max-width:680px){.shell{width:min(100% - 20px,940px);padding-top:22px}.status{position:static;margin-top:14px}h1{margin-top:26px}.toolbar,.audio-grid{grid-template-columns:1fr}.panel{padding:15px}.modes{display:grid;grid-template-columns:1fr 1fr}.transport button{flex:1 1 45%}.input-meta span:last-child{display:none}}
.voice-picker{display:none!important}
.signal-progress{margin:0 0 14px;border:1px solid var(--line);padding:10px;background:rgba(20,20,16,.035)}
.signal-progress-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.13em}
.signal-progress-track{height:5px;background:rgba(20,20,16,.12);overflow:hidden}
.signal-progress-track i{display:block;width:0;height:100%;background:var(--ink);transition:width .2s linear;box-shadow:0 0 10px rgba(20,20,16,.35)}
.audio-gate{width:100%;margin-top:14px;padding:14px 16px;border:1px solid var(--hot);background:var(--hot);color:#fff;font:700 12px "JetBrains Mono",monospace;letter-spacing:.14em;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.audio-gate[hidden]{display:none}