@import"https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap";:root{--color-bg: #020a18;--color-primary: #4dc9f6;--color-cicada: #a0d8ef;--color-primary-dim: #1a5a8a;--color-text: #c0daf0;--color-text-dim: #5a7a9a;--color-border: #4dc9f6;--font-mono-alt: "WebPlus IBM VGA 8x16", "Courier New", Courier, monospace;--font-mono: "Syne Mono", monospace;--glow-text: 0 0 8px rgba(77, 201, 246, .6), 0 0 20px rgba(77, 201, 246, .2);--glow-box: 0 0 8px rgba(77, 201, 246, .6), 0 0 20px rgba(77, 201, 246, .2);--surface-1: transparent;--surface-2: rgba(77, 201, 246, .08);--surface-3: rgba(77, 201, 246, .15);--surface-4: rgba(77, 201, 246, .25);--opacity-locked: .5;--border-separator: 1px solid var(--color-primary);--card-border: 1px solid var(--color-primary);--card-border-hover: 1px solid var(--color-primary);--page-padding: 2.5rem;--taskbar-height: 36px;--icon-col-width: 90px;--z-desktop: 1;--z-icons: 5;--z-window: 10;--z-taskbar: 200;--z-overlay: 9998}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);text-shadow:0 0 7px var(--color-primary-dim);overflow:hidden;height:100vh;width:100vw}#root{height:100%;width:100%;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg);border-left:1px solid var(--color-primary-dim)}::-webkit-scrollbar-thumb{background:var(--color-primary-dim)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;pointer-events:none;z-index:9999;opacity:.15}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 60%,black 100%);pointer-events:none;z-index:9998;opacity:.6}.glow-text{text-shadow:var(--glow-text)}.box-panel{border:var(--card-border);background:var(--surface-1);padding:1rem}a{color:#7dd3fc;text-decoration:none}a:hover{text-decoration:underline;text-shadow:0 0 5px rgba(125,211,252,.6)}button{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);font-family:var(--font-mono);padding:.5rem 1rem;cursor:pointer;transition:all .2s}button:hover{background:var(--color-primary);color:var(--color-bg)}.page-title{color:var(--color-primary);font-size:1.2rem;letter-spacing:2px;font-weight:700;border-bottom:1px solid var(--color-primary);padding-bottom:.8rem;margin-bottom:2rem;text-transform:uppercase}.status-badge{font-size:.8rem;padding:.2rem .5rem;border:1px solid currentColor;letter-spacing:1px}.status-badge.active{color:var(--color-primary);background:#4dc9f61a}.status-badge.locked,.status-badge.pending{color:var(--color-text-dim)}.card{border:var(--card-border);background:var(--surface-1);padding:1.2rem;transition:all .3s ease}.card:hover{border-color:var(--color-primary);transform:translate(5px)}.card.locked{opacity:var(--opacity-locked);border-color:var(--color-text-dim)}.progress-bar-track{height:20px;background:#4dc9f61a;overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-primary);box-shadow:0 0 10px var(--color-primary);transition:width .5s ease}.page-section{padding:var(--page-padding);height:100%;overflow-y:auto}.terminal-window-content{padding:1.5rem;font-family:var(--font-mono);color:var(--color-text);background-color:var(--color-bg);height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.terminal-box{border:1px solid rgba(77,201,246,.35);display:flex;flex-direction:column}.terminal-box-title{padding:.5rem 1rem;border-bottom:1px solid rgba(77,201,246,.35);font-weight:700;color:#7dd3fc}.terminal-box-content{padding:1rem;display:flex;flex-direction:column;gap:1.2rem}.terminal-dim{color:var(--color-text);line-height:1.5;padding-left:1rem}.terminal-cursor-line{margin-top:.5rem;font-weight:700}.terminal-cursor{animation:terminalBlink 1s step-end infinite}@keyframes terminalBlink{0%,to{opacity:1}50%{opacity:0}}.terminal-window-content a{color:#7dd3fc;text-decoration:underline}.terminal-window-content a:hover{color:var(--color-bg);background-color:#7dd3fc}
