:root{--bg: #0b0b0c;--fg: #e6e6e6;--muted: #9aa0a6;--accent: #5b9dff;--danger: #ff6b6b;--crt-green: #39ff88;--crt-dim: rgba(57,255,136,.28);--crt-red: #ff3b3b;--crt-red-dim: rgba(255,59,59,.28)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:VT323,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:var(--bg);color:var(--fg);display:flex}#app{display:flex;flex-direction:column;gap:6px;width:100%;max-width:1100px;margin:0 auto;padding:8px 12px;height:100%}.crt-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:14px;background:#031c0e;color:var(--crt-green);box-shadow:inset 0 0 0 2px var(--crt-dim);text-shadow:0 0 6px rgba(57,255,136,.45)}.crt-topline{position:absolute;right:12px;top:10px;height:4px;width:40%;background:var(--crt-dim);border-radius:999px;filter:blur(.5px)}.crt-left{display:flex;align-items:center;gap:14px}.crt-badge{width:64px;height:64px;display:grid;place-items:center;box-shadow:inset 0 0 0 2px var(--crt-dim);border-radius:8px}.crt-icon-svg{width:44px;height:44px;color:var(--crt-green);opacity:.9}.globe-svg .globe-rot{transform-origin:12px 12px;animation:globeSpin 8s linear infinite}@keyframes globeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.crt-title{display:flex;flex-direction:column;line-height:1.1;letter-spacing:2px}.crt-line-1{font-weight:800;font-size:clamp(14px,2.2vw,18px)}.crt-line-2{font-weight:700;font-size:clamp(12px,1.8vw,14px);color:var(--crt-green);opacity:.9}.crt-right{display:inline-flex;align-items:center;gap:10px}.crt-clock{font-family:VT323,monospace;letter-spacing:2px;color:var(--crt-green);opacity:.85;padding:6px 10px;box-shadow:inset 0 0 0 2px var(--crt-dim);border-radius:8px;font-size:1.4rem}.crt-pill{padding:6px 10px;font-weight:800;letter-spacing:2px;border-radius:999px;box-shadow:inset 0 0 0 2px var(--crt-dim);font-size:1.4rem}.io-text{animation:ioBlink 1.2s steps(2,end) infinite}@keyframes ioBlink{0%,60%{opacity:1}61%,to{opacity:.15}}.crt-track{position:relative;width:14px;height:40px;border-radius:7px;box-shadow:inset 0 0 0 2px var(--crt-dim);display:grid;place-items:center}.crt-track .crt-dot{position:absolute;width:8px;height:8px;background:var(--crt-green);border-radius:2px;box-shadow:0 0 6px #39ff8899;animation:dotSlide var(--dur,1.8s) ease-in-out infinite;animation-delay:var(--delay,0s)}@keyframes dotSlide{0%,to{transform:translateY(-14px)}50%{transform:translateY(14px)}}.fullscreen-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);background:#0a2a0f;border:1px solid var(--crt-dim);color:var(--crt-green);font-size:1.2rem;padding:6px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease;z-index:10}.fullscreen-btn:hover{background:#0d3a15;box-shadow:0 0 8px #39ff884d;text-shadow:0 0 4px rgba(57,255,136,.6)}.stage{display:none}.latency-dot{display:inline-block;margin-left:8px;width:8px;height:8px;border-radius:999px;background:#6b7280;vertical-align:middle;box-shadow:0 0 0 2px #0003;transform:translateY(-1px)}.controls{display:flex;align-items:center;gap:12px}.controls.hidden{gap:0}.settings{display:none;align-items:center;gap:12px}.settings.show{display:inline-flex}.mic{background:var(--accent);color:#fff;border:none;padding:12px 18px;border-radius:999px;cursor:pointer;font-weight:600}.mic.start{background:var(--accent)}.mic.stop{background:var(--danger)}.toggle{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.waveforms{position:relative;flex:3 1 0;min-height:40vh;background:#000;border-radius:12px;overflow:hidden}#convBgVideo,.wave-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.5}#waveformMic,#waveformAI{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none}#waveformAI{z-index:1}#waveformMic{z-index:2}.code-ticker{position:absolute;right:6%;top:12%;width:24%;height:48%;z-index:1;box-shadow:inset 0 0 0 2px #39ff8840;border-radius:8px;overflow:hidden;background:#0003;display:none}.code-ticker-wrap{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.code-page{margin:0;padding:10px;color:#39ff88;font-family:VT323,monospace;font-size:clamp(10px,1.6vw,16px);opacity:.3;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;line-height:1.2em}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;font-weight:800;font-size:clamp(18px,3vw,28px);letter-spacing:3px;color:#ffffff38;z-index:0;pointer-events:none;text-shadow:0 0 18px rgba(255,255,255,.18)}.overlay:after{content:"";position:absolute;width:70%;height:70%;border-radius:24px;filter:blur(48px);background:radial-gradient(ellipse at center,#ffffff1a,#0000)}.overlay{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.22}50%{opacity:.36}}.statusbar{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;padding:0 2px;flex:1 1 0;min-height:20vh}.transcripts{display:flex;flex-direction:column;gap:6px;max-height:30vh;overflow:auto}.idle-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:0;color:var(--crt-green)}.idle-video{width:min(70vmin,640px);height:auto;max-width:100%;border-radius:12px;filter:none;box-shadow:none}.idle-label{position:absolute;bottom:8%;font-family:VT323,monospace;letter-spacing:3px;font-size:clamp(28px,4.4vw,40px);opacity:.75;color:var(--crt-green);text-shadow:0 0 10px rgba(57,255,136,.35)}.tline{padding:6px 10px;border-radius:8px;background:#101214}.tline.user{background:#13181f}.tline.ai{background:#101618}.io-console{background:#05160c;color:var(--crt-green);box-shadow:inset 0 0 0 2px var(--crt-dim);border-radius:12px;padding:12px 14px;font-family:VT323,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.12;min-height:84px;max-height:84px;overflow:hidden;text-shadow:0 0 6px rgba(57,255,136,.35);font-size:2.1rem}.io-console .io-line{white-space:normal;word-break:break-word;opacity:.92}.io-console .io-in:before{content:"> input: ";font-weight:800;color:var(--crt-green)}.io-console .io-out{color:var(--crt-red);text-shadow:0 0 6px rgba(255,59,59,.35)}.io-console .io-out:before{content:"> output: ";font-weight:800;color:var(--crt-red)}.io-console .io-cursor{display:inline-block;width:8px;height:1.1em;vertical-align:-.2em;background:var(--crt-green);margin-left:3px;box-shadow:0 0 6px #39ff8899;animation:crtBlink 1s steps(1) infinite}.io-console{scrollbar-width:none}.io-console::-webkit-scrollbar{width:0;height:0}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999}.crt-none{background:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.crt-soft{--crt-scan-a: .16;--crt-move-a: .22;--crt-roll-a: .12;--crt-roll-op: .7;--crt-roll-blur: 2px;background:repeating-linear-gradient(to bottom,rgba(0,0,0,var(--crt-scan-a)),rgba(0,0,0,var(--crt-scan-a)),#0000 2px),radial-gradient(ellipse at center,#0000 60%,#00000059),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64"><filter id="n"><feTurbulence baseFrequency="0.8" numOctaves="2"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity="0.05"/></svg>')}.crt-soft:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,var(--crt-move-a)),rgba(0,0,0,var(--crt-move-a)) 1px,#0000 3px);mix-blend-mode:multiply;opacity:.95;animation:crtScan 8s linear infinite}.crt-soft:after{content:"";position:absolute;top:-20%;right:0;bottom:120%;left:0;pointer-events:none;background:linear-gradient(to bottom,#fff0,rgba(255,255,255,var(--crt-roll-a)),#fff0);opacity:var(--crt-roll-op);filter:blur(var(--crt-roll-blur));animation:crtRoll 6s linear infinite}@keyframes crtScan{0%{background-position-y:0}to{background-position-y:200px}}@keyframes crtRoll{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.crt-curve{filter:url(#crt-curve)}@supports (backdrop-filter: contrast(1.02)){.crt-soft{-webkit-backdrop-filter:contrast(1.02) saturate(1.05);backdrop-filter:contrast(1.02) saturate(1.05)}}@media (prefers-reduced-motion: reduce){.crt-soft:before,.crt-soft:after{animation:none}}@keyframes crtBlink{0%,50%{opacity:0}51%,to{opacity:1}}button{background:#23272f;color:var(--fg);border:1px solid #2c313c;padding:8px 12px;border-radius:8px;cursor:pointer}button:hover{filter:brightness(1.1)}.page{display:none;width:100%;height:100vh;position:fixed;top:0;left:0;z-index:1}.page.active{display:block}#app.page1,#app.active{display:flex!important;flex-direction:column;height:100vh}#app{height:100vh;position:relative;display:flex;flex-direction:column}body{margin:0;padding:0;height:100vh;overflow:hidden}.clock-page{background:#000;display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;margin:0;padding:0;position:fixed;top:0;left:0;overflow:hidden}.clock-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,255,0,.08) 1px,rgba(0,255,0,.08) 3px);pointer-events:none;z-index:1}.clock-page:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.1) 100%);pointer-events:none;z-index:2}.clock-page .tv-distortion{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent 0px,transparent 1px,rgba(0,255,0,.06) 1px,rgba(0,255,0,.06) 2px,transparent 2px,transparent 3px,rgba(0,255,0,.04) 3px,rgba(0,255,0,.04) 4px,transparent 4px,transparent 5px,rgba(0,255,0,.02) 5px,rgba(0,255,0,.02) 6px);pointer-events:none;z-index:4;animation:tvDistortion 2s linear infinite;opacity:.8}@keyframes tvDistortion{0%{transform:translateY(-100%) skewY(.5deg);opacity:0}5%{opacity:.8}15%{transform:translateY(-80%) skewY(-.3deg)}30%{transform:translateY(-60%) skewY(.2deg)}45%{transform:translateY(-40%) skewY(-.1deg)}60%{transform:translateY(-20%) skewY(.4deg)}80%{transform:translateY(20%) skewY(-.2deg)}95%{opacity:.8}to{transform:translateY(100%) skewY(.3deg);opacity:0}}.clock-container{text-align:center;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin:0;box-sizing:border-box}.clock-display{background:transparent;border:none;padding:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;position:relative;z-index:3;box-shadow:0 0 20px #39ff884d,inset 0 0 20px #39ff881a;animation:crtBorderFlicker .2s linear infinite}.clock-display .time{font-family:VT323,monospace;font-size:clamp(12rem,35vw,40rem);font-weight:900;color:var(--crt-green);text-shadow:0 0 20px rgba(57,255,136,.6),0 0 40px rgba(57,255,136,.3),0 0 60px rgba(57,255,136,.1);margin:0;line-height:.7;letter-spacing:8px;text-align:center;position:relative;z-index:3;filter:blur(.5px);animation:crtFlicker .15s linear infinite,crtGlitch 2s ease-in-out infinite,crtBlink 3s ease-in-out infinite}@keyframes crtBorderFlicker{0%,to{border-color:var(--crt-green);box-shadow:0 0 20px #39ff884d,inset 0 0 20px #39ff881a}50%{border-color:#39ff88cc;box-shadow:0 0 15px #39ff8833,inset 0 0 15px #39ff880d}}@keyframes crtFlicker{0%,to{opacity:1}98%{opacity:.98}99%{opacity:1}}@keyframes crtGlitch{0%,to{transform:translate(0);filter:blur(.5px)}20%{transform:translate(-1px,1px);filter:blur(.8px)}40%{transform:translate(1px,-1px);filter:blur(.3px)}60%{transform:translate(-1px,-1px);filter:blur(.6px)}80%{transform:translate(1px,1px);filter:blur(.4px)}}@keyframes crtBlink{0%,90%,to{opacity:1}95%{opacity:.8}97%{opacity:1}98%{opacity:.9}}.clock-display .date{font-family:VT323,monospace;font-size:clamp(1.5rem,4vw,3rem);color:var(--crt-green);opacity:.9;letter-spacing:3px;margin-top:40px;position:relative;z-index:3}.video-page,.single-video-page{background:#000;position:relative}.fullscreen-video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:20px;left:20px;background:#000000b3;color:var(--crt-green);padding:12px 16px;border-radius:6px;font-family:VT323,monospace;font-size:1.1rem;border:1px solid var(--crt-dim);z-index:10;display:none}