*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#c9d1d9;background-color:#0d1117;max-width:100vw;height:100%;font-family:SF Mono,Fira Code,Cascadia Code,JetBrains Mono,monospace;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#000a004d}::-webkit-scrollbar-thumb{background:#3fb95033;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#3fb95066}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:linear-gradient(#010409 0%,#0d1117 100%);border-bottom:1px solid #21262d;flex-shrink:0;align-items:center;height:44px;padding:0 24px;display:flex;position:relative}.topbar:after{content:"";background:linear-gradient(90deg,#0000,#58a6ff26,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.topbar-logo{letter-spacing:.25em;color:#58a6ff;text-shadow:0 0 10px #58a6ff4d;margin-right:28px;font-size:.7rem;font-weight:700}.topbar-nav{gap:2px;display:flex}.topbar-nav a{color:#484f58;letter-spacing:.08em;border-radius:4px;padding:6px 14px;font-size:.7rem;text-decoration:none;transition:all .2s;position:relative}.topbar-nav a:hover{color:#c9d1d9;background:#58a6ff0f}.topbar-nav a:hover:after{content:"";background:#58a6ff;height:1px;position:absolute;bottom:0;left:25%;right:25%;box-shadow:0 0 6px #58a6ff66}.topbar-status{letter-spacing:.1em;color:#3fb950;align-items:center;gap:8px;margin-left:auto;font-size:.6rem;display:flex}.topbar-status-dot{background-color:#3fb950;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite status-pulse;box-shadow:0 0 6px #3fb950}@keyframes status-pulse{0%,to{opacity:1;box-shadow:0 0 6px #3fb950}50%{opacity:.5;box-shadow:0 0 2px #3fb950}}.main-content{background:radial-gradient(at 50% 0,#0a1628 0%,#0d1117 40% 100%);flex:1;padding:24px;position:relative;overflow-y:auto}.main-content:before{content:"";backgroundimage:linear-gradient(#58a6ff04 1px, transparent 1px), linear-gradient(90deg, #58a6ff04 1px, transparent 1px);pointer-events:none;z-index:0;background-size:80px 80px;position:fixed;inset:44px 0 0;-webkit-mask-image:radial-gradient(at 50% 0,#000 20%,#0000 60%);mask-image:radial-gradient(at 50% 0,#000 20%,#0000 60%)}.main-content>*{z-index:1;position:relative}::selection{color:#f0f6fc;background:#58a6ff4d}