:root{--color-bg:#0b0b0b;--color-bg-light:#141414;--color-text:#fff;--color-accent:#4caf50;--color-border:#333;--color-dim:#888;--font-mono:"Share Tech Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);justify-content:center;align-items:center;width:100vw;height:100vh;font-size:16px;line-height:1.5;display:flex;position:relative;overflow:hidden}.scanlines{pointer-events:none;z-index:9999;opacity:.6;background:linear-gradient(#fff0,#fff0 50%,#0000001a 50%,#0000001a) 0 0/100% 4px;width:100vw;height:100vh;position:absolute;top:0;left:0}#terminal-viewport{z-index:10;flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;height:100%;max-height:900px;padding:2rem;display:flex;position:relative}.top-row{justify-content:space-between;align-items:flex-start;width:100%;display:flex}#sys-header{align-items:center;gap:1.5rem;display:flex}.logo-container{font-size:5rem;font-weight:700;line-height:1}.glitch-logo{cursor:crosshair;display:inline-block;position:relative}.glitch-logo:before,.glitch-logo:after{content:attr(data-text);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-logo:before{text-shadow:-2px 0 red;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);left:2px;transform:translate(0)}.glitch-logo:after{text-shadow:-2px 0 #00f;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);left:-2px;transform:translate(0)}.glitch-logo:hover:before{animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch-anim}.glitch-logo:hover:after{animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch-anim-2}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-anim-2{0%{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(-2px,2px)}to{transform:translate(0)}}.brand-text{flex-direction:column;display:flex}.brand-name{letter-spacing:.3em;white-space:nowrap;font-size:2.5rem}.brand-name .brackets{color:var(--color-dim)}.sub-brand{letter-spacing:.1em;color:var(--color-dim);margin-top:.2rem;font-size:.9rem}#data-dump{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.data-dump-header{color:var(--color-dim);text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem}.data-dump-content{flex-direction:column;align-items:flex-end;display:flex}.data-dump-content .kana{color:var(--color-text);font-size:2rem;line-height:1.1}.data-dump-content .romaji{color:var(--color-dim);margin-bottom:.5rem;font-size:1.2rem}.data-dump-content .meaning{justify-content:flex-end;align-items:center;gap:.8rem;display:flex}.status{background-color:var(--color-accent);color:#000;padding:.1rem .5rem;font-size:.8rem;font-weight:700}.def-text{color:var(--color-dim);font-size:.9rem;font-style:italic}.meaning ol{margin-left:0;font-size:.9rem;list-style:none}#main-console{border:1px solid var(--color-border);background-color:#080808;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000c}#main-console:before{content:"";background-color:var(--color-accent);width:4px;height:100%;position:absolute;top:0;left:0}#boot-sequence{color:#555;font-size:.95rem;font-family:var(--font-mono);flex-direction:column;flex:1;gap:.4rem;padding:1.5rem 1.5rem 1.5rem 2rem;display:flex;overflow:hidden}.log-line{word-wrap:break-word}.log-line.success{color:#3d8c40}.log-line.warning{color:#a89f32}.log-line.error{color:#ab2c24}#system-monitors{gap:1rem;height:130px;display:flex}.monitor-window{border:1px solid var(--color-border);flex-direction:column;flex:1;display:flex}.window-title{background-color:var(--color-bg-light);color:var(--color-dim);border-bottom:1px solid var(--color-border);text-transform:uppercase;padding:.2rem .5rem;font-size:.7rem}.window-content{background-color:#050505;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#net-logs{color:var(--color-dim);flex-direction:column;justify-content:flex-end;align-items:flex-start;width:100%;padding:.5rem;font-size:.65rem}.net-log-line{white-space:nowrap;opacity:.8;text-overflow:ellipsis;width:100%;overflow:hidden}#sys-charts{flex-direction:column;justify-content:space-evenly;align-items:stretch;width:100%;padding:.5rem 1rem}.chart-bar{border:1px solid var(--color-border);background:#ffffff0d;align-items:center;height:14px;display:flex;position:relative}.chart-bar span{color:#fff;z-index:2;mix-blend-mode:difference;font-size:.6rem;font-weight:700;position:absolute;left:.4rem}.chart-bar .fill{background-color:var(--color-accent);opacity:.8;width:0%;height:100%;transition:width .3s}#node-map{position:relative}.radar-grid{background-image:linear-gradient(#4caf5026 1px,#0000 1px),linear-gradient(90deg,#4caf5026 1px,#0000 1px);background-size:10px 10px;width:100%;height:100%;position:absolute}.radar-sweep{border:1px solid var(--color-accent);border-radius:50%;width:60px;height:60px;animation:2s ease-out infinite pulse;position:absolute;box-shadow:0 0 15px #4caf5066}@keyframes pulse{0%{opacity:1;transform:scale(.1)}to{opacity:0;transform:scale(2.5)}}.active-prompt{white-space:pre-wrap;align-items:center;display:flex}.prompt-symbol{color:var(--color-accent);margin-right:.5rem}.cmd-text{color:var(--color-text);white-space:pre}#hidden-input{opacity:0;pointer-events:none;z-index:-1;position:absolute}.cursor{background-color:var(--color-text);vertical-align:text-bottom;width:8px;height:1.1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#sys-footer{width:100%;color:var(--color-dim);z-index:20;font-family:var(--font-mono);justify-content:center;align-items:center;gap:.8rem;display:flex;position:absolute;bottom:.5rem;left:0}.footer-domain{letter-spacing:.1em;color:var(--color-text);font-size:.85rem;font-weight:700}.footer-separator{color:var(--color-accent);opacity:.8;font-size:.85rem}.footer-title{letter-spacing:.2em;text-transform:uppercase;color:var(--color-dim);font-size:.75rem}@media (width<=900px){.top-row{flex-direction:column;align-items:flex-start;gap:1.5rem}#data-dump{text-align:left;align-items:flex-start}.data-dump-content{align-items:flex-start}.data-dump-content .meaning{justify-content:flex-start}#media-attachments{flex-direction:column;height:auto}.media-window{height:100px}.brand-name{font-size:2rem}}.clickable-footer{cursor:crosshair;transition:all .3s}.clickable-footer:hover{text-shadow:0 0 8px var(--color-accent)}.clickable-footer .footer-click-hint{color:var(--color-accent);opacity:.5;font-size:.65rem;animation:2s infinite pulse}.modal{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;background-color:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal.hidden{opacity:0;pointer-events:none}.modal-content{border:1px solid var(--color-accent);background-color:#050505;flex-direction:column;width:90%;max-width:600px;display:flex;position:relative;box-shadow:0 0 30px #4caf5033}.modal-content:before{content:"";border-top:2px solid var(--color-accent);border-left:2px solid var(--color-accent);width:10px;height:10px;position:absolute;top:-1px;left:-1px}.modal-content:after{content:"";border-bottom:2px solid var(--color-accent);border-right:2px solid var(--color-accent);width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.modal-header{background-color:var(--color-accent);color:#000;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.85rem;font-weight:700;display:flex}.close-btn{cursor:pointer}.close-btn:hover{color:#fff}.modal-body{color:#ddd;padding:2rem;font-size:.95rem;line-height:1.6}.modal-body p{margin-bottom:1rem}.jp-title{color:var(--color-accent);letter-spacing:.1em;text-shadow:2px 0 red,-2px 0 #00f;margin-bottom:1.5rem;font-size:1.4rem}.japanese-glitch{color:var(--color-dim);text-align:right;letter-spacing:.2em;margin-top:2rem;font-size:1.2rem}
