html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{background:#000;font-family:monospace;color:#b8b8b8;cursor:none}.screen{width:100%;height:100%;background:#0a0a1a;padding:20px;position:relative;overflow-y:auto;box-sizing:border-box}.screen.flicker{animation:flicker .15s infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.98}75%{opacity:.96}}.bios-container{max-width:900px;margin:0 auto;padding:10px 10px 60px}.main-content{display:grid;grid-template-columns:1fr 280px;gap:10px;min-height:calc(100vh - 180px)}.info-row{display:flex;justify-content:space-between;padding:3px 0;font-size:16px}.info-label{color:#888}.info-value{color:#4a9eff}.info-value.highlight{color:#fc0;text-shadow:0 0 5px #ffcc00}.info-value.green{color:#4aff4a}@media(max-width:768px){.main-content{grid-template-columns:1fr;min-height:auto}.footer-keys{display:none}.modal{min-width:90%;max-width:95%}}@font-face{font-family:VT323;src:url(/assets/Fonts/VT323/VT323-Regular.ttf) format("truetype");font-display:swap}.custom-cursor{position:fixed;width:20px;height:20px;border:2px solid #4a9eff;border-radius:50%;pointer-events:none;z-index:9999;transition:transform .1s,border-color .2s;mix-blend-mode:difference}.crt{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.crt:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 50%,#00000026 50%);background-size:100% 3px;animation:scanlines .1s linear infinite}.crt:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,20,.3) 90%,rgba(0,0,10,.6) 100%)}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(3px)}}.boot-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:500;padding:20px;overflow-y:auto;box-sizing:border-box}.boot-line{font-family:monospace;font-size:16px;margin:2px 0;white-space:pre-wrap;word-break:break-all}.boot-line.ok{color:#4aff4a}.boot-line.info{color:#4a9eff}.boot-line.warning{color:#fc0}.boot-line.error{color:#ff4a4a}.post-code{position:absolute;top:10px;right:20px;background:#1a0a0a;border:2px solid #ff4a4a;padding:5px 15px;color:#ff4a4a;font-size:18px;font-weight:700;z-index:10}.header{border:2px solid #1a3a6e;background:linear-gradient(180deg,#0d1f3c,#0a1628);padding:10px 15px;margin-bottom:10px}.header-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1a3a6e;padding-bottom:8px;margin-bottom:8px}.logo{color:#4a9eff;font-size:24px;font-weight:700;text-shadow:0 0 10px #4a9eff,0 0 20px #4a9eff;letter-spacing:2px}.version{color:#6a6a6a;font-size:14px}.header-info{display:flex;justify-content:space-between;font-size:16px}.footer{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#0d1f3c,#0a1628);border-top:2px solid #1a3a6e;padding:10px 20px;display:flex;justify-content:space-between;z-index:100}.footer-keys{display:flex;gap:30px}.key-hint{display:flex;align-items:center;gap:8px}.key{background:#2a2a4a;padding:4px 10px;border:1px solid #4a4a6a;color:#fc0;font-size:14px}.key-desc{color:#888;font-size:14px}.status-msg{color:#4aff4a;font-size:14px}.menu-item{padding:8px 12px;margin:4px 0;cursor:pointer;border:1px solid transparent;transition:all .1s;display:flex;align-items:center;gap:10px}.menu-item:hover,.menu-item.selected{background:#1a3a6e;border-color:#4a9eff;color:#fff}.menu-item.selected{box-shadow:0 0 10px #4a9eff80}.menu-key{background:#2a2a4a;padding:2px 8px;font-size:12px;color:#fc0;border:1px solid #4a4a6a;min-width:60px;text-align:center}.panel{border:2px solid #1a3a6e;background:linear-gradient(180deg,#0d1f3c,#0a1628);margin-bottom:10px}.panel-header{background:#1a3a6e;color:#fff;padding:5px 10px;font-size:16px;letter-spacing:1px}.panel-content{padding:10px 15px}.memory-bar{height:18px;background:#0a0a1a;border:1px solid #1a3a6e;margin:5px 0;position:relative;overflow:hidden}.memory-fill{height:100%;background:linear-gradient(90deg,#1a5a1a,#2a8a2a);transition:width .05s linear}.memory-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px}.skill-bar{height:12px;background:#0a0a1a;border:1px solid #1a3a6e;margin:3px 0 8px}.skill-fill{height:100%;background:linear-gradient(90deg,#1a5a8a,#2a8aff);transition:width 1s ease-out}.project-item{border:1px solid #1a3a6e;padding:8px 10px;margin:6px 0;background:#1a3a6e1a;cursor:pointer;transition:all .2s}.project-item:hover{border-color:#4a9eff;background:#1a3a6e4d}.project-name{color:#fc0;font-size:16px}.project-desc{color:#888;font-size:14px;margin-top:3px}.project-tech{margin-top:5px;display:flex;gap:5px;flex-wrap:wrap}.tech-tag{background:#1a3a6e;color:#4a9eff;padding:1px 6px;font-size:12px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:550}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#0d1f3c,#0a1628);border:3px solid #4a9eff;min-width:400px;max-width:600px;box-shadow:0 0 30px #4a9eff4d;z-index:600}.modal-header{background:#1a3a6e;color:#fff;padding:8px 15px;display:flex;justify-content:space-between;align-items:center}.modal-close{cursor:pointer;color:#ff4a4a;font-size:20px}.modal-content{padding:15px}.contact-link{display:flex;align-items:center;gap:10px;padding:6px 0;color:#4a9eff;cursor:pointer;transition:color .2s}.contact-link:hover{color:#fc0}.contact-icon{width:20px;text-align:center}.changelog-unordered-list{list-style-type:square}.changelog-list-entry{margin:0}.changelog-list-entry>p{margin:0}