:root{--bg-root: #020205;--bg-surface: rgba(10, 10, 18, .4);--bg-surface-hover: rgba(10, 10, 18, .6);--bg-surface-active: rgba(10, 10, 18, .8);--bg-elevated: rgba(20, 20, 30, .5);--bg-input: rgba(0, 0, 0, .3);--border-subtle: rgba(99, 102, 241, .1);--border-default: rgba(99, 102, 241, .2);--border-strong: rgba(99, 102, 241, .35);--border-focus: #818cf8;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--text-inverse: #020617;--c-pm: #f472b6;--c-researcher: #38bdf8;--c-challenger: #f87171;--c-architect: #4ade80;--c-coder: #fbbf24;--c-mirofish: #a78bfa;--c-system: #64748b;--accent: #6366f1;--accent-glow: rgba(99, 102, 241, .4);--cyber-blue: #0ea5e9;--cyber-pink: #d946ef;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .8);--shadow-glow: 0 0 15px var(--accent-glow);--inner-glow: inset 0 0 12px rgba(99, 102, 241, .05);--sp-1: 6px;--sp-2: 12px;--sp-3: 18px;--sp-4: 24px;--sp-5: 32px;--sp-6: 48px;--sp-8: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-cyber: "Orbitron", sans-serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;background:var(--bg-root)}body{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#121021cc,#121021cc),linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:100% 100%,60px 60px,60px 60px;background-position:center center;z-index:-1;opacity:.4}body:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,transparent 20%,var(--bg-root) 100%);z-index:-1}h1,h2,h3,.cyber-text{font-family:var(--font-cyber);letter-spacing:.05em;text-transform:uppercase}.mono{font-family:var(--font-mono)}.glass{background:var(--bg-surface);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--border-default);box-shadow:var(--shadow-md),var(--inner-glow);position:relative;overflow:hidden}.glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.glass-elevated{background:var(--bg-elevated);-webkit-backdrop-filter:blur(50px) saturate(200%);backdrop-filter:blur(50px) saturate(200%);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg),var(--shadow-glow)}.scanline{width:100%;height:100px;background:linear-gradient(to bottom,transparent,rgba(99,102,241,.03),transparent);position:absolute;top:-100px;left:0;z-index:5;animation:scanning 10s linear infinite;pointer-events:none}@keyframes scanning{0%{transform:translateY(0)}to{transform:translateY(110vh)}}button{transition:all .2s cubic-bezier(.4,0,.2,1)}button:hover{filter:brightness(1.2);transform:translateY(-1px)}button:active{transform:translateY(0)}input,textarea,select{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);transition:all .2s}input:focus{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.timeline-container:before{background:linear-gradient(to bottom,transparent,var(--accent) 50%,transparent);opacity:.1;width:2px}.timeline-content{border-left:2px solid var(--border-subtle);border-radius:4px 18px 18px}.timeline-content:hover{border-left-color:var(--accent);box-shadow:0 0 20px #6366f11a}.timeline-node{border-color:var(--border-strong);box-shadow:0 0 8px currentColor}.reasoning-block{background:#0006;border:1px solid var(--border-subtle);border-left:2px solid var(--accent);box-shadow:inset 0 0 30px #00000080}.reasoning-label{font-family:var(--font-cyber);font-size:7px;letter-spacing:.2em}@keyframes breathing{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1;box-shadow:0 0 15px currentColor}}.animate-breathing{animation:breathing 3s ease-in-out infinite}@keyframes title-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,22%,24%,55%{opacity:.4}}.flicker{animation:title-flicker 8s infinite}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.w-full{width:100%}.mt-4{margin-top:var(--sp-4)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}