:root{--bg-color:#050510;--panel-bg:#0032640d;--panel-border:#00c8ff33;--accent-color:#00e5ff;--accent-secondary:#00ff80;--text-main:#e0f7ff;--text-muted:#88b0c0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 50% 0,#00c8ff0d 0%,#0000 50%);margin:0;font-family:Roboto Mono,Inter,monospace;overflow-x:hidden}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:8px;transition:all .3s;box-shadow:0 4px 20px #00000080}.glass-panel:hover{border-color:#00c8ff66;box-shadow:0 0 15px #00c8ff1a}.accent-text{color:var(--accent-color);text-shadow:0 0 8px #00e5ff66}h1,h2,h3,h4{margin-top:0;font-weight:500}.sidebar{z-index:100;width:260px;margin:16px;transition:transform .3s}.hamburger-btn{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-main);cursor:pointer;z-index:101;border-radius:8px;padding:8px;display:none;position:absolute;top:16px;left:16px}@media (width<=768px){.hamburger-btn{display:block}.sidebar{height:calc(100vh - 32px);position:fixed;transform:translate(-150%)}.sidebar.open{transform:translate(0)}.main-content{margin-top:48px;padding:16px!important}}