@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Orbitron:wght@400;500;700;900&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg: #020408;--bg-mid: #050b14;--bg-panel: rgba(8, 16, 32, .72);--bg-panel-2: rgba(3, 8, 18, .88);--text: #e2e8f0;--muted: rgba(226, 232, 240, .6);--faint: rgba(226, 232, 240, .15);--border: rgba(255, 255, 255, .08);--border-bright: rgba(255, 255, 255, .16);--amber: #ffbf00;--amber-dim: rgba(255, 191, 0, .18);--amber-glow: rgba(255, 191, 0, .35);--cyan: #00e5ff;--cyan-dim: rgba(0, 229, 255, .15);--cyan-glow: rgba(0, 229, 255, .3);--blue: #3b82f6;--blue-dim: rgba(59, 130, 246, .15);--violet: #8b5cf6;--violet-dim: rgba(139, 92, 246, .15);--green: #10b981;--green-dim: rgba(16, 185, 129, .15);--red: #ef4444;--red-dim: rgba(239, 68, 68, .15);--pink: #d946ef;--shadow-lg: 0 24px 80px rgba(0, 0, 0, .65);--shadow-panel: 0 8px 32px rgba(0, 0, 0, .5);--glow-amber: 0 0 24px rgba(255, 191, 0, .2);--glow-cyan: 0 0 24px rgba(0, 229, 255, .18);--font-display: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "Space Mono", monospace}*,*:before,*:after{box-sizing:border-box}.appRoot{position:relative;height:100vh;color:var(--text);overflow:hidden;font-family:var(--font-body);background:radial-gradient(ellipse 1400px 900px at 20% 10%,rgba(0,229,255,.07) 0%,transparent 60%),radial-gradient(ellipse 1000px 800px at 80% 20%,rgba(255,191,0,.08) 0%,transparent 60%),radial-gradient(ellipse 1200px 700px at 50% 100%,rgba(59,130,246,.07) 0%,transparent 60%),linear-gradient(180deg,#020408,#030710)}.appRoot:before{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:radial-gradient(closest-side at 30% 30%,rgba(0,229,255,.09),transparent 70%),radial-gradient(closest-side at 72% 38%,rgba(255,191,0,.08),transparent 70%),radial-gradient(closest-side at 48% 78%,rgba(139,92,246,.06),transparent 70%);filter:blur(40px);animation:nebulaDrift 22s ease-in-out infinite alternate;pointer-events:none;z-index:0}.appRoot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}@keyframes nebulaDrift{0%{transform:translate3d(-2%,-1.5%,0) scale(1.02)}33%{transform:translate3d(1.5%,-.5%,0) scale(1.05)}66%{transform:translate3d(-.5%,2%,0) scale(1.03)}to{transform:translate3d(2%,1.5%,0) scale(1.07)}}.appShell{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.glassBar{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(180deg,#081020d1,#020408a6);border-bottom:1px solid var(--border);box-shadow:0 1px #ffffff0a}.glassFooter{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(0deg,#081020e0,#020408a6);border-top:1px solid var(--border)}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.panelTitle{font-family:var(--font-display);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#e2e8f0bf}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-bright);background:#ffffff0d;color:#e2e8f0cc;padding:5px 12px;border-radius:999px;font-size:.75rem;font-family:var(--font-body);letter-spacing:.03em;transition:background .16s ease,border-color .16s ease}.badgeLive{border-color:#10b98166;background:#10b9811a;color:#a7f3d0f2;box-shadow:0 0 12px #10b9811f}.badgeDown{border-color:#ef444466;background:#ef44441a;color:#fecacaf2}.tabs{display:flex;border-bottom:1px solid var(--border);background:#00000038;padding:0 4px;gap:2px}.tabButton{flex:1;padding:13px 10px;background:none;border:none;cursor:pointer;font-family:var(--font-display);text-transform:uppercase;font-size:.72rem;letter-spacing:.1em;color:#94a3b8cc;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .14s ease,border-color .14s ease;white-space:nowrap}.tabButton:hover{color:#e2e8f0eb}.tabButtonActive{color:var(--amber);border-bottom-color:var(--amber)}.field{width:100%;padding:.85rem 1.1rem;background:#ffffff0a;border:1px solid var(--border-bright);border-radius:14px;color:#fff;font-family:var(--font-mono);font-size:.95rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field::placeholder{color:#94a3b880}.field:focus{border-color:#00e5ff80;background:#00e5ff0a;box-shadow:0 0 0 3px #00e5ff14}.primaryButton{padding:0 2rem;height:48px;background:linear-gradient(135deg,#ffbf00,#ff9500);color:#04080f;border:0;border-radius:14px;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:.8rem;letter-spacing:.1em;box-shadow:0 8px 24px #ffbf0040,0 2px 4px #0000004d;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,opacity .14s ease;white-space:nowrap}.primaryButton:hover{transform:translateY(-2px);box-shadow:0 14px 32px #ffbf0059,0 2px 4px #0000004d;filter:brightness(1.04)}.primaryButton:active{transform:translateY(0);box-shadow:0 4px 12px #ffbf0033}.primaryButton:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(30%);transform:none}.split{display:flex;flex:1;overflow:hidden}.leftPane{flex:0 0 58%;border-right:1px solid var(--border);position:relative;overflow:hidden}.rightPane{flex:0 0 42%;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 1100px){.split{flex-direction:column}.leftPane{flex:1 1 auto;border-right:0;border-bottom:1px solid var(--border)}.rightPane{flex:0 0 45%}}.twoColFooter{display:flex;gap:1.25rem;align-items:center}@media (max-width: 1100px){.twoColFooter{flex-direction:column;align-items:stretch}}.kpi{display:flex;flex-direction:column;gap:2px}.kpiLabel{color:var(--muted);font-family:var(--font-body);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.kpiValue{font-family:var(--font-display);font-size:1.3rem;color:var(--cyan);font-weight:700;letter-spacing:.04em;text-shadow:0 0 20px rgba(0,229,255,.35)}.subtle{color:var(--muted)}.mono{font-family:var(--font-mono)}.displayFont{font-family:var(--font-display)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes packetFlow{0%{opacity:0;transform:translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes expandBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.skill-research{color:#00e5ff}.skill-coding{color:#f59e0b}.skill-writing{color:#10b981}.skill-critique{color:#ef4444}.skill-planning{color:#8b5cf6}.skill-synthesis{color:#d946ef}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}.hoverGlass{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.hoverGlass:hover{background:#ffffff0f!important;border-color:#ffffff2e!important;box-shadow:0 4px 20px #0000004d}
