*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:#050505;overflow-x:hidden}.mfp{min-height:100vh;background:#050505;color:#7a7a7a;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.5;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated;display:flex;position:relative;overflow:hidden}.mfp:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 1px,rgba(0,0,0,.3) 1px,rgba(0,0,0,.3) 2px);pointer-events:none;z-index:100}.mfp:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:99;animation:flicker .15s infinite}@keyframes flicker{0%,to{opacity:.97}50%{opacity:1}}.sidebar{width:240px;min-width:240px;border-right:1px solid #1a1a1a;padding:40px 24px;display:flex;flex-direction:column;background:#030303}.logo{margin-bottom:50px}.logo-name{color:#8f8;font-size:12px;letter-spacing:2px;margin-bottom:8px}.logo-title{color:#444;font-size:11px}.nav{display:flex;flex-direction:column;gap:4px}.nav-btn{background:none;border:none;font:inherit;color:#555;padding:10px 12px;text-align:left;cursor:pointer;transition:all .1s;position:relative}.nav-btn:hover{color:#8f8;background:#88ff8808}.nav-btn.active{color:#8f8;background:#88ff880d}.nav-btn:before{content:"//";margin-right:8px;opacity:.4}.nav-btn.active:before{content:">>";opacity:1}.sidebar-footer{margin-top:auto;font-size:10px;line-height:1.8}.sidebar-footer a{display:block;color:#333;text-decoration:none;transition:color .15s}.sidebar-footer a:hover{color:#8f8}.sidebar-footer .copyright{margin-top:16px;color:#222}.main-content{flex:1;padding:40px 50px;overflow-y:auto;max-height:100vh}.status{display:flex;align-items:center;gap:10px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #111;color:#333;font-size:11px}.status-dot{width:5px;height:5px;background:#4a4;border-radius:50%;box-shadow:0 0 6px #4a4;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.cascade-container{font-size:13px;line-height:1.55;max-width:550px;text-shadow:0 0 1px rgba(136,255,136,.1)}.cascade-line{min-height:1.55em;color:#8a8a8a;white-space:pre}.cascade-line:hover{color:#999}@media (max-width: 768px){.mfp{flex-direction:column}.sidebar{width:100%;min-width:100%;padding:20px;border-right:none;border-bottom:1px solid #1a1a1a}.nav{flex-direction:row;flex-wrap:wrap}.main-content{padding:20px}.cascade-container{font-size:11px}}