:root{--bg:#07090c;--bg-raise:#0c1016;--panel:#0a0e13;--line:rgba(148,163,184,0.16);--line-soft:rgba(148,163,184,0.09);--text:#e8eef4;--muted:#93a1b3;--faint:#5d6b7d;--green:#34d399;--green-dim:rgba(52,211,153,0.14);--amber:#fbbf24;--amber-dim:rgba(251,191,36,0.12);--red:#f87171;--mono:ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:44px 44px;background-position:top}.wrap{max-width:900px;margin:0 auto;padding:0 20px 96px}.hero{padding:84px 0 40px}.badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--green);border:1px solid rgba(52,211,153,.35);background:var(--green-dim);border-radius:999px;padding:5px 14px;text-transform:uppercase}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.hero h1{font-family:var(--mono);font-size:clamp(34px,6.4vw,58px);font-weight:700;letter-spacing:-.02em;line-height:1.08;margin:26px 0 20px}.hero h1 em{font-style:normal;color:var(--green)}.hero .lede{font-size:19px;color:var(--muted);max-width:640px}.hero .lede strong{color:var(--text);font-weight:600}.section{margin-top:72px}.section-tag{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:10px}.section h2{font-family:var(--mono);font-size:26px;letter-spacing:-.01em;margin-bottom:14px}.section>p{color:var(--muted);max-width:660px;margin-bottom:12px}.section>p strong{color:var(--text)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.45)}.presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chip{font-family:var(--mono);font-size:13px;color:var(--text);background:var(--bg-raise);border:1px solid var(--line);border-radius:999px;padding:7px 14px;cursor:pointer;transition:border-color .12s ease,background .12s ease}.chip:hover{border-color:rgba(52,211,153,.5)}.chip.active{border-color:var(--green);background:var(--green-dim);color:var(--green)}.preset-note{font-size:13px;color:var(--faint);margin:-6px 0 14px;min-height:20px}.field-label{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}.field-label .value{color:var(--amber);text-transform:none;letter-spacing:0}input[type=password],input[type=text],textarea{width:100%;background:#060809;color:var(--green);border:1px solid var(--line);border-radius:10px;font-family:var(--mono);font-size:15px;line-height:1.7;padding:12px 14px;resize:vertical}input[type=password]:focus,input[type=text]:focus,textarea:focus{outline:none;border-color:rgba(52,211,153,.55)}textarea.caption-input{color:var(--text)}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-family:var(--mono);font-size:12px;color:var(--faint)}.legend code{color:var(--amber)}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}@media (max-width:640px){.controls{grid-template-columns:1fr}}input[type=range]{width:100%;accent-color:var(--green)}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:20px}.segmented button{font-family:var(--mono);font-size:13px;background:transparent;color:var(--muted);border:none;padding:8px 16px;cursor:pointer}.segmented button+button{border-left:1px solid var(--line)}.segmented button.active{background:var(--green-dim);color:var(--green)}.actions{display:flex;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}.btn-play{font-family:var(--mono);font-size:16px;font-weight:700;background:var(--green);color:#04140c;border:none;border-radius:10px;padding:12px 28px;cursor:pointer;transition:transform 80ms ease,box-shadow .12s ease;box-shadow:0 0 24px rgba(52,211,153,.25)}.btn-play:hover{transform:translateY(-1px);box-shadow:0 0 34px rgba(52,211,153,.4)}.btn-play:active{transform:translateY(0)}.btn-ghost{font-family:var(--mono);font-size:13px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:11px 18px;cursor:pointer}.btn-ghost:hover{color:var(--text);border-color:rgba(148,163,184,.4)}.error{margin-top:14px;font-family:var(--mono);font-size:13px;color:var(--red);border:1px solid rgba(248,113,113,.35);background:rgba(248,113,113,.08);border-radius:10px;padding:10px 14px}.wave-box{margin-top:22px;border:1px solid var(--line);border-radius:10px;background:#05070a;overflow:hidden}.wave-box canvas{display:block;width:100%;height:140px}.stats{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px;font-family:var(--mono);font-size:13px;color:var(--faint)}.stats b{color:var(--amber);font-weight:600}.prompt-box{position:relative;margin-top:16px}.prompt-box pre{background:#060809;border:1px solid var(--line);border-radius:10px;padding:16px;font-size:12.5px;line-height:1.65;white-space:pre-wrap;max-height:260px;overflow-y:auto}.copy-btn,.prompt-box pre{font-family:var(--mono);color:var(--muted)}.copy-btn{position:absolute;top:10px;right:10px;font-size:12px;background:var(--bg-raise);border:1px solid var(--line);border-radius:8px;padding:6px 12px;cursor:pointer}.copy-btn:hover{color:var(--text)}.copy-btn.copied{color:var(--green);border-color:rgba(52,211,153,.5)}.paste-row{display:flex;gap:10px;margin-top:14px;align-items:flex-start}.paste-row textarea{flex:1 1;color:var(--text)}.say-row{display:flex;gap:10px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line-soft)}.say-row input[type=text]{flex:1 1;color:var(--text)}.say-row .btn-ghost{white-space:nowrap}.say-row .btn-ghost:disabled{opacity:.45;cursor:not-allowed}.chat-brains{margin-bottom:14px}.chat-brains .chip{display:inline-flex;align-items:baseline;gap:8px}.chip-blurb{font-size:10.5px;color:var(--faint);letter-spacing:0}.chip.active .chip-blurb{color:rgba(52,211,153,.75)}.chat-key-meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}.chat-keylink{font-family:var(--mono);font-size:12.5px;color:var(--green);text-decoration:none;white-space:nowrap;margin-top:10px}.chat-keylink:hover{text-decoration:underline}.chat-engine{border:1px dashed var(--line);border-radius:10px;padding:14px}.chat-engine .btn-ghost{color:var(--green);border-color:rgba(52,211,153,.4)}.chat-engine-note{font-size:13px;color:var(--faint);margin-top:8px}.chat-engine-note.ok{color:var(--green);margin-top:0}.chat-engine-note:first-child{margin-top:0}.chat-progress{height:6px;border-radius:999px;background:var(--bg-raise);border:1px solid var(--line);overflow:hidden;margin-bottom:8px}.chat-progress-fill{height:100%;background:var(--green);transition:width .3s ease}.chat-config{display:grid;grid-template-columns:auto 1fr 200px;gap:10px;align-items:center}@media (max-width:720px){.chat-config{grid-template-columns:1fr}}.chat-config .segmented{margin-top:0}.chat-config input{color:var(--text)}.chat-remember{display:flex;align-items:baseline;gap:8px;margin-top:10px;font-size:13px;color:var(--faint);cursor:pointer}.chat-remember input{accent-color:var(--green)}.chat-log{display:flex;flex-direction:column;gap:10px;margin-top:18px;border:1px solid var(--line);border-radius:10px;background:#05070a;padding:14px;min-height:120px;max-height:380px;overflow-y:auto}.chat-empty{font-family:var(--mono);font-size:13px;color:var(--faint);margin:auto;text-align:center}.chat-bubble{max-width:82%;border-radius:12px;padding:10px 14px;font-size:14px}.chat-bubble.user{align-self:flex-end;background:var(--green-dim);border:1px solid rgba(52,211,153,.35);color:var(--text)}.chat-bubble.assistant{align-self:flex-start;background:var(--bg-raise);border:1px solid var(--line)}.chat-caption{display:flex;align-items:center;gap:10px;font-family:var(--mono);color:var(--text)}.chat-replay{font-size:11px;line-height:1;background:transparent;color:var(--green);border:1px solid rgba(52,211,153,.4);border-radius:999px;padding:4px 8px;cursor:pointer}.chat-replay:hover{background:var(--green-dim)}.chat-score{display:block;color:var(--faint)}.chat-raw,.chat-score{margin-top:6px;font-family:var(--mono);font-size:11.5px;overflow-wrap:anywhere}.chat-raw{color:var(--muted);white-space:pre-wrap}.chat-turn-error{margin-top:6px;font-family:var(--mono);font-size:12px;color:var(--red)}.chat-busy{font-family:var(--mono);font-size:13px;color:var(--faint);animation:chat-pulse 1.1s ease-in-out infinite}@keyframes chat-pulse{0%,to{opacity:.45}50%{opacity:1}}.mic-locality{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.5;color:var(--muted);border:1px solid var(--line);background:var(--bg-raise)}.mic-locality span{flex:1 1;min-width:240px}.mic-locality b{color:var(--text);font-weight:600}.mic-locality.local{border-color:rgba(52,211,153,.4);background:var(--green-dim)}.mic-locality.local b{color:var(--green)}.mic-locality.installable{border-color:rgba(251,191,36,.35);background:var(--amber-dim)}.mic-locality.installable b{color:var(--amber)}.mic-locality .btn-ghost{white-space:nowrap;padding:8px 14px;font-size:12.5px}.mic-locality .btn-ghost:disabled{opacity:.5;cursor:not-allowed}.chat-composer{display:flex;gap:10px;margin-top:14px}.chat-composer input[type=text]{flex:1 1;color:var(--text)}.chat-mic{font-size:17px;line-height:1;width:46px;background:var(--bg-raise);color:var(--muted);border:1px solid var(--line);border-radius:10px;cursor:pointer;flex-shrink:0}.chat-mic:hover{border-color:rgba(52,211,153,.5)}.chat-mic.listening,.chat-mic.recording{color:var(--red);border-color:rgba(248,113,113,.55);animation:chat-pulse 1.1s ease-in-out infinite}.chat-mic.transcribing{color:var(--amber)}.chat-mic:disabled{opacity:.45;cursor:not-allowed}.chat-composer .btn-play{white-space:nowrap}.chat-composer .btn-play:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}@media (max-width:640px){.steps{grid-template-columns:1fr}}.step{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.step .num{font-size:12px;color:var(--green);letter-spacing:.14em}.step .num,.step h3{font-family:var(--mono)}.step h3{font-size:16px;margin:8px 0 6px}.step p{font-size:14px;color:var(--muted)}.step code{font-family:var(--mono);font-size:12.5px;color:var(--amber);background:var(--amber-dim);border-radius:5px;padding:1px 5px}.notes-table{width:100%;border-collapse:collapse;margin-top:18px;font-size:14px}.notes-table th{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);text-align:left;padding:10px 14px;border-bottom:1px solid var(--line)}.notes-table td{padding:12px 14px;border-bottom:1px solid var(--line-soft);color:var(--muted);vertical-align:top}.notes-table td:first-child{font-family:var(--mono);color:var(--text);white-space:nowrap}.notes-table .pass{color:var(--green)}.footer{margin-top:90px;padding-top:26px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12.5px;color:var(--faint);line-height:1.9}