@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');:root{--color-dark-obsidian:#050608;--color-hud-bg:rgba(9, 11, 16, 0.75);--color-hud-card:rgba(18, 22, 33, 0.45);--color-hud-card-active:rgba(26, 32, 48, 0.65);--matrix-green-oklch:0.82 0.19 145;--matrix-green:oklch(var(--matrix-green-oklch));--matrix-green-dim:oklch(var(--matrix-green-oklch) / 0.55);--matrix-green-glow:oklch(var(--matrix-green-oklch) / 0.25);--cyber-cyan-oklch:0.79 0.18 196;--cyber-cyan:oklch(var(--cyber-cyan-oklch));--cyber-cyan-glow:oklch(var(--cyber-cyan-oklch) / 0.3);--cyber-purple-oklch:0.68 0.22 315;--cyber-purple:oklch(var(--cyber-purple-oklch));--cyber-purple-glow:oklch(var(--cyber-purple-oklch) / 0.3);--text-primary:oklch(0.95 0.01 240);--text-secondary:oklch(0.78 0.02 240);--text-muted:oklch(0.55 0.02 240);--border-glow:rgba(0, 255, 136, 0.15);--border-cyber:rgba(0, 240, 255, 0.12);--font-sans:'Inter', system-ui, -apple-system, sans-serif;--font-display:'Outfit', var(--font-sans);--font-mono:'Fira Code', monospace;--transition-smooth:all 0.35s cubic-bezier(0.16, 1, 0.3, 1);--transition-fast:all 0.15s ease-out;}*{box-sizing:border-box;margin:0;padding:0;}body{background-color:var(--color-dark-obsidian);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;height:100vh;width:100vw;}::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-track{background:rgba(0, 0, 0, 0.3);}::-webkit-scrollbar-thumb{background:var(--matrix-green-glow);border-radius:4px;}::-webkit-scrollbar-thumb:hover{background:var(--matrix-green-dim);}.glass-panel{background:var(--color-hud-card);border:1px solid var(--border-cyber);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:16px;box-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.5);transition:var(--transition-smooth);}.glass-panel:hover{border-color:rgba(0, 240, 255, 0.25);box-shadow:0 8px 32px 0 rgba(0, 240, 255, 0.05);}.glowing-text-green{color:var(--matrix-green);text-shadow:0 0 10px var(--matrix-green-glow);}.glowing-text-cyan{color:var(--cyber-cyan);text-shadow:0 0 10px var(--cyber-cyan-glow);}.cyber-badge{font-family:var(--font-mono);font-size:0.7rem;font-weight:700;letter-spacing:0.05em;padding:4px 10px;border-radius:4px;display:inline-block;}.badge-green{background:var(--matrix-green-glow);color:var(--matrix-green);border:1px solid var(--matrix-green-dim);}.badge-cyan{background:var(--cyber-cyan-glow);color:var(--cyber-cyan);border:1px solid var(--cyber-cyan);}.scanline-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient( 0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15) 1px, transparent 1px, transparent 2px );pointer-events:none;z-index:9999;opacity:0.75;}.scanline-pulse{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient( to bottom, rgba(0, 255, 136, 0), rgba(0, 255, 136, 0.03) 50%, rgba(0, 255, 136, 0) );pointer-events:none;z-index:9998;animation:scan-pulse 8s linear infinite;}@keyframes scan-pulse{0%{transform:translateY(-100%);}100%{transform:translateY(100%);}}#splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:1000;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1), visibility 1s;}#splash-rain-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.45;}.gateway-panel{position:relative;z-index:2;width:90%;max-width:520px;padding:40px;background:rgba(5, 7, 10, 0.85);border:1px solid var(--matrix-green-dim);border-radius:12px;box-shadow:0 0 40px var(--matrix-green-glow);text-align:left;}.terminal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--matrix-green-dim);padding-bottom:12px;margin-bottom:24px;}.terminal-dots{display:flex;gap:6px;}.terminal-dots span{width:10px;height:10px;border-radius:50%;background:var(--matrix-green-glow);}.terminal-dots span:first-child{background:#ff5f56;}.terminal-dots span:nth-child(2){background:#ffbd2e;}.terminal-dots span:last-child{background:#27c93f;}.terminal-title{font-family:var(--font-mono);font-size:0.8rem;color:var(--matrix-green-dim);}.terminal-body{font-family:var(--font-mono);font-size:0.95rem;line-height:1.6;color:var(--matrix-green);min-height:150px;}.typing-cursor{display:inline-block;width:8px;height:15px;background:var(--matrix-green);margin-left:4px;animation:blink 0.8s infinite;}@keyframes blink{0%, 100%{opacity:0;}50%{opacity:1;}}.enter-btn{width:100%;margin-top:24px;padding:16px;background:transparent;border:1px solid var(--matrix-green);color:var(--matrix-green);font-family:var(--font-mono);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;border-radius:6px;cursor:pointer;overflow:hidden;position:relative;transition:var(--transition-fast);opacity:0;transform:translateY(10px);}.enter-btn.visible{opacity:1;transform:translateY(0);}.enter-btn:hover{background:var(--matrix-green);color:#000;box-shadow:0 0 20px var(--matrix-green);}#main-hud{display:grid;grid-template-columns:280px 1fr;height:100vh;width:100vw;background:radial-gradient(circle at center, rgba(16, 20, 28, 0.8) 0%, rgba(5, 6, 8, 1) 100%);opacity:0;visibility:hidden;transition:opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1);overflow:hidden;}#main-hud.active{opacity:1;visibility:visible;}.hud-sidebar{background:rgba(8, 10, 15, 0.8);border-right:1px solid var(--border-cyber);display:flex;flex-direction:column;padding:30px 20px;z-index:10;backdrop-filter:blur(10px);justify-content:space-between;}.sidebar-top{display:flex;flex-direction:column;}.brand-section{display:flex;align-items:center;gap:12px;margin-bottom:40px;}.brand-logo-ring{width:44px;height:44px;border-radius:50%;border:2px dashed var(--cyber-cyan);display:flex;justify-content:center;align-items:center;animation:spin 20s linear infinite;box-shadow:0 0 10px var(--cyber-cyan-glow);}.brand-logo-orb{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle, var(--matrix-green) 0%, var(--cyber-cyan) 100%);animation:pulse-glow 2.5s infinite ease-in-out;}@keyframes spin{100%{transform:rotate(360deg);}}@keyframes pulse-glow{0%, 100%{transform:scale(0.9);box-shadow:0 0 8px var(--matrix-green-glow);}50%{transform:scale(1.15);box-shadow:0 0 20px var(--cyber-cyan-glow);}}.brand-info h1{font-family:var(--font-display);font-size:1.3rem;font-weight:800;letter-spacing:-0.02em;}.brand-info p{font-family:var(--font-mono);font-size:0.65rem;color:var(--text-muted);}.nav-menu{display:flex;flex-direction:column;gap:8px;}.nav-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:8px;color:var(--text-secondary);font-family:var(--font-display);font-size:0.95rem;font-weight:500;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:var(--transition-fast);}.nav-item svg{width:18px;height:18px;stroke:var(--text-secondary);transition:var(--transition-fast);}.nav-item:hover{background:rgba(255, 255, 255, 0.03);color:var(--text-primary);border-color:rgba(255, 255, 255, 0.05);}.nav-item.active{background:rgba(0, 240, 255, 0.06);border-color:rgba(0, 240, 255, 0.25);color:var(--cyber-cyan);box-shadow:0 0 15px var(--cyber-cyan-glow);}.nav-item.active svg{stroke:var(--cyber-cyan);filter:drop-shadow(0 0 5px var(--cyber-cyan));}.sidebar-bottom{border-top:1px solid rgba(255, 255, 255, 0.05);padding-top:20px;}.sys-metrics{font-family:var(--font-mono);font-size:0.7rem;color:var(--text-muted);display:flex;flex-direction:column;gap:6px;}.sys-metric-row{display:flex;justify-content:space-between;}.sys-metric-val{color:var(--matrix-green-dim);}.hud-viewport{padding:40px;overflow-y:auto;position:relative;}.hud-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255, 255, 255, 0.05);padding-bottom:20px;margin-bottom:30px;}.header-title-sec h2{font-family:var(--font-display);font-size:1.8rem;font-weight:700;letter-spacing:-0.01em;}.header-title-sec p{font-size:0.85rem;color:var(--text-muted);margin-top:4px;}.header-status{display:flex;align-items:center;gap:12px;}.lang-toggle-btn{background:rgba(255, 255, 255, 0.02);border:1px solid rgba(0, 240, 255, 0.2);color:var(--cyber-cyan);padding:6px 12px;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.05em;border-radius:6px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 0 10px rgba(0, 240, 255, 0.02);}.lang-toggle-btn:hover{background:rgba(0, 240, 255, 0.08);border-color:var(--cyber-cyan);box-shadow:0 0 12px var(--cyber-cyan-glow);transform:translateY(-1px);}.lang-toggle-btn:active{transform:translateY(0);}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--matrix-green);box-shadow:0 0 8px var(--matrix-green);animation:pulse-simple 1.5s infinite;}@keyframes pulse-simple{0%, 100%{opacity:0.4;}50%{opacity:1;}}.hud-module{display:none;animation:fade-in-up 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;}.hud-module.active{display:block;}@keyframes fade-in-up{0%{opacity:0;transform:translateY(15px);}100%{opacity:1;transform:translateY(0);}}.profile-card{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;}.profile-intro{padding:30px;}.profile-avatar-sec{display:flex;align-items:center;gap:20px;margin-bottom:24px;}.profile-portrait{width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 30% 30%, var(--cyber-cyan) 0%, var(--cyber-purple) 100%);display:flex;justify-content:center;align-items:center;font-size:2rem;font-family:var(--font-display);font-weight:700;box-shadow:0 0 20px rgba(0, 240, 255, 0.2);border:2px solid var(--border-cyber);}.profile-meta h3{font-family:var(--font-display);font-size:1.4rem;font-weight:700;}.profile-meta p{font-family:var(--font-mono);font-size:0.8rem;color:var(--cyber-cyan);}.profile-bio{font-size:0.95rem;line-height:1.7;color:var(--text-secondary);margin-bottom:24px;}.profile-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.detail-item{border-left:2px solid var(--border-cyber);padding-left:14px;}.detail-label{font-family:var(--font-mono);font-size:0.7rem;color:var(--text-muted);text-transform:uppercase;}.detail-val{font-size:0.9rem;font-weight:600;margin-top:2px;}.detail-val a{color:var(--text-primary);text-decoration:none;transition:var(--transition-fast);}.detail-val a:hover{color:var(--cyber-cyan);}.skills-sec{padding:30px;display:flex;flex-direction:column;}.skills-sec h3{font-family:var(--font-display);font-size:1.2rem;margin-bottom:20px;}.skills-wrapper{display:flex;flex-direction:column;gap:18px;flex-grow:1;justify-content:center;}.skill-bar-row{display:flex;flex-direction:column;gap:6px;}.skill-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:0.75rem;}.skill-label{color:var(--text-secondary);font-weight:500;}.skill-percent{color:var(--cyber-cyan);}.skill-bar-track{width:100%;height:6px;background:rgba(255, 255, 255, 0.05);border-radius:4px;overflow:hidden;border:1px solid rgba(255, 255, 255, 0.03);}.skill-bar-fill{height:100%;border-radius:4px;background:linear-gradient(to right, var(--cyber-cyan), var(--cyber-purple));width:0%;transition:width 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;box-shadow:0 0 10px rgba(0, 240, 255, 0.3);}.synapse-module-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;}.synapse-sim-card{padding:0;overflow:hidden;border:1px solid var(--matrix-green-dim);box-shadow:0 0 25px var(--matrix-green-glow);}.sim-header{background:rgba(5, 7, 10, 0.9);padding:14px 20px;border-bottom:1px solid var(--matrix-green-dim);display:flex;justify-content:space-between;align-items:center;}.sim-title{font-family:var(--font-mono);font-size:0.8rem;color:var(--matrix-green);display:flex;align-items:center;gap:8px;}.sim-orb{width:12px;height:12px;border-radius:50%;background:var(--matrix-green);box-shadow:0 0 8px var(--matrix-green);animation:pulse-simple 1.5s infinite;}.sim-actions{display:flex;gap:6px;}.sim-actions span{width:8px;height:8px;border-radius:50%;background:var(--matrix-green-glow);}.sim-viewport{height:380px;background:rgba(2, 3, 5, 0.95);padding:20px;font-family:var(--font-mono);font-size:0.85rem;line-height:1.6;overflow-y:auto;color:var(--matrix-green);}.sim-output{display:flex;flex-direction:column;gap:12px;margin-bottom:14px;}.sim-output-row{white-space:pre-wrap;}.sim-input-row{display:flex;align-items:center;gap:8px;}.sim-prompt{color:var(--matrix-green-dim);user-select:none;}.sim-input-field{background:transparent;border:none;outline:none;color:var(--matrix-green);font-family:var(--font-mono);font-size:0.85rem;flex-grow:1;}.projects-list-sec{display:flex;flex-direction:column;gap:20px;}.proj-card{padding:24px;display:flex;flex-direction:column;gap:12px;}.proj-card h4{font-family:var(--font-display);font-size:1.2rem;font-weight:700;display:flex;justify-content:space-between;align-items:center;}.proj-card p{font-size:0.9rem;color:var(--text-secondary);line-height:1.5;}.proj-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;}.proj-features span{font-family:var(--font-mono);font-size:0.65rem;padding:3px 8px;background:rgba(255, 255, 255, 0.04);border:1px solid rgba(255, 255, 255, 0.06);border-radius:4px;color:var(--text-secondary);}.infra-layout{display:grid;grid-template-columns:320px 1fr;gap:30px;}.timeline-side{display:flex;flex-direction:column;gap:16px;max-height:480px;overflow-y:auto;padding-right:8px;}.timeline-card-btn{background:var(--color-hud-card);border:1px solid var(--border-cyber);border-radius:10px;padding:16px;cursor:pointer;text-align:left;transition:var(--transition-fast);display:flex;flex-direction:column;gap:6px;}.timeline-card-btn:hover{background:rgba(255, 255, 255, 0.02);border-color:rgba(0, 240, 255, 0.25);}.timeline-card-btn.active{background:rgba(0, 240, 255, 0.08);border-color:var(--cyber-cyan);box-shadow:0 0 12px var(--cyber-cyan-glow);}.timeline-card-btn .btn-date{font-family:var(--font-mono);font-size:0.75rem;font-weight:700;color:var(--cyber-cyan);}.timeline-card-btn .btn-title{font-family:var(--font-display);font-size:0.95rem;font-weight:600;color:var(--text-primary);}.console-view{display:flex;flex-direction:column;height:480px;overflow:hidden;border:1px solid rgba(0, 240, 255, 0.15);box-shadow:0 0 25px rgba(0, 240, 255, 0.05);}.console-header{background:rgba(6, 8, 12, 0.95);border-bottom:1px solid rgba(0, 240, 255, 0.15);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;}.console-title{font-family:var(--font-mono);font-size:0.75rem;color:var(--cyber-cyan);letter-spacing:0.05em;display:flex;align-items:center;gap:8px;}.console-title-dot{width:8px;height:8px;border-radius:50%;background:var(--cyber-cyan);box-shadow:0 0 6px var(--cyber-cyan);}.console-body{background:rgba(3, 4, 6, 0.98);flex-grow:1;padding:24px;font-family:var(--font-mono);font-size:0.85rem;line-height:1.6;color:var(--cyber-cyan);overflow-y:auto;}.console-line{margin-bottom:8px;white-space:pre-wrap;}.console-success{color:var(--matrix-green);}.console-warning{color:oklch(0.79 0.16 70);}.console-dim{color:var(--text-muted);}.jukebox-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;}.vinyl-player-card{padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:450px;}.vinyl-outer-ring{width:250px;height:250px;border-radius:50%;background:radial-gradient(circle, #101010 30%, #202020 50%, #0c0c0c 70%, #151515 100%);border:8px solid #000;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 40px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.05);position:relative;transform:rotate(0deg);transition:transform 0.5s ease;}.vinyl-outer-ring::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:repeating-radial-gradient( circle, transparent, transparent 2px, rgba(255, 255, 255, 0.02) 2px, rgba(255, 255, 255, 0.02) 4px );pointer-events:none;}.vinyl-outer-ring.playing{animation:spin-vinyl 15s linear infinite;}@keyframes spin-vinyl{100%{transform:rotate(360deg);}}.vinyl-label{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle, var(--cyber-cyan) 0%, var(--cyber-purple) 100%);display:flex;justify-content:center;align-items:center;position:relative;border:4px solid #000;}.vinyl-label-inner{width:16px;height:16px;background:var(--color-dark-obsidian);border-radius:50%;border:2px solid #000;box-shadow:inset 0 0 4px #000;}.audio-visualizer-bar{display:flex;gap:3px;margin-top:30px;height:40px;align-items:flex-end;}.vis-bar{width:4px;height:5px;background:linear-gradient(to top, var(--cyber-cyan), var(--cyber-purple));border-radius:2px;transition:height 0.08s ease;}.jukebox-side-controls{display:flex;flex-direction:column;gap:20px;}.song-list-panel{padding:20px;max-height:250px;overflow-y:auto;}.song-list-panel h4{font-family:var(--font-display);font-size:1rem;margin-bottom:12px;}.song-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:6px;cursor:pointer;transition:var(--transition-fast);margin-bottom:4px;border:1px solid transparent;}.song-row:hover{background:rgba(255, 255, 255, 0.02);}.song-row.active{background:rgba(0, 240, 255, 0.06);border-color:rgba(0, 240, 255, 0.2);color:var(--cyber-cyan);}.song-title-sec{display:flex;align-items:center;gap:10px;font-size:0.9rem;font-weight:500;}.song-artist{font-size:0.75rem;color:var(--text-muted);}.lyrics-card{padding:24px;flex-grow:1;display:flex;flex-direction:column;height:200px;overflow:hidden;}.lyrics-title{font-family:var(--font-display);font-size:0.9rem;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,0.05);padding-bottom:8px;margin-bottom:12px;text-transform:uppercase;}.lyrics-container{overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:var(--font-sans);font-size:0.95rem;line-height:1.6;gap:12px;}.lyric-line{color:var(--text-muted);transition:var(--transition-fast);}.lyric-line.active{color:var(--cyber-cyan);font-size:1.05rem;font-weight:600;text-shadow:0 0 10px var(--cyber-cyan-glow);}.badge-purple{background:rgba(162, 0, 255, 0.1);color:var(--cyber-purple);border:1px solid var(--cyber-purple);}.cog-vault-layout{display:flex;flex-direction:column;gap:20px;}.cog-header-card{padding:24px 30px;display:flex;justify-content:space-between;align-items:center;border-color:rgba(162, 0, 255, 0.25);box-shadow:0 4px 20px rgba(162, 0, 255, 0.04);}.cog-header-left h3{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--cyber-purple);text-shadow:0 0 10px var(--cyber-purple-glow);margin-bottom:4px;}.cog-header-left p{font-size:0.9rem;font-weight:500;}.cog-workspace-grid{display:grid;grid-template-columns:310px 1.4fr 1.15fr;gap:20px;height:580px;}.scroll-panel{overflow-y:auto;scrollbar-width:thin;}.cog-sidebar-panel{padding:20px;display:flex;flex-direction:column;border-color:rgba(162, 0, 255, 0.15);overflow-y:auto;}.cog-sidebar-section-title{font-family:var(--font-mono);font-size:0.65rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:0.1em;margin-bottom:12px;border-bottom:1px solid rgba(162, 0, 255, 0.1);padding-bottom:6px;}.cog-chapters-list, .cog-dialogues-list{display:flex;flex-direction:column;gap:8px;}.cog-chapter-btn, .cog-dialogue-btn{background:rgba(255, 255, 255, 0.02);border:1px solid rgba(255, 255, 255, 0.04);border-radius:8px;padding:10px 12px;cursor:pointer;display:flex;align-items:center;gap:12px;text-align:left;transition:var(--transition-fast);color:var(--text-secondary);font-family:var(--font-sans);}.cog-chapter-btn .chapter-num{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--cyber-purple);opacity:0.7;}.cog-chapter-btn .chapter-info{display:flex;flex-direction:column;}.cog-chapter-btn .chapter-title{font-size:0.85rem;font-weight:600;color:var(--text-primary);}.cog-chapter-btn .chapter-subtitle{font-size:0.65rem;color:var(--text-muted);margin-top:2px;}.cog-chapter-btn:hover, .cog-dialogue-btn:hover{background:rgba(162, 0, 255, 0.05);border-color:rgba(162, 0, 255, 0.3);transform:translateX(4px);}.cog-chapter-btn.active, .cog-dialogue-btn.active{background:rgba(162, 0, 255, 0.08);border-color:var(--cyber-purple);color:var(--text-primary);box-shadow:0 0 15px var(--cyber-purple-glow);}.cog-chapter-btn.active .chapter-num{opacity:1;text-shadow:0 0 8px var(--cyber-purple-glow);}.cog-dialogue-btn{font-size:0.8rem;padding:8px 12px;gap:10px;}.cog-dialogue-btn svg{color:var(--cyber-cyan);flex-shrink:0;transition:var(--transition-fast);}.cog-dialogue-btn:hover svg, .cog-dialogue-btn.active svg{transform:scale(1.2);filter:drop-shadow(0 0 4px var(--cyber-cyan));}.cog-terminal-panel{padding:0;border-color:rgba(0, 255, 136, 0.2);box-shadow:0 0 20px var(--matrix-green-glow);display:flex;flex-direction:column;overflow:hidden;background:rgba(2, 3, 5, 0.95);}.terminal-hdr{background:rgba(5, 7, 10, 0.9);padding:12px 20px;border-bottom:1px solid rgba(0, 255, 136, 0.2);display:flex;justify-content:space-between;align-items:center;}.cog-terminal-panel .terminal-title{color:var(--matrix-green);text-shadow:0 0 8px var(--matrix-green-glow);}.cog-terminal-panel .terminal-body{padding:24px;font-family:var(--font-mono);font-size:0.82rem;line-height:1.65;color:var(--matrix-green);flex-grow:1;}.terminal-section-block{margin-bottom:24px;}.terminal-section-block h4{font-family:var(--font-display);font-size:1.05rem;color:var(--cyber-cyan);text-shadow:0 0 8px var(--cyber-cyan-glow);border-bottom:1px dashed rgba(0, 240, 255, 0.25);padding-bottom:6px;margin-bottom:12px;}.terminal-section-block p{color:var(--text-secondary);margin-bottom:10px;}.terminal-section-block strong{color:var(--matrix-green);font-weight:700;text-shadow:0 0 5px var(--matrix-green-glow);}.terminal-section-block blockquote{border-left:3px solid var(--cyber-purple);background:rgba(162, 0, 255, 0.05);padding:10px 14px;margin:12px 0;border-radius:0 6px 6px 0;color:var(--text-primary);}.terminal-section-block ul{list-style:none;padding-left:14px;margin:10px 0;}.terminal-section-block li{position:relative;margin-bottom:8px;color:var(--text-secondary);}.terminal-section-block li::before{content:"#";color:var(--cyber-cyan);position:absolute;left:-14px;font-weight:bold;}.qa-block{border-left:2px solid rgba(0, 240, 255, 0.2);padding-left:16px;margin-bottom:20px;background:rgba(0, 240, 255, 0.01);padding-top:6px;padding-bottom:6px;border-radius:0 6px 6px 0;}.qa-user{color:var(--cyber-cyan);text-shadow:0 0 8px var(--cyber-cyan-glow);font-weight:bold;margin-bottom:6px;}.qa-agent{color:var(--matrix-green);text-shadow:0 0 8px var(--matrix-green-glow);font-weight:bold;margin-bottom:6px;}.qa-text{color:var(--text-secondary);margin-left:12px;white-space:pre-wrap;margin-bottom:12px;}.cog-decoder-panel{display:flex;flex-direction:column;overflow:hidden;border-color:rgba(162, 0, 255, 0.2);box-shadow:0 0 20px rgba(162, 0, 255, 0.03);}.decoder-hdr{background:rgba(5, 7, 10, 0.85);padding:14px 20px;border-bottom:1px solid rgba(162, 0, 255, 0.15);font-family:var(--font-mono);font-size:0.75rem;font-weight:bold;letter-spacing:0.05em;color:var(--cyber-purple);text-shadow:0 0 8px var(--cyber-purple-glow);display:flex;justify-content:space-between;align-items:center;}.decoder-pulse{width:8px;height:8px;border-radius:50%;background:var(--cyber-purple);box-shadow:0 0 8px var(--cyber-purple);animation:pulse-simple 1.8s infinite;}.decoder-body{padding:24px;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:var(--text-secondary);font-size:0.8rem;}.dec-diagram-wrapper{width:100%;margin-bottom:20px;display:flex;justify-content:center;}.dec-explanation{width:100%;font-size:0.8rem;line-height:1.5;color:var(--text-secondary);border-top:1px solid rgba(255, 255, 255, 0.05);padding-top:14px;}.dec-explanation h5{font-family:var(--font-display);font-size:0.95rem;color:var(--text-primary);margin-bottom:6px;}.toulmin-box{stroke:var(--cyber-cyan);fill:rgba(0, 240, 255, 0.03);stroke-width:1.5;}.toulmin-box.highlight{stroke:var(--cyber-purple);fill:rgba(162, 0, 255, 0.08);}.toulmin-text{fill:var(--text-primary);font-family:var(--font-sans);font-size:10px;font-weight:600;}.toulmin-label{fill:var(--text-muted);font-family:var(--font-mono);font-size:8px;}.toulmin-arrow{stroke:var(--cyber-cyan);stroke-dasharray:4;}.lacan-pyramid-container{display:flex;flex-direction:column;align-items:center;width:100%;gap:10px;padding:10px 0;}.lacan-tier{width:85%;padding:12px;background:rgba(255, 255, 255, 0.01);border:1px solid rgba(255, 255, 255, 0.04);border-radius:8px;text-align:center;position:relative;transition:var(--transition-smooth);}.lacan-tier.tier-desire{width:60%;border-color:var(--cyber-purple);background:rgba(162, 0, 255, 0.05);box-shadow:0 0 15px var(--cyber-purple-glow);}.lacan-tier.tier-demand{width:75%;border-color:var(--cyber-cyan);background:rgba(0, 240, 255, 0.02);}.lacan-tier.tier-need{width:90%;border-color:var(--matrix-green-dim);}.lacan-tier h6{font-family:var(--font-mono);font-size:0.85rem;font-weight:700;margin-bottom:4px;}.lacan-tier.tier-desire h6{color:var(--cyber-purple);}.lacan-tier.tier-demand h6{color:var(--cyber-cyan);}.lacan-tier.tier-need h6{color:var(--matrix-green);}.lacan-tier span{font-size:0.7rem;color:var(--text-secondary);}.lacan-arrow-connector{font-size:0.8rem;color:var(--text-muted);}.deflation-spiral-svg path{animation:dash 5s linear infinite;stroke:var(--cyber-purple);}@keyframes dash{to{stroke-dashoffset:-40;}}.chan-chart-svg rect.candle{fill:#050608;stroke-width:1.5;}.chan-chart-svg rect.candle.up{stroke:#ff5f56;}.chan-chart-svg rect.candle.down{stroke:#27c93f;}.chan-chart-svg line.wick{stroke-width:1.5;}.chan-chart-svg line.wick.up{stroke:#ff5f56;}.chan-chart-svg line.wick.down{stroke:#27c93f;}.chan-chart-svg rect.pivot-zone{fill:rgba(162, 0, 255, 0.08);stroke:var(--cyber-purple);stroke-width:1;stroke-dasharray:3 2;}}.cog-sub-nav{display:flex;gap:10px;border-bottom:1px solid rgba(162, 0, 255, 0.15);padding-bottom:12px;margin-bottom:15px;}.cog-sub-nav-btn{background:rgba(255, 255, 255, 0.01);border:1px solid rgba(255, 255, 255, 0.05);border-radius:6px;padding:8px 16px;color:var(--text-secondary);font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.03em;cursor:pointer;transition:var(--transition-fast);}.cog-sub-nav-btn:hover{background:rgba(162, 0, 255, 0.04);border-color:rgba(162, 0, 255, 0.25);color:var(--text-primary);}.cog-sub-nav-btn.active{background:rgba(162, 0, 255, 0.08);border-color:var(--cyber-purple);color:var(--text-primary);box-shadow:0 0 12px var(--cyber-purple-glow);text-shadow:0 0 8px var(--cyber-purple-glow);}.cog-sub-panel{display:none;animation:fadeIn 0.4s ease forwards;}.cog-sub-panel.active{display:block;}.sandbox-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;height:520px;}.sandbox-controls{padding:24px;display:flex;flex-direction:column;border-color:rgba(162, 0, 255, 0.15);}.sandbox-controls h4{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--cyber-purple);text-shadow:0 0 10px var(--cyber-purple-glow);margin-bottom:8px;}.section-desc{font-size:0.75rem;color:var(--text-secondary);line-height:1.5;margin-bottom:20px;}.form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:8px;}.form-group label{font-family:var(--font-mono);font-size:0.7rem;font-weight:bold;text-transform:uppercase;color:var(--text-muted);}.cyber-select{background:rgba(5, 7, 10, 0.8);border:1px solid rgba(162, 0, 255, 0.2);border-radius:6px;padding:10px 14px;color:var(--text-primary);font-family:var(--font-sans);font-size:0.85rem;cursor:pointer;outline:none;transition:var(--transition-fast);}.cyber-select:focus{border-color:var(--cyber-purple);box-shadow:0 0 8px var(--cyber-purple-glow);}.cyber-textarea{background:rgba(5, 7, 10, 0.8);border:1px solid rgba(162, 0, 255, 0.2);border-radius:6px;padding:12px;color:var(--text-primary);font-family:var(--font-mono);font-size:0.8rem;min-height:80px;resize:none;outline:none;transition:var(--transition-fast);}.cyber-textarea:focus{border-color:var(--cyber-cyan);box-shadow:0 0 8px var(--cyber-cyan-glow);}.category-btn-group{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px;}.cat-btn{background:rgba(255, 255, 255, 0.01);border:1px solid rgba(255, 255, 255, 0.05);border-radius:4px;padding:6px;color:var(--text-muted);font-family:var(--font-mono);font-size:0.65rem;cursor:pointer;transition:var(--transition-fast);}.cat-btn:hover{background:rgba(255, 255, 255, 0.03);color:var(--text-secondary);}.cat-btn.active{background:rgba(0, 240, 255, 0.06);border-color:var(--cyber-cyan);color:var(--cyber-cyan);box-shadow:0 0 6px var(--cyber-cyan-glow);}.compile-btn{margin-top:auto;background:linear-gradient(135deg, var(--cyber-purple), var(--cyber-cyan));border:none;border-radius:6px;padding:12px;color:#fff;font-family:var(--font-display);font-size:0.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px rgba(162, 0, 255, 0.25);transition:all 0.3s ease;}.compile-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0, 240, 255, 0.35);filter:brightness(1.1);}.compile-btn:active{transform:translateY(0);}.compiler-monitor{margin-top:14px;border:1px solid rgba(0, 255, 136, 0.2);background:rgba(2, 3, 5, 0.95);border-radius:6px;padding:10px 14px;display:flex;flex-direction:column;}.monitor-header{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:0.65rem;font-weight:bold;color:var(--text-muted);border-bottom:1px solid rgba(255, 255, 255, 0.04);padding-bottom:4px;margin-bottom:6px;}.monitor-logs{font-family:var(--font-mono);font-size:0.7rem;color:var(--matrix-green);min-height:60px;max-height:80px;overflow-y:auto;line-height:1.5;white-space:pre-wrap;}.compiler-progress-track{height:4px;background:rgba(255, 255, 255, 0.05);border-radius:2px;overflow:hidden;margin-top:8px;}.compiler-progress-bar{height:100%;width:0%;background:linear-gradient(90deg, var(--cyber-cyan), var(--cyber-purple));box-shadow:0 0 8px var(--cyber-cyan-glow);transition:width 0.1s linear;}.sandbox-results{display:flex;flex-direction:column;gap:20px;}.evolution-flow-panel{padding:20px;border-color:rgba(0, 240, 255, 0.15);}.evolution-flow-panel h5{font-family:var(--font-mono);font-size:0.72rem;text-transform:uppercase;color:var(--cyber-cyan);text-shadow:0 0 6px var(--cyber-cyan-glow);margin-bottom:20px;border-bottom:1px solid rgba(0, 240, 255, 0.1);padding-bottom:6px;}.evolution-flow-container{display:flex;align-items:center;justify-content:space-between;padding:0 10px;margin-top:10px;}.flow-step{display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;}.flow-node{width:32px;height:32px;border-radius:50%;background:rgba(255, 255, 255, 0.02);border:1.5px solid rgba(255, 255, 255, 0.1);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:0.8rem;font-weight:700;color:var(--text-muted);transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);}.flow-label{font-family:var(--font-sans);font-size:0.65rem;font-weight:600;color:var(--text-muted);margin-top:8px;white-space:nowrap;transition:var(--transition-fast);}.flow-desc{position:absolute;bottom:-32px;font-family:var(--font-mono);font-size:0.6rem;color:var(--cyber-cyan);opacity:0;transform:translateY(-5px);pointer-events:none;white-space:nowrap;transition:all 0.3s ease;}.flow-step:hover .flow-node{border-color:var(--cyber-cyan);box-shadow:0 0 8px var(--cyber-cyan-glow);color:var(--cyber-cyan);}.flow-step:hover .flow-desc{opacity:1;transform:translateY(0);}.flow-step.active .flow-node{background:rgba(0, 240, 255, 0.08);border-color:var(--cyber-cyan);color:var(--cyber-cyan);box-shadow:0 0 12px var(--cyber-cyan-glow);transform:scale(1.1);}.flow-step.active .flow-label{color:var(--text-primary);}.flow-line{flex-grow:1;height:1.5px;background:rgba(255, 255, 255, 0.06);margin:0 4px;position:relative;top:-10px;transition:all 0.4s ease;}.flow-line.active{background:var(--cyber-cyan);box-shadow:0 0 8px var(--cyber-cyan-glow);}.compiled-card{flex-grow:1;position:relative;overflow:hidden;padding:24px;border-color:rgba(162, 0, 255, 0.25);background:radial-gradient(circle at 50% 0%, rgba(162, 0, 255, 0.06), rgba(0, 0, 0, 0));display:flex;flex-direction:column;}.card-glow-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(162, 0, 255, 0.02), rgba(0, 0, 0, 0));pointer-events:none;}.compiled-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}.compiled-time-badge{font-family:var(--font-mono);font-size:0.65rem;color:var(--text-muted);}.compiled-card-body{flex-grow:1;display:flex;flex-direction:column;}.waiting-prompt{margin:auto;display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;}.pulse-ring{width:32px;height:32px;border-radius:50%;border:2px solid rgba(162, 0, 255, 0.4);animation:pulse-ring 2s infinite;}@keyframes pulse-ring{0%{transform:scale(0.9);opacity:1;}100%{transform:scale(1.6);opacity:0;}}.waiting-prompt p{font-family:var(--font-mono);font-size:0.75rem;color:var(--text-muted);}.compiled-output{display:flex;flex-direction:column;gap:15px;animation:fadeIn 0.5s ease forwards;}.compiled-item{display:flex;flex-direction:column;gap:6px;}.compiled-label{font-family:var(--font-mono);font-size:0.65rem;color:var(--cyber-cyan);font-weight:bold;text-transform:uppercase;}.compiled-val-text{font-size:0.85rem;line-height:1.5;color:var(--text-secondary);}.compiled-quote-card{border-left:3.5px solid var(--cyber-purple);background:rgba(162, 0, 255, 0.04);padding:14px 18px;border-radius:0 8px 8px 0;margin:8px 0;box-shadow:inset 0 0 10px rgba(162, 0, 255, 0.02);}.compiled-quote-card .val-segment{color:var(--text-primary);font-size:0.9rem;line-height:1.6;}.compiled-quote-card .val-segment strong{color:var(--cyber-purple);text-shadow:0 0 5px var(--cyber-purple-glow);}.cockpit-layout{display:grid;grid-template-columns:1.15fr 1.25fr;gap:20px;height:520px;}.cockpit-assistant-panel{display:flex;flex-direction:column;overflow:hidden;border-color:rgba(0, 255, 136, 0.15);box-shadow:0 0 18px rgba(0, 255, 136, 0.02);}.assistant-hdr{background:rgba(5, 7, 10, 0.85);padding:12px 18px;border-bottom:1px solid rgba(0, 255, 136, 0.15);display:flex;align-items:center;gap:12px;}.assistant-avatar{width:32px;height:32px;border-radius:50%;background:rgba(0, 255, 136, 0.1);border:1px solid var(--matrix-green);color:var(--matrix-green);font-family:var(--font-display);font-weight:900;font-size:0.95rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px var(--matrix-green-glow);}.assistant-info h5{font-family:var(--font-display);font-size:0.8rem;font-weight:bold;color:var(--text-primary);}.assistant-info p{font-family:var(--font-mono);font-size:0.58rem;letter-spacing:0.05em;margin-top:2px;}.assistant-chat-body{flex-grow:1;padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;}.chat-message{max-width:90%;padding:10px 14px;border-radius:8px;font-size:0.78rem;line-height:1.5;}.chat-message.assistant{align-self:flex-start;background:rgba(255, 255, 255, 0.02);border:1px solid rgba(255, 255, 255, 0.04);color:var(--text-secondary);}.chat-message.assistant p{margin-bottom:6px;}.chat-message.assistant p:last-child{margin-bottom:0;}.chat-message.ceo{align-self:flex-end;background:rgba(0, 240, 255, 0.06);border:1px solid rgba(0, 240, 255, 0.2);color:var(--text-primary);}.chat-message.log{align-self:stretch;background:rgba(2, 3, 5, 0.9);border:1px dashed rgba(0, 255, 136, 0.25);font-family:var(--font-mono);font-size:0.72rem;color:var(--matrix-green);max-width:100%;}.assistant-chat-input-row{border-top:1px solid rgba(255, 255, 255, 0.04);background:rgba(4, 6, 9, 0.9);padding:12px 16px;display:flex;align-items:center;gap:10px;}.cli-prompt{font-family:var(--font-mono);font-size:0.75rem;font-weight:bold;color:var(--cyber-cyan);}.cockpit-cli-input{flex-grow:1;background:transparent;border:none;outline:none;font-family:var(--font-mono);font-size:0.75rem;color:var(--text-primary);}.cockpit-cli-input::placeholder{color:var(--text-muted);}.cockpit-agents-grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);gap:16px;}.agent-card{padding:16px;display:flex;flex-direction:column;cursor:pointer;transition:all 0.3s cubic-bezier(0.16, 1, 0.3, 1);border-color:rgba(255, 255, 255, 0.04);}.agent-card:hover{background:rgba(255, 255, 255, 0.02);border-color:rgba(255, 255, 255, 0.1);transform:translateY(-2px);}.agent-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}.agent-title-sec{display:flex;align-items:center;gap:8px;}.agent-title-sec h6{font-family:var(--font-mono);font-size:0.8rem;font-weight:700;color:var(--text-primary);}.status-led{width:6px;height:6px;border-radius:50%;display:inline-block;}.status-led.green{background:#27c93f;box-shadow:0 0 6px #27c93f;}.status-led.cyan{background:var(--cyber-cyan);box-shadow:0 0 6px var(--cyber-cyan);}.status-led.purple{background:var(--cyber-purple);box-shadow:0 0 6px var(--cyber-purple);}.status-led.orange{background:#ff9f00;box-shadow:0 0 6px #ff9f00;}.agent-role-badge{font-size:0.6rem;padding:2px 6px;background:rgba(255, 255, 255, 0.03);border:1px solid rgba(255, 255, 255, 0.05);border-radius:4px;color:var(--text-muted);}.agent-card-body{flex-grow:1;display:flex;flex-direction:column;}.agent-status-main{font-size:0.78rem;font-weight:600;color:var(--text-secondary);line-height:1.4;margin-bottom:10px;}.agent-metrics{margin-top:auto;border-top:1px solid rgba(255, 255, 255, 0.03);padding-top:8px;display:flex;flex-direction:column;gap:4px;}.agent-metrics div{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:0.62rem;color:var(--text-muted);}.agent-metrics div span:last-child{color:var(--text-secondary);}.agent-card.active[data-agent-id="infra"]{border-color:#27c93f;box-shadow:0 0 15px rgba(39, 201, 63, 0.15);background:rgba(39, 201, 63, 0.02);}.agent-card.active[data-agent-id="macapp"]{border-color:var(--cyber-cyan);box-shadow:0 0 15px var(--cyber-cyan-glow);background:rgba(0, 240, 255, 0.02);}.agent-card.active[data-agent-id="compiler"]{border-color:var(--cyber-purple);box-shadow:0 0 15px var(--cyber-purple-glow);background:rgba(162, 0, 255, 0.02);}.agent-card.active[data-agent-id="life"]{border-color:#ff9f00;box-shadow:0 0 15px rgba(255, 159, 0, 0.15);background:rgba(255, 159, 0, 0.02);}@media (max-width:1024px){.cog-workspace-grid{grid-template-columns:1fr;height:auto;}.sandbox-layout, .cockpit-layout{grid-template-columns:1fr;height:auto;gap:15px;}.cockpit-agents-grid{grid-template-columns:1fr;}#main-hud{grid-template-columns:1fr;grid-template-rows:auto 1fr;}.hud-sidebar{border-right:none;border-bottom:1px solid var(--border-cyber);flex-direction:row;padding:16px 24px;align-items:center;}.brand-section{margin-bottom:0;}.nav-menu{flex-direction:row;gap:4px;}.nav-item{padding:10px 14px;font-size:0.85rem;}.sidebar-bottom{display:none;}.profile-card{grid-template-columns:1fr;}.synapse-module-layout{grid-template-columns:1fr;}.infra-layout{grid-template-columns:1fr;}.jukebox-layout{grid-template-columns:1fr;}.mba-grid{grid-template-columns:1fr;}}@media (max-width:768px){.gateway-panel{padding:16px 20px !important;width:92% !important;margin:10px auto !important;box-shadow:0 0 25px var(--matrix-green-glow) !important;}.terminal-header{margin-bottom:12px !important;padding-bottom:8px !important;}.terminal-body{font-size:0.74rem !important;min-height:110px !important;line-height:1.45 !important;}.enter-btn{margin-top:14px !important;padding:10px !important;font-size:0.8rem !important;}.hud-sidebar{position:fixed;bottom:12px;left:12px;right:12px;height:56px;width:auto;z-index:9999;background:rgba(3, 5, 8, 0.94);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(0, 240, 255, 0.2);border-radius:14px;box-shadow:0 8px 32px rgba(0, 0, 0, 0.7), 0 0 12px rgba(0, 240, 255, 0.08);padding:0 10px;display:flex;flex-direction:row;align-items:center;justify-content:center;border-bottom:1px solid rgba(0, 240, 255, 0.3);}.brand-section{display:none !important;}.sidebar-top{width:100% !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;}.nav-menu{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:4px;}.nav-item{flex-direction:column !important;gap:2px !important;font-size:0.6rem !important;padding:4px 0 !important;flex:1 !important;background:transparent !important;border:none !important;justify-content:center !important;align-items:center !important;text-align:center !important;color:var(--text-muted) !important;}.nav-item svg{width:16px;height:16px;margin-right:0 !important;margin-bottom:2px;}.nav-item .nav-label{display:none !important;}.nav-item::after{content:attr(data-short-label);font-size:0.55rem;font-family:var(--font-sans);font-weight:600;color:var(--text-muted);white-space:nowrap;letter-spacing:-0.01em;}.nav-item.active{color:var(--cyber-cyan) !important;box-shadow:none !important;}.nav-item.active::after{color:var(--cyber-cyan);text-shadow:0 0 6px var(--cyber-cyan-glow);}.nav-item.active svg{filter:drop-shadow(0 0 4px var(--cyber-cyan));}#main-hud{grid-template-rows:auto 1fr;padding:0;min-height:100vh;}.hud-viewport{padding:12px 12px 85px 12px;}.hud-header{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.05);margin-bottom:12px;}.hud-header-title{font-size:1.1rem;}.profile-intro{padding:16px;}.profile-avatar-sec{flex-direction:column;align-items:center;text-align:center;gap:12px;}.profile-details-grid{grid-template-columns:1fr;gap:10px;}.synapse-sim-card{height:320px;}.sim-viewport{height:calc(100% - 40px);}.infra-layout{display:flex;flex-direction:column;gap:12px;}.timeline-side{display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap;padding-bottom:8px;gap:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}.timeline-side::-webkit-scrollbar{display:none;}.timeline-card-btn{flex-shrink:0;padding:8px 12px;width:auto;}.timeline-card-btn .btn-date{font-size:0.55rem;}.timeline-card-btn .btn-title{font-size:0.7rem;margin-top:2px;}.console-view{height:380px;}.jukebox-layout{gap:12px;}.vinyl-player-card{padding:20px;}.vinyl-outer-ring{width:140px;height:140px;}.song-list-panel{max-height:240px;}.cog-vault-layout{gap:12px;}.cog-header-card{padding:14px 18px;flex-direction:column;align-items:flex-start;gap:8px;}.cog-header-left h3{font-size:1.1rem;}.cog-sub-nav{overflow-x:auto;white-space:nowrap;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.cog-sub-nav::-webkit-scrollbar{display:none;}.cog-sub-nav-btn{flex-shrink:0;padding:6px 12px;font-size:0.65rem;}.sandbox-controls{padding:16px;}.category-btn-group{grid-template-columns:1fr;}.evolution-flow-panel{padding:14px;}.evolution-flow-container{overflow-x:auto;padding:10px 0 20px 0;gap:14px;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.evolution-flow-container::-webkit-scrollbar{display:none;}.flow-step{flex-shrink:0;}.flow-line{width:24px;flex-grow:0;}.cockpit-assistant-panel{height:340px;}.assistant-hdr{padding:8px 12px;}.assistant-chat-body{padding:10px 14px;}.cockpit-agents-grid{grid-template-columns:1fr;gap:12px;}.agent-card{padding:12px;}.cog-workspace-grid{display:flex;flex-direction:column;height:auto;gap:12px;}.cog-sidebar-panel{max-height:240px;padding:12px;}.cog-terminal-panel{height:380px;}.cog-decoder-panel{height:auto;}}
@media (max-width:768px){#main-hud,.hud-viewport,.hud-module,.cog-vault-layout,.cog-sub-panel,.sandbox-layout,.sandbox-controls,.sandbox-results,.compiled-card,.evolution-flow-panel,.cockpit-layout,.cockpit-assistant-panel,.cog-workspace-grid,.cog-sidebar-panel,.cog-terminal-panel,.cog-decoder-panel{min-width:0;max-width:100%;width:100%;}.sandbox-layout,.cockpit-layout,.cog-workspace-grid{overflow-x:hidden;}.sandbox-controls,.compiled-card,.evolution-flow-panel{box-sizing:border-box;}.cyber-select,.cyber-textarea,.compile-btn{width:100%;max-width:100%;min-width:0;}.evolution-flow-container,.cog-sub-nav,.timeline-side{max-width:100%;}.cog-header-card,.assistant-hdr,.agent-card-header,.compiled-card-header{min-width:0;}.cog-header-left,.assistant-info,.agent-title-sec{min-width:0;}.cog-header-left h3,.cog-header-left p,.assistant-info h5,.assistant-info p,.agent-title-sec h6,.section-desc,.compiled-val-text{overflow-wrap:anywhere;word-break:break-word;}.category-btn-group{width:100%;}.chat-message{max-width:100%;}.sim-input-field,.cockpit-cli-input{min-width:0;}}