:root{--c-safe-white:#fff;--c-safe-cyan:#0ff;--c-safe-grey:#ccc;--c-safe-dark:#1a1a1a;--c-safe-yellow:#ff0;--c-green:#00ff41;--c-dark-green:#008f11;--c-magenta:#f0f;--c-red:#ff2a6d;--c-bg:#000;--c-hud-bg:#003d0c;--font-main:"Courier New", Courier, monospace, "Microsoft YaHei", sans-serif;--base-font:clamp(16.5px, 2vh, 30px)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body,html{width:100%;height:100%;font-family:var(--font-main);cursor:crosshair;background-color:#000;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%}.glitch-active{filter:hue-rotate(90deg)contrast(1.2);animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch-anim}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(-.4em,.4em)}40%{transform:translate(-.4em,-.4em)}60%{transform:translate(.4em,.4em)}80%{transform:translate(.4em,-.4em)}to{transform:translate(0)}}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.2}}.crt-container{pointer-events:none;z-index:9999;width:100%;height:100%;animation:.1s infinite subtle-jitter;position:absolute;top:0;left:0;transform:scale(1.01)}.scanlines{z-index:10;opacity:.4;pointer-events:none;background:linear-gradient(#00ff4100 50%,#00ff414d 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}.vhs-noise{opacity:.15;z-index:8;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.3'/%3E%3C/svg%3E");width:100%;height:100%;animation:.5s steps(10,end) infinite noise-anim;position:absolute;top:0;left:0}.vignette{z-index:11;pointer-events:none;background:radial-gradient(circle,#00ff4100 50%,#00ff41cc 100%);width:100%;height:100%;position:absolute;top:0;left:0}@keyframes subtle-jitter{0%{transform:translate(0)scale(1.01)}25%{transform:translate(.08em,-.08em)scale(1.01)}50%{transform:translate(-.08em,.08em)scale(1.01)}75%{transform:translate(.08em,.08em)scale(1.01)}to{transform:translate(0)scale(1.01)}}@keyframes noise-anim{0%{background-position:0 0}to{background-position:100% 100%}}.matrix-container{z-index:0;opacity:.25;position:absolute;top:0;left:0}.hex-stream{width:10%;height:100%;color:var(--c-dark-green);opacity:.4;z-index:1;writing-mode:vertical-rl;text-orientation:mixed;pointer-events:none;font-size:.8em;font-weight:700;position:absolute;top:0;right:0;overflow:hidden}.loading-screen{z-index:5000;width:100%;height:100%;color:var(--c-safe-white);text-shadow:0 0 5px var(--c-green);background:#000;flex-direction:column;justify-content:center;align-items:center;padding:2rem;font-size:1.2em;display:flex;position:absolute;top:0;left:0}.loading-screen.recording{background:#0f0}.log-line{opacity:0;margin:.2em 0;font-family:monospace;font-size:.9em;animation:.1s forwards fade-in;transform:translate(-10px)}.log-line.warning{color:var(--c-red);text-shadow:0 0 5px var(--c-red)}.progress-bar-container{border:.15em solid var(--c-safe-white);background:#000;width:40%;height:1.5em;margin-top:1em;position:relative}.loading-screen.recording .progress-bar-container{background:#0f0}.progress-fill{background:var(--c-safe-cyan);width:0%;height:100%;box-shadow:0 0 10px var(--c-safe-cyan);transition:width 50ms}.loading-version{color:#666;margin-top:1em;font-size:.7em}@keyframes fade-in{to{opacity:1;transform:translate(0)}}.crash-screen{z-index:6000;text-align:center;width:100%;height:100%;color:var(--c-safe-white);background:#000;flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;top:0;left:0}.crash-screen.active{display:flex}.crash-screen.recording{background:#0f0}.crash-title{color:var(--c-red);text-transform:uppercase;letter-spacing:.2em;text-shadow:0 0 20px var(--c-red);margin-bottom:.5em;font-size:4em;animation:.1s infinite flicker}.crash-code{color:var(--c-safe-grey);border:1px solid var(--c-red);background:#ff00001a;margin-bottom:2em;padding:10px 20px;font-family:monospace;font-size:1.5em}.crash-slogan{color:var(--c-safe-cyan);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px var(--c-safe-cyan);margin-top:2em;font-size:1.8em;animation:2s infinite pulse-text}.crash-cta{color:var(--c-safe-yellow);opacity:.8;margin-top:1em;font-size:1.2em}.reboot-timer{color:var(--c-safe-grey);font-family:monospace;font-size:1em;position:absolute;bottom:10%}@keyframes pulse-text{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.ui-layer{z-index:100;opacity:0;width:100%;height:100%;transition:opacity 1s;display:none;position:absolute;top:0;left:0}.ui-layer.visible{display:block}.ui-layer.fade-in{opacity:1}.center-monitor{border:.4em solid var(--c-green);width:55%;height:60%;box-shadow:0 0 1.5em var(--c-green), inset 0 0 1.5em var(--c-green);z-index:90;background-color:#0000;background-image:radial-gradient(circle at 1em 1em,#00ff41 .3em,#0000 .4em),radial-gradient(circle at calc(100% - 1em) 1em,#00ff41 .3em,#0000 .4em),radial-gradient(circle at 1em calc(100% - 1em),#00ff41 .3em,#0000 .4em),radial-gradient(circle at calc(100% - 1em) calc(100% - 1em),#00ff41 .3em,#0000 .4em);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.monitor-watermark{color:#00ff4126;text-transform:uppercase;letter-spacing:.5em;pointer-events:none;font-size:3em;font-weight:700;animation:4s infinite flicker}.hud-module{background:var(--c-hud-bg);border:.1em solid var(--c-green);z-index:101;width:26%;height:24%;color:var(--c-safe-white);flex-direction:column;justify-content:space-between;padding:1em;display:flex;position:absolute;overflow:visible;box-shadow:0 0 .8em #00ff414d}.hud-tl{top:4%;left:4%}.hud-tr{text-align:right;top:4%;right:4%}.hud-bl{bottom:4%;left:4%}.hud-br{bottom:4%;right:4%}.hud-tc{text-align:center;border:.2em solid var(--c-red);color:var(--c-red);z-index:102;background:#00ff414d;width:auto;min-width:25em;height:auto;padding:.8em 1.5em;display:none;top:1%;left:50%;transform:translate(-50%)}.hud-tc.active{display:block}h2,h3{text-transform:uppercase;text-shadow:0 0 .2em #000c;color:var(--c-safe-white);margin:0 0 .4em;font-size:1.3em}.label{opacity:.9;color:var(--c-safe-cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3em;font-size:.75em;display:block}.value{color:var(--c-safe-white);text-shadow:0 0 .4em #ffffff4d;font-size:1.4em;font-weight:700}.bar-container{background:#00ff41;border:.08em solid #444;width:100%;height:.9em;margin-top:.3em;position:relative}.bar-fill{background:var(--c-safe-cyan);width:100%;height:100%;box-shadow:0 0 .4em var(--c-safe-cyan);transition:width .5s}.bar-fill.low{background:var(--c-red);box-shadow:0 0 .4em var(--c-red);animation:.5s infinite pulse-red}@keyframes pulse-red{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.day-counter{color:var(--c-safe-white);text-shadow:0 0 10px #ffffff80;font-size:20pt!important}.crypto-ticker{color:var(--c-safe-white);text-shadow:0 0 .4em var(--c-safe-yellow);font-family:monospace}.location-marquee{white-space:nowrap;width:100%;color:var(--c-safe-white);overflow:hidden}.marquee-content{animation:15s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.log-console{color:var(--c-safe-grey);flex-direction:column-reverse;height:65%;min-height:4em;font-family:monospace;font-size:.7em;display:flex;overflow:hidden}.log-entry{white-space:nowrap;text-overflow:ellipsis;border-bottom:.05em solid #003d0c;margin-bottom:.3em;padding-bottom:.15em;overflow:hidden}.log-entry span{color:var(--c-safe-cyan)}.neuro-ring{border:.15em solid var(--c-safe-cyan);background:#00ff414d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:5em;height:5em;display:flex;position:relative}.neuro-ring:after{content:"";border:.15em dashed var(--c-magenta);border-radius:50%;animation:10s linear infinite spin;position:absolute;inset:-.4em}.neuro-ring span{color:var(--c-safe-white);z-index:2;font-size:.9em;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}.radar-box{border:.1em solid var(--c-safe-cyan);background:radial-gradient(circle,#00ff411a 0%,#00ff4180 100%);border-radius:50%;flex-shrink:0;width:4.5em;height:4.5em;position:relative;overflow:hidden}.radar-sweep{background:var(--c-safe-cyan);transform-origin:0 0;width:50%;height:.15em;box-shadow:0 0 .8em var(--c-safe-cyan);animation:2s linear infinite radar-spin;position:absolute;top:50%;left:50%}@keyframes radar-spin{to{transform:rotate(360deg)}}.radar-dot{background:var(--c-red);width:.4em;height:.4em;box-shadow:0 0 .3em var(--c-red);border-radius:50%;position:absolute}.binary-stream{width:100%;height:1.5em;color:var(--c-safe-cyan);white-space:nowrap;opacity:.9;z-index:200;border-top:.1em solid var(--c-safe-cyan);background:#00ff41;align-items:center;font-size:.75em;display:flex;position:absolute;bottom:0;left:0;overflow:hidden}.ui-layer.live .binary-stream{color:var(--c-safe-cyan);opacity:.6;background:#000}.binary-content{letter-spacing:.2em;padding-left:100%;font-family:monospace;animation:20s linear infinite scroll-text;display:inline-block}@keyframes scroll-text{0%{transform:translate(0)}to{transform:translate(-100%)}}.hud-flex{justify-content:space-between;align-items:center;display:flex}.hud-flex-start{justify-content:space-between;align-items:flex-start;display:flex}.fullscreen-hint{color:var(--c-safe-yellow);margin-right:1em;font-weight:700}.mode-toggle-btn{border:.1em solid var(--c-green);cursor:pointer;color:var(--c-green);background:0 0;margin-left:.5em;padding:.3em .6em;font-size:.6em;font-weight:700;transition:all .3s}.mode-toggle-btn:hover{background:var(--c-green);color:#000;box-shadow:0 0 .6em #00ff4180}.mode-toggle-btn[data-mode=recording]{border-color:var(--c-red);color:var(--c-red);animation:2s infinite pulse-rec}.mode-toggle-btn[data-mode=recording]:hover{background:var(--c-red);color:#000;box-shadow:0 0 .6em #ff2a6d80}@keyframes pulse-rec{0%,to{box-shadow:0 0 .2em #ff2a6d4d}50%{box-shadow:0 0 .6em #ff2a6dcc}}.center-monitor.recording{box-shadow:0 0 1.5em var(--c-red), inset 0 0 1.5em var(--c-red);border-color:var(--c-red)}.center-monitor.recording .monitor-watermark{color:#ff2a6d40}.rec-dot{color:var(--c-red);margin-right:.3em;font-size:1.2em;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.task-center-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.task-center-dialog{background:var(--c-hud-bg);border:.15em solid var(--c-green);width:90%;max-width:560px;max-height:80vh;color:var(--c-safe-white);font-family:var(--font-main);flex-direction:column;display:flex;box-shadow:0 0 1.5em #00ff414d}.task-center-header{border-bottom:.1em solid var(--c-dark-green);justify-content:space-between;align-items:center;padding:1em 1.2em;display:flex}.task-center-title{color:var(--c-green);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 .3em #00ff4180;font-size:1.1em}.task-center-close{border:.1em solid var(--c-red);color:var(--c-red);cursor:pointer;background:0 0;padding:.2em .5em;font-family:inherit;font-size:.8em;font-weight:700}.task-center-close:hover{background:var(--c-red);color:#000}.task-center-config,.task-center-error,.task-center-status{text-align:center;padding:2em;font-size:.85em}.task-center-config-msg{color:var(--c-safe-yellow);margin-bottom:1em}.task-center-config-btn{border:.1em solid var(--c-safe-cyan);color:var(--c-safe-cyan);cursor:pointer;background:0 0;padding:.5em 1.5em;font-family:inherit;font-size:.9em;font-weight:700}.task-center-config-btn:hover{background:var(--c-safe-cyan);color:#000}.task-center-error{color:var(--c-red)}.task-center-status{color:var(--c-safe-grey)}.task-center-list{flex:1;padding:.8em 1.2em;overflow-y:auto}.task-center-count{color:var(--c-safe-grey);text-align:right;margin-bottom:.5em;font-size:.7em}.task-item{border:.08em solid var(--c-dark-green);background:#00ff410d;margin-bottom:.5em;padding:.7em}.task-item.completed{opacity:.5}.task-item-header{align-items:center;gap:.6em;margin-bottom:.3em;display:flex}.task-status{text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;padding:.15em .4em;font-size:.6em}.status-todo{color:var(--c-safe-yellow);border:.05em solid var(--c-safe-yellow);background:#ff03}.status-in-progress{color:var(--c-safe-cyan);border:.05em solid var(--c-safe-cyan);background:#0ff3}.status-done{color:var(--c-green);border:.05em solid var(--c-green);background:#00ff4133}.status-backlog{color:var(--c-safe-grey);border:.05em solid var(--c-safe-grey);background:#cccccc26}.status-ready{color:var(--c-safe-cyan);border:.05em solid var(--c-safe-cyan);background:#00ffff26}.status-blocked{color:var(--c-red);border:.05em solid var(--c-red);background:#ff2a6d33}.status-review{color:var(--c-magenta);border:.05em solid var(--c-magenta);background:#f0f3}.status-approved{color:var(--c-green);border:.05em solid var(--c-green);background:#00ff4126}.status-closed{color:var(--c-safe-grey);border:.05em solid var(--c-safe-grey);background:#cccccc1a}.task-title{color:var(--c-safe-white);font-size:.8em;font-weight:700}.task-description{color:var(--c-safe-grey);white-space:pre-wrap;word-break:break-word;margin-top:.3em;font-size:.7em;line-height:1.4}.stream-player{z-index:50;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.stream-player video{object-fit:contain;width:100%;height:100%}.stream-controls{z-index:100;border:1px solid var(--c-green);background:#00ff41cc;border-radius:8px;flex-direction:column;gap:10px;padding:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stream-controls input{color:var(--c-safe-white);background:#00ff41;border:1px solid #003d0c;border-radius:4px;width:300px;padding:8px 12px;font-size:14px}.stream-controls button{cursor:pointer;background:var(--c-green);color:#000;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:700}.stream-controls button.stop{background:var(--c-red);color:var(--c-safe-white)}.stream-status{color:var(--c-safe-white);z-index:60;background:#00ff41b3;border-radius:4px;padding:5px 10px;font-size:12px;position:absolute;top:10px;left:10px}.stream-status.live{color:var(--c-red);animation:1s infinite pulse-red}.stream-status.connecting{color:var(--c-safe-yellow)}.hidden{display:none!important}.chroma-key-bg{box-shadow:inset 0 0 60px #0f06,0 0 30px #0f03;background-color:#0f0!important}