.starfield{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.app{z-index:1;min-height:100dvh;position:relative;container-type:inline-size}.nav{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--void) 86%, transparent);justify-content:space-between;align-items:center;gap:16px;height:64px;padding-inline:22px;display:flex}.brand{font:800 12px var(--display);letter-spacing:.26em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:10px;display:flex}.brand-mark{flex:none;width:25px;height:40px;display:inline-block;overflow:hidden}.brand-art,.hero-art{white-space:pre;color:var(--ink);pointer-events:none;margin:0;line-height:1}.brand-art{letter-spacing:0;transform-origin:0 0;font-family:Menlo,DejaVu Sans Mono,monospace;font-size:10px;transform:scale(.078)}.telemetry{align-items:center;gap:10px;display:flex}.tchip{font:500 10.5px var(--mono);letter-spacing:.14em;border:1px solid var(--line-hi);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding:8px 10px}.tchip.live{color:var(--ink)}.frame{border:1px solid var(--line-hi);background:color-mix(in srgb, var(--void) 90%, transparent);grid-template-columns:1.15fr 1fr;width:min(92%,1240px);height:clamp(460px,100dvh - 264px,760px);margin:46px auto 0;display:grid;position:relative}.frame:before,.frame:after{content:"";border-color:var(--muted);pointer-events:none;border-style:solid;width:15px;height:15px;position:absolute}.frame:before{border-width:0 1px 1px 0;top:-8px;left:-8px}.frame:after{border-width:1px 0 0 1px;bottom:-8px;right:-8px}.hero{scrollbar-width:none;border-right:1px solid var(--line-hi);--fs:clamp(10px, 1.15dvh, 12px);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:clamp(22px,3cqw,40px);min-width:0;min-height:0;padding:clamp(20px,3dvh,34px) clamp(22px,2.6cqw,34px) clamp(16px,2.4dvh,26px);display:grid;position:relative;overflow-y:auto}.hero::-webkit-scrollbar{display:none}.hero-col{flex-direction:column;gap:clamp(16px,2.6dvh,30px);min-width:0;min-height:0;display:flex}.hero-col.left{justify-content:space-between}.hero-col.left .hero-stats{display:contents}.stat-group{min-width:0;font:var(--fs)/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.hero-col.left .stat-group+.stat-group{border-top:1px solid var(--line);padding-top:clamp(14px,2.2dvh,24px)}.stat-group h2{font:800 calc(var(--fs) + 1px) var(--display);letter-spacing:.18em;color:var(--ink);margin:0 0 clamp(9px,1.4dvh,14px)}.stat-group dl{gap:clamp(6px,1dvh,10px);margin:0;display:grid}.stat{justify-content:space-between;align-items:baseline;gap:14px;min-width:0;display:flex}.stat dt{color:var(--muted);flex:none}.stat dd{letter-spacing:.04em;text-align:right;overflow-wrap:anywhere;min-width:0;color:var(--ink);margin:0;font-weight:500;line-height:1.25}.stat dd.unknown{color:var(--dim)}.stat.sub{border-left:1px solid var(--line-hi);margin-left:2px;padding-left:12px}.stat{position:relative}.stat dt.has-tip{cursor:help;-webkit-text-decoration:underline dotted var(--line-hi);text-decoration:underline dotted var(--line-hi);text-underline-offset:4px;outline:none;position:static}.stat dt.has-tip:hover,.stat dt.has-tip:focus-visible,.stat dt.has-tip:focus{color:var(--ink);-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.tip{z-index:20;background:var(--panel);border:1px solid var(--line-hi);box-shadow:0 0 0 4px var(--void);font:400 12.5px/1.5 var(--mono);letter-spacing:0;text-transform:none;color:var(--ink);white-space:normal;opacity:0;visibility:hidden;pointer-events:none;padding:10px 12px;transition:opacity .12s,transform .12s,visibility 0s .12s;position:absolute;bottom:calc(100% + 8px);left:-10px;right:-10px;transform:translateY(4px)}.stat-group:first-child .tip{top:calc(100% + 10px);bottom:auto;transform:translateY(-4px)}.stat dt.has-tip:hover .tip,.stat dt.has-tip:focus .tip{opacity:1;visibility:visible;transition:opacity .12s,transform .12s;transform:none}.timeline{margin-top:clamp(8px,1.3dvh,14px)}.timeline .bar{gap:2px;height:10px;display:flex;position:relative}.timeline.empty .bar{border:1px solid var(--line-hi)}.timeline.empty .legend{color:var(--dim)}.timeline .seg{flex-basis:0;min-width:2px}.eot{background:repeating-linear-gradient(135deg, var(--muted) 0 1px, transparent 1px 4px);outline:1px solid var(--muted);outline-offset:-1px}.llm{background:var(--ink)}.tts{box-shadow:inset 0 0 0 1px var(--ink)}.timeline .tick{background:var(--ink);width:1px;height:18px;position:absolute;top:-4px}.timeline .legend{font:9px var(--mono);letter-spacing:.1em;color:var(--muted);white-space:nowrap;gap:12px;margin-top:7px;display:flex}.timeline .legend i{vertical-align:1px;width:10px;height:6px;margin-right:5px;display:inline-block}.art-box{border:1px solid var(--line-hi);background:color-mix(in srgb, var(--void) 60%, transparent);flex-direction:column;flex:1 1 0;min-height:0;margin:0;display:flex;container-type:inline-size}.art-cap{border-bottom:1px solid var(--line);font:9.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap;justify-content:space-between;gap:12px;padding:9px 12px;display:flex}@container (width<=230px){.art-cap span+span{display:none}}.art-fit{flex:1 1 0;place-items:center;min-height:0;padding:14px;display:grid;position:relative;overflow:hidden}.art-box.live{border-color:var(--muted)}.live-tag{color:var(--ink);align-items:center;gap:7px;display:inline-flex}.live-tag .dot{background:var(--ink);width:6px;height:6px;animation:1.2s steps(2,start) infinite art-blink}@keyframes art-blink{to{opacity:0}}@media (prefers-reduced-motion:reduce){.live-tag .dot{animation:none}}.hero-art{font-family:IBM Plex Mono,Menlo,monospace;font-size:4px}.hero .meta{z-index:1;font:11px var(--mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;flex-wrap:wrap;gap:8px 18px;display:flex;position:relative}.hero .meta b{color:var(--ink);font-weight:500}.widget{flex-direction:column;min-width:0;min-height:0;display:flex}.below{flex-direction:column;align-items:center;gap:14px;padding:28px 20px 32px;display:flex}@container (width<=900px){.frame{grid-template-columns:1fr;height:auto;margin-top:32px}.hero{border-right:0;border-bottom:1px solid var(--line-hi);--fs:11px;min-height:360px}.art-box{flex:none;height:360px}.widget{height:clamp(440px,62dvh,640px)}}@container (width<=600px){.nav{padding-inline:16px}.tchip.link{display:none}.frame{width:auto;margin:24px 16px 0}.hero{--fs:10.5px;grid-template-columns:minmax(0,1fr);gap:22px;min-height:0;padding:24px 20px 20px}.art-box{height:260px}.widget{height:clamp(420px,70dvh,600px)}.below{padding:24px 16px 32px}}.eyebrow{font:10px var(--mono);letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.whead{border-bottom:1px solid var(--line-hi);display:flex}.pick{border-right:1px solid var(--line-hi);flex:1 1 0;min-width:0;position:relative}.pick>span{font:10px var(--mono);letter-spacing:.18em;color:var(--muted);pointer-events:none;position:absolute;top:12px;left:16px}.pick select{appearance:none;width:100%;min-height:64px;color:var(--ink);font:500 14px var(--thai);cursor:pointer;text-overflow:ellipsis;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237d8896' stroke-width='1.2'/%3E%3C/svg%3E") right 16px center/10px 6px no-repeat;border:0;margin:0;padding:29px 40px 11px 16px;display:block}.pick select:focus-visible{outline:1px solid var(--ink);outline-offset:-1px}.pick select:disabled{color:var(--muted);cursor:default}.pick option{background:var(--panel);color:var(--ink)}.meter{flex:none;place-items:center;width:76px;display:grid}.bars{justify-content:center;align-items:center;gap:3px;height:22px;display:flex}.bars .lk-audio-bar{background:var(--dim);width:3px;min-height:2px}.bars.idle .lk-audio-bar{height:2px}.bars .lk-audio-bar.lk-highlighted,.bars .lk-audio-bar[data-lk-highlighted=true]{background:var(--ink)}.banner{border-bottom:1px solid var(--line-hi);align-items:center;gap:12px;min-height:52px;padding:8px 8px 8px 16px;font-size:14px;display:flex}.banner:before{content:"ALERT";font:600 10px var(--display);letter-spacing:.16em;background:var(--ink);color:var(--void);flex:none;padding:4px 6px}.banner.info:before{content:"NOTICE";color:var(--muted);border:1px solid var(--line-hi);background:0 0}.banner.info{color:var(--muted)}.banner span{flex:1;min-width:0}.banner.passcode:before{content:"LOCKED"}.banner.passcode label{font:600 11px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex:none}.banner.passcode input{min-width:0;min-height:44px;color:var(--ink);border:1px solid var(--line-hi);font:inherit;background:0 0;border-radius:0;flex:1;padding:0 12px}.banner.passcode input:focus-visible{outline:1px solid var(--ink);outline-offset:-1px}.banner button{min-height:44px;color:var(--ink);border:1px solid var(--line-hi);font:600 10.5px var(--display);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;flex:none;padding:0 16px}.chat{overscroll-behavior:contain;flex-direction:column;flex:1;gap:18px;min-height:0;padding:18px 20px;display:flex;overflow-y:auto}@media (pointer:coarse){.chat{overscroll-behavior:auto}}.chat.empty{text-align:center;color:var(--muted);font:10.5px/1.8 var(--mono);letter-spacing:.18em;text-transform:uppercase;justify-content:center;align-items:center}.start-frame{border:1px solid var(--line-hi);background:var(--void);padding:5px}.start{background:var(--panel);min-width:300px;min-height:64px;color:var(--ink);border:1px solid var(--ink);cursor:pointer;font:600 13px var(--display);letter-spacing:.2em;text-transform:uppercase;justify-content:center;align-items:center;gap:14px;padding:0 34px;display:flex}.start:disabled{color:var(--muted);border-color:var(--line-hi);cursor:default}.start:focus-visible{outline-offset:4px}.start-hint{margin:18px 0 0}@media (width<=480px){.start{letter-spacing:.14em;min-width:0;padding:0 20px}}.msg .who{font:10.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:12px;display:flex}.msg .who b{color:var(--ink);font-weight:600}.msg .time{font-variant-numeric:tabular-nums}.msg .text{overflow-wrap:anywhere;margin:6px 0 0;font-size:15.5px;line-height:1.65}.msg.user .text{color:var(--muted)}.msg .text.interim,.unspoken{color:var(--dim)}.lat{font:11px var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.lat span{border:1px solid var(--line-hi);white-space:nowrap;padding:2px 7px}.lat .tot{color:var(--void);background:var(--ink);border-color:var(--ink)}.input-row{border-top:1px solid var(--line-hi);display:flex}.composer{flex:1;min-width:0;display:flex}.composer input{min-width:0;min-height:58px;color:var(--ink);font:15px var(--thai);background:0 0;border:0;flex:1;padding:18px 20px}.composer input::placeholder{color:var(--muted);opacity:1}.composer input:disabled::placeholder{color:var(--dim)}.composer input:focus-visible{outline:1px solid var(--muted);outline-offset:-1px}.controls{flex:none;display:flex;position:relative}.mic-menu{z-index:30;background:var(--panel);border:1px solid var(--line-hi);min-width:260px;max-width:min(360px,90vw);box-shadow:0 0 0 4px var(--void);padding:6px;position:absolute;bottom:calc(100% + 8px);right:0}.mic-row{text-align:left;width:100%;min-height:44px;color:var(--ink);font:12.5px var(--mono);letter-spacing:.04em;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;align-items:center;gap:12px;padding:0 12px;display:flex;overflow:hidden}.mic-row:hover,.mic-row:focus-visible{background:var(--hull);outline:none}.mic-row .lbl{text-overflow:ellipsis;min-width:0;overflow:hidden}.mic-row .led{border:1px solid var(--muted);flex:none;width:8px;height:8px}.mic-row .led.on{background:var(--ink);border-color:var(--ink)}.mic-head{border-top:1px solid var(--line);font:10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:4px;padding:10px 12px 6px}.mic-none{font:12px var(--mono);color:var(--dim);padding:8px 12px 10px}.controls>button{border:0;border-left:1px solid var(--line-hi);min-width:64px;min-height:58px;color:var(--ink);font:10.5px var(--mono);letter-spacing:.14em;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:10px;padding:0 18px;display:flex}.controls .end{font:600 10.5px var(--display);letter-spacing:.16em}.controls>button:disabled{color:var(--dim);cursor:default}.controls>button:focus-visible{outline-offset:-4px}.mic i{border:1px solid;width:6px;height:6px;display:inline-block}.mic.on i{background:var(--ink);border-color:var(--ink);animation:1.2s steps(2,end) infinite pulse}@keyframes pulse{50%{opacity:.2}}@media (hover:hover){.controls>button:not(:disabled):hover,.banner button:hover,.start:not(:disabled):hover{background:var(--ink);color:var(--void)}}.summary{border:1px solid var(--line-hi);background:color-mix(in srgb, var(--void) 90%, transparent);width:min(560px,100%);padding:16px 18px}.summary .stats{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0;display:grid}.summary .stats>div{padding:12px 0}.summary .stats>div+div{border-left:1px solid var(--line);padding-left:14px}.summary .label{font:10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;display:block}.summary strong{font:600 16px var(--display);font-variant-numeric:tabular-nums;white-space:nowrap}.summary .saved{font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}@media (prefers-reduced-motion:reduce){.mic.on i{animation:none}}.ended-bar{border-top:1px solid var(--line-hi);background:color-mix(in srgb, var(--void) 92%, transparent);align-items:center;gap:10px;margin:6px -20px -18px;padding:12px 20px;display:flex;position:sticky;bottom:0}.ended-label{font:10.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-right:auto}.again{min-height:44px;color:var(--ink);border:1px solid var(--line-hi);font:600 11px var(--display);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;padding:0 18px}.again.solid{background:var(--ink);color:var(--void);border-color:var(--ink)}@media (hover:hover){.again:not(.solid):hover{background:var(--ink);color:var(--void)}.again.solid:hover{background:var(--void);color:var(--ink)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#03050a;--hull:#070a10;--panel:#0a0e15;--line:#18202b;--line-hi:#26303e;--ink:#f1f5fa;--muted:#7d8896;--dim:#3a4350;--star:#fff;--display:"Martian Mono", "IBM Plex Mono", ui-monospace, monospace;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--thai:"IBM Plex Sans Thai", "Noto Sans Thai", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--void);color:var(--ink)}body{font-family:var(--thai);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0}button,input,select{font:inherit;color:inherit;border-radius:0}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:1px solid var(--ink);outline-offset:3px}