:root{--accent: #38bdf8;--accent-dim: #0ea5e9;--green: #22c55e;--red: #ef4444;--yellow: #eab308;--bg-app: #0f172a;--bg-panel: #1e293b;--border: #334155;--bg-black: #000000;--text-main: #f8fafc;--text-muted: #94a3b8;--radius: 8px;--spacing: 16px;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;background-color:var(--bg-app);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;-webkit-font-smoothing:antialiased}.app-container{max-width:1600px;margin:0 auto;padding:0 24px 24px}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;gap:var(--spacing)}.app-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.app-footer{text-align:center;margin-top:40px;color:var(--text-muted);font-size:.75rem}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all .2s ease}.panel:hover{border-color:var(--accent-dim)}.panel-min-height{min-height:320px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:12px;gap:16px}.panel-header-identity{display:flex;align-items:center;gap:10px;min-width:0}.panel-header-controls{display:flex;align-items:center;gap:0;flex-shrink:0}@media (max-width: 768px){.panel-header-identity{display:none!important}.panel-header-controls{width:100%;justify-content:space-between}.panel-header-controls .vertical-divider{display:none}}.panel-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.panel-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-desc{font-size:.75rem;color:#94a3b8b3;margin-bottom:12px;margin-top:4px;line-height:1.4}.tag{font-size:.7rem;padding:2px 8px;border-radius:4px;background:#ffffff1a;color:var(--accent);font-weight:500;white-space:nowrap;margin-left:0}.tag-red{color:var(--red);border:1px solid rgba(239,68,68,.2)}.tag-blue{color:var(--accent);border:1px solid rgba(56,189,248,.2)}.ai-hero-card{border-color:#c084fc4d!important;box-shadow:0 0 40px -10px #c084fc26;transition:all .4s ease}.ai-hero-card:hover{border-color:#c084fc99!important;box-shadow:0 0 50px -5px #c084fc40}.ai-hero-card .tag{background:#c084fc26;color:#e879f9;border:1px solid rgba(192,132,252,.3)}.span-2{grid-column:span 2;display:flex;flex-direction:column;min-width:0}.span-4{grid-column:span 4;display:flex;flex-direction:column;min-width:0}.h-tall{height:550px}.h-standard{height:400px}.brand-title{font-size:1.5rem;margin:0;font-weight:800;letter-spacing:-.03em}.text-accent{color:var(--accent)}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.85rem}.nav-link:hover{color:var(--text-main)}.chart-box{flex:1;width:100%;min-height:0}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172acc;display:flex;align-items:center;justify-content:center;z-index:10}.scan-line{width:100%;height:2px;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:scan 2s linear infinite}@keyframes scan{0%{transform:translateY(-100px);opacity:0}50%{opacity:1}to{transform:translateY(100px);opacity:0}}.modal-overlay{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;align-items:flex-start;justify-content:center;padding:20px 0}.modal-box{background:var(--bg-panel);margin:auto;padding:20px;width:80%;max-width:900px;border-radius:8px;border:1px solid var(--border);box-shadow:0 20px 25px -5px #00000080;animation:modalSlide .3s ease-out}@keyframes modalSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.panel-flex-column{height:100%;display:flex;flex-direction:column}.panel-toggle-btn{padding:6px;border:none;background:transparent;cursor:pointer;font-size:.75rem;color:var(--text-muted);transition:color .2s ease;display:flex;align-items:center;justify-content:center}.panel-toggle-btn:hover{color:var(--text-main)}.logic-inspector-btn{color:#93c5fd!important;transition:all .2s ease}.logic-inspector-btn:hover{color:#38bdf8!important;text-shadow:0 0 8px rgba(56,189,248,.4)}.ai-hero-card .logic-inspector-btn{color:#b19cd9!important}.ai-hero-card .logic-inspector-btn:hover{color:#d1c4e9!important;text-shadow:0 0 8px rgba(177,156,217,.4)}.logic-btn-inner{display:flex;align-items:center;gap:4px;font-size:.75rem;transition:inherit}.chart-content-area{flex:1;min-height:0;position:relative;overflow:hidden}.chart-footer-area{flex-shrink:0;margin-top:auto;border-top:1px solid var(--border)}.border-top-subtle{border-top:1px solid rgba(255,255,255,.05)}.table-view-container{overflow:auto;height:100%;width:100%}.table-standard{width:100%;border-collapse:separate;border-spacing:0 2px;font-size:.8rem;font-family:var(--font-mono)}.table-header{position:sticky;top:0;background:var(--bg-panel);z-index:10}.table-header-row{text-align:left;color:var(--text-muted)}.table-cell-padding{padding:8px}.row-bullish{background-color:#22c55e0a;border-left:3px solid var(--green)}.row-bearish{background-color:#ef44440a;border-left:3px solid var(--red)}.sentiment-pill{padding:2px 8px;border-radius:4px;font-weight:700;font-size:.75rem}.pill-green{background:#22c55e26;color:#4ade80}.pill-red{background:#ef444426;color:#f87171}@media (max-width: 768px){.table-header{display:none}.table-standard tbody tr{display:flex;flex-wrap:wrap;background:#1e293b66;border:1px solid rgba(255,255,255,.05);border-radius:8px;margin-bottom:12px;padding:8px}.table-standard td{display:flex;flex-direction:column;width:50%;padding:8px;border:none!important;text-align:left!important}.table-standard td:before{content:attr(data-label);font-size:.65rem;color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-weight:600}}.header-tabs-wrapper{margin-right:8px;padding-right:8px}.mr-2{margin-right:8px}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.ml-4{margin-left:16px}.pr-2{padding-right:8px}.text-right{text-align:right}.font-bold{font-weight:700}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.text-white{color:#fff}.text-muted{color:#94a3b8}.text-green{color:#22c55e}.text-red{color:#ef4444}.text-yellow{color:#eab308}.text-accent{color:#38bdf8}.text-sm{font-size:.75rem}.border-right{border-right:1px solid #334155}.logic-btn-inner{display:flex;align-items:center;gap:4px;font-size:.75rem}.plotly-fill{width:100%;height:100%}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:99px;border:2px solid transparent;background-clip:content-box}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05);flex-wrap:nowrap;gap:16px}.brand-group{display:flex;align-items:center;gap:12px;white-space:nowrap;flex-shrink:0}.brand-title{font-size:1.25rem;margin:0;font-weight:800;letter-spacing:-.03em;line-height:1}.brand-divider{width:1px;height:20px;background-color:var(--border)}.status-badge-compact{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;border:1px solid transparent;transition:all .3s ease;cursor:help}.status-text{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.05em}.header-nav-pill{display:flex;align-items:center;gap:16px;background:#1e293b80;padding:6px 16px;border-radius:99px;border:1px solid var(--border);box-shadow:0 4px 6px -1px #0000001a;white-space:nowrap;flex-shrink:1;overflow-x:auto}.nav-separator{color:var(--border);font-size:.8rem;-webkit-user-select:none;user-select:none}.icon-link{display:flex;align-items:center;background:none;border:none;cursor:pointer;color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem;padding:0;transition:color .2s;font-weight:500}.icon-link:hover{color:var(--accent)}@media (max-width: 768px){.desktop-only{display:none}.header-nav-pill{gap:12px;padding:6px 12px}}.custom-chart-wrapper{width:100%;height:100%;position:relative;min-height:300px}.map-container{height:100%;width:100%;min-height:300px}.custom-tooltip{background-color:var(--bg-panel);border:1px solid var(--border);padding:12px;border-radius:var(--radius);box-shadow:0 10px 15px -3px #00000080;max-width:320px;position:relative;z-index:9999;pointer-events:none}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tooltip-ticker{font-weight:700;color:var(--text-main);background-color:var(--bg-app);padding:2px 6px;border-radius:4px;font-family:var(--font-mono)}.tooltip-date{color:var(--text-muted);font-size:10px}.tooltip-title{color:#cbd5e1;font-style:italic;font-size:12px;margin-bottom:8px;line-height:1.4}.tooltip-footer{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:8px;font-size:12px}.tooltip-label{font-weight:500}.text-green{color:var(--green)}.text-red{color:var(--red)}@media (max-width: 1024px){.app-container{padding:12px}.bento-grid{grid-template-columns:repeat(2,1fr);gap:12px}.span-2,.span-4{grid-column:span 2;height:auto;margin-bottom:12px}.h-tall{height:450px}.h-standard{height:400px}.desktop-only{display:none}}@media (max-width: 768px){.app-container{padding:12px}.bento-grid{display:flex;flex-direction:column;gap:16px}.area-cluster{order:1}.area-chaos{order:2}.area-risk{order:3}.area-whale{order:4}.sticky-header-group{position:relative;top:auto;margin:0 -12px 16px;padding:0 12px;box-shadow:none!important;border-bottom:none!important}.app-header{flex-direction:row;align-items:center;gap:12px;height:auto;padding:12px 0;flex-wrap:wrap;border-bottom:none!important;margin-bottom:0!important}.brand-title{font-size:1.1rem}.status-text{display:none}.status-badge-compact{padding:4px;border-radius:50%}.span-2,.span-4{width:100%}.h-tall,.h-standard{height:350px}.panel-header{gap:0px!important}.panel-title{flex:1;min-width:0;padding-right:4px}.panel-title-text{max-width:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-title .tag{margin-left:auto!important;white-space:nowrap}.ai-hero-card .panel-desc{display:none!important}.ai-hero-card .chart-content-area{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px)}.manual-sidebar-wrapper{position:relative}.manual-sidebar-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(to right,transparent,var(--bg-app));pointer-events:none}}.map-wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--radius);background-color:#0f172a4d;touch-action:manipulation}.map-loading-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0f172a80;border-radius:var(--radius)}.map-loading-text{color:var(--text-muted);font-family:var(--font-mono);font-size:.85rem;animation:pulseText 1.5s infinite}@keyframes pulseText{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes softPulse{0%{r:6px;opacity:.8;stroke-width:0px}50%{r:9px;opacity:1;stroke-width:3px;stroke-opacity:.3}to{r:6px;opacity:.8;stroke-width:0px}}.node-pulse{animation:softPulse 3s infinite ease-in-out;stroke:#fff}.node-standard:hover{opacity:1!important;stroke:#fff;stroke-width:1px;transition:all .2s ease}.node-noise{pointer-events:none}.map-empty-state-hint{position:absolute;top:16px;right:16px;z-index:10;background:#0f172a99;padding:6px 12px;border-radius:4px;border:1px solid rgba(51,65,85,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.hint-text{font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}.insight-panel-dock{position:absolute;z-index:20;background:#0f172abf;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--border);box-shadow:-10px 0 25px #00000080;display:flex;flex-direction:column;top:8px;right:8px;bottom:8px;width:320px;border-radius:var(--radius);animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.dock-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0;gap:12px}.dock-title-group{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.dock-indicator{width:12px;height:12px;border-radius:50%;background-color:var(--panel-accent);box-shadow:0 0 10px var(--panel-accent);flex-shrink:0}.dock-title{margin:0;font-size:.9rem;font-weight:700;color:var(--text-main);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-subtitle{margin:0;font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase}.dock-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;flex-shrink:0}.dock-close-btn:hover{background:#ffffff1a;color:#fff}.dock-body{flex:1;overflow-y:auto;padding:16px;overscroll-behavior:contain}.dock-sentiment-box{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:#1e293b80;border:1px solid rgba(255,255,255,.05);margin-bottom:20px}.dock-sentiment-text{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-main);letter-spacing:.05em}.dock-section{margin-bottom:24px}.dock-section-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin:0 0 8px;display:flex;align-items:center}.dock-text{font-size:.85rem;line-height:1.6;color:#cbd5e1;padding-left:12px;border-left:2px solid var(--border)}.dock-list{list-style:none;padding:0;margin:0}.dock-list-item{font-size:.8rem;color:var(--text-muted);margin-bottom:8px;display:flex;gap:10px;line-height:1.4}.dock-bullet{display:block;width:4px;height:4px;background-color:var(--text-muted);border-radius:50%;margin-top:6px;flex-shrink:0}.dock-footer{padding:12px;border-top:1px solid rgba(255,255,255,.05);background:#0f172a80;font-size:.65rem;color:var(--text-muted);text-align:center;flex-shrink:0;display:flex;justify-content:center}.map-tooltip{border-color:var(--tooltip-accent);box-shadow:0 0 20px #00000080}.tooltip-pill{background-color:#ffffff0d;color:var(--tooltip-accent);font-weight:700;font-size:.65rem;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.insight-panel-dock{position:fixed;top:auto;bottom:0;left:0;right:0;height:65vh;width:100vw;border-radius:16px 16px 0 0;border:none;border-top:1px solid var(--panel-accent);z-index:2000;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.insight-panel-dock:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background-color:#fff3;border-radius:4px;pointer-events:none}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.dock-header{padding:24px 20px 16px;min-height:64px}.dock-close-btn{padding:8px;background:#ffffff0d;margin-left:12px}.map-empty-state-hint{display:none}.insight-panel-dock~.map-controls-group{display:none}}.map-controls-group{position:absolute;top:16px;left:16px;z-index:10;display:flex;gap:8px}.map-control-btn{position:static;display:flex;align-items:center;gap:6px;background:#0f172a99;border:1px solid rgba(51,65,85,.5);color:#94a3b8;padding:6px 10px;border-radius:4px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font-mono);font-size:.7rem;transition:all .2s ease}.map-control-btn:hover{background:#1e293bcc;color:#fff;border-color:#94a3b8}.map-control-btn.active{background:#38bdf81a;border-color:#38bdf8;color:#38bdf8}.map-control-btn.active-focus{background:#eab3081a;border-color:#eab308;color:#eab308}.control-text{font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width: 768px){.desktop-only-text{display:none}}.dock-table{width:100%;border-collapse:collapse;font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted)}.dock-table th{text-align:left;border-bottom:1px solid var(--border);padding:8px 4px;font-weight:600;color:var(--text-main);text-transform:uppercase;font-size:.65rem}.dock-table td{padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.dock-action-btn{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:6px 12px;border-radius:4px;font-size:.7rem;font-family:var(--font-mono);cursor:pointer;transition:all .2s}.dock-action-btn:hover{background:#ffffff1a;border-color:var(--text-muted)}.logic-modal{--dynamic-accent: #38bdf8;background:#0f172a;border:1px solid #334155;border-radius:12px;width:90%;max-width:1000px;height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 40px -10px color-mix(in srgb,var(--dynamic-accent),transparent 90%);animation:modalPop .2s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.logic-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#1e293b;border-bottom:1px solid #334155}.logic-title-group{display:flex;align-items:center;gap:16px}.logic-icon-box{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--dynamic-accent),transparent 90%);border:1px solid color-mix(in srgb,var(--dynamic-accent),transparent 80%);color:var(--dynamic-accent)}.dynamic-text-color{color:var(--dynamic-accent)}.logic-title-text{display:flex;flex-direction:column}.logic-super{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:color-mix(in srgb,var(--dynamic-accent),#94a3b8 40%)}.logic-main{font-size:1rem;color:#f8fafc;font-weight:700;letter-spacing:-.02em}.logic-close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.logic-close-btn:hover{background:#ffffff0d;color:#fff}.logic-tabs{display:flex;gap:2px;background:#0f172a;padding:0 24px;border-bottom:1px solid #334155}.logic-tab{background:transparent;border:none;color:#94a3b8;padding:12px 16px;font-size:.8rem;font-family:var(--font-mono);cursor:pointer;display:flex;align-items:center;gap:8px;border-bottom:2px solid transparent;transition:all .2s}.logic-tab:hover{color:#cbd5e1;background:#ffffff05}.logic-tab.active{color:var(--dynamic-accent);border-bottom:2px solid var(--dynamic-accent);background:color-mix(in srgb,var(--dynamic-accent),transparent 95%)}.logic-editor-container{flex:1;position:relative;background:#0d1117;overflow:hidden}.logic-scroll-area{height:100%;overflow-y:auto;overscroll-behavior:contain}.logic-copy-btn{position:absolute;top:16px;right:24px;z-index:10;background:#1e293bcc;border:1px solid #334155;color:#94a3b8;padding:6px 10px;border-radius:6px;cursor:pointer;display:flex;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s}.logic-copy-btn:hover{background:#334155;color:#fff}.logic-footer{padding:8px 24px;background:#1e293b;border-top:1px solid #334155;display:flex;align-items:center;gap:8px}.logic-status-dot{width:6px;height:6px;border-radius:50%;background:var(--dynamic-accent);box-shadow:0 0 8px color-mix(in srgb,var(--dynamic-accent),transparent 40%)}@media (max-width: 768px){.logic-modal{width:100%;height:100%;border-radius:0;max-width:none;border:none}.logic-tabs{overflow-x:auto;padding:0 12px}.logic-tab{white-space:nowrap;padding:12px}}.ticker-select-container{position:relative;display:inline-flex;align-items:center;margin-left:12px}.ticker-select-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent);font-weight:700;font-size:.75rem;padding:6px 28px 6px 12px;border-radius:6px;border:1px solid rgba(56,189,248,.2);cursor:pointer;outline:none;transition:all .2s ease;font-family:var(--font-mono);box-shadow:0 2px 10px #0003}.ticker-select-input option{color:#000;background-color:#fff}.ticker-select-input:hover{background-color:#38bdf81a;border-color:var(--accent);box-shadow:0 0 15px #38bdf826;color:#fff}.ticker-select-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted);transition:color .2s}.ticker-select-container:hover .ticker-select-arrow{color:var(--accent)}.metric-glass{display:flex;flex-direction:row;align-items:center;gap:10px;padding:6px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;min-width:0;transition:all .2s ease;box-shadow:inset 0 1px #ffffff0d}.metric-glass:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-1px)}.metric-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:0;white-space:nowrap;opacity:.7;font-weight:600}.metric-value{font-family:var(--font-mono);font-size:.95rem;font-weight:700;line-height:1;text-shadow:0 0 10px rgba(0,0,0,.5)}.vertical-divider{height:24px;width:1px;background:linear-gradient(to bottom,transparent,#334155,transparent);margin:0 12px;opacity:1}.manual-modal{display:flex;flex-direction:column;padding:0;height:80vh;max-height:800px;overflow:hidden}.manual-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0}.modal-title-wrapper{display:flex;align-items:center}.modal-title{font-weight:700;font-family:var(--font-mono);font-size:.9rem;color:var(--text-main);letter-spacing:.05em}.manual-body{display:flex;flex:1;overflow:hidden;position:relative}.manual-sidebar{width:200px;background:#0f172a4d;border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex-shrink:0}.manual-nav-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);text-align:left;padding:8px 12px;border-radius:6px;font-size:.75rem;font-family:var(--font-mono);cursor:pointer;transition:all .2s;white-space:nowrap}.manual-nav-btn:hover{background:#ffffff0d;color:var(--text-main)}.manual-nav-btn.active{background:#38bdf81a;color:var(--accent);border-color:#38bdf833}.manual-content{flex:1;padding:32px 40px;overflow-y:auto;scroll-behavior:smooth}.manual-section{margin-bottom:48px;scroll-margin-top:20px}.manual-h3{font-size:1rem;font-weight:800;color:var(--text-main);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.manual-p{font-size:.9rem;line-height:1.6;color:#cbd5e1;margin-bottom:16px}.manual-list{padding-left:20px;margin-bottom:16px;color:#cbd5e1;font-size:.9rem;line-height:1.6}.manual-list li{margin-bottom:8px}.key-cap{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:2px 6px;font-family:var(--font-mono);font-size:.75rem;color:var(--accent)}.manual-divider{height:1px;background:var(--border);margin:32px 0;opacity:.3}@media (max-width: 768px){.manual-modal{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important;border:none!important;background:var(--bg-app)}.manual-body{flex-direction:column}.manual-sidebar{width:100%;height:auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;white-space:nowrap;border-right:none;border-bottom:1px solid var(--border);padding:12px;gap:8px;-ms-overflow-style:none;scrollbar-width:none}.manual-sidebar::-webkit-scrollbar{display:none}.manual-nav-btn{flex-shrink:0;padding:6px 12px;background:#1e293b80;border:1px solid rgba(255,255,255,.05)}.manual-nav-btn.active{background:var(--accent);color:#000;font-weight:700}.manual-content{padding:20px}.manual-h3{font-size:.9rem}.manual-p,.manual-list{font-size:.85rem}}.architecture-modal{width:90%;max-width:1000px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.architecture-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.05);background:var(--bg-panel);width:100%}.architecture-modal .modal-title-wrapper{display:flex;align-items:center}.arch-container{padding:32px;display:flex;flex-direction:column;align-items:center}.arch-intro{text-align:center;color:var(--text-muted);font-size:.9rem;margin-bottom:40px;max-width:600px;line-height:1.6}.arch-flow{display:flex;align-items:stretch;justify-content:center;gap:16px;width:100%;position:relative}.arch-node{background:#0f172a80;border:1px solid var(--border);border-radius:12px;padding:20px;width:200px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease;position:relative}.arch-node-header{display:flex;flex-direction:column;align-items:center;width:100%}.arch-node:hover{background:#1e293bcc;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 20px -5px #0000004d}.arch-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:#ffffff0d}.color-orange{color:#f97316;background:#f973161a}.color-blue{color:#38bdf8;background:#38bdf81a}.color-green{color:#4ade80;background:#4ade801a}.color-yellow{color:#facc15;background:#facc151a}.arch-meta{margin-bottom:12px;flex-grow:1;width:100%}.arch-label{font-size:.7rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em;margin-bottom:4px}.arch-tech{font-size:.85rem;font-weight:600;color:var(--text-main);font-family:var(--font-mono)}.arch-desc{font-size:.75rem;color:#94a3b8;line-height:1.5;margin-top:auto}.arch-desc strong{color:#e2e8f0;font-weight:600}.arch-arrow{display:flex;align-items:center;justify-content:center;color:var(--border);font-size:1.5rem;padding-top:0;width:20px}.mobile-chevron,.mobile-arrow{display:none}.desktop-arrow{display:block}@media (max-width: 768px){.architecture-modal{width:100%!important;height:100%!important;max-width:none!important;border-radius:0!important;border:none!important;overflow-y:auto}.arch-container{padding:20px;align-items:stretch}.arch-intro{font-size:.85rem;margin-bottom:24px;text-align:left}.arch-flow{flex-direction:column;align-items:stretch;gap:0}.arch-node{width:100%;align-items:stretch;text-align:left;padding:16px;margin-bottom:12px;cursor:pointer;min-height:0}.arch-node:hover{transform:none}.arch-node-header{flex-direction:row;align-items:center;gap:16px}.arch-icon-box{margin-bottom:0;width:40px;height:40px;flex-shrink:0}.arch-meta{flex:1;margin-bottom:0}.arch-desc{display:none;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);animation:fadeIn .3s ease}.arch-node.active .arch-desc{display:block}.arch-node.active{border-color:var(--accent);background:#1e293b99}.mobile-chevron{display:block;color:var(--text-muted);transition:transform .2s}.arch-node.active .mobile-chevron{transform:rotate(180deg);color:var(--text-main)}.desktop-arrow{display:none}.arch-arrow{padding:0 0 12px;font-size:1.2rem;height:auto;width:100%}.mobile-arrow{display:block}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.arch-footer{margin-top:40px;padding-top:24px;border-top:1px solid var(--border);width:100%;text-align:center;font-size:.75rem;color:var(--text-muted)}.bio-modal{width:90%;max-width:800px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;--bio-purple: #e879f9;--bio-purple-dim: #c084fc;--bio-bg-tint: rgba(192, 132, 252, .15);--bio-border-tint: rgba(192, 132, 252, .3)}.text-purple{color:var(--bio-purple)}.bio-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.05);background:var(--bg-panel);width:100%}.bio-modal .modal-title-wrapper{display:flex;align-items:center}.bio-content{padding:40px;overflow-y:auto}.bio-grid{display:flex;gap:32px;align-items:flex-start;margin-bottom:40px}.bio-avatar{flex-shrink:0;width:120px;height:120px;border-radius:12px;overflow:hidden;border:2px solid var(--border);box-shadow:0 0 30px -5px #c084fc33}.bio-profile-img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:var(--text-muted)}.bio-details{flex:1}.bio-name{font-size:1.5rem;font-weight:800;color:var(--text-main);margin:0 0 8px;line-height:1.1}.bio-role{font-family:var(--font-mono);font-size:.8rem;color:var(--bio-purple);margin-bottom:24px;display:inline-block;padding:4px 10px;background:var(--bio-bg-tint);border-radius:4px;border:1px solid var(--bio-border-tint);box-shadow:0 0 10px -2px var(--bio-bg-tint)}.bio-text{font-size:.95rem;line-height:1.6;color:#cbd5e1}.bio-text p{margin-bottom:12px}.bio-text strong{color:#fff;font-weight:600}.bio-divider{margin:32px 0;background:#ffffff1a;height:1px}.bio-h3{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px}.stack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px}.stack-item{background:#0f172a80;border:1px solid rgba(255,255,255,.05);padding:10px 14px;border-radius:6px;font-size:.8rem;color:#cbd5e1}.stack-item .text-accent{color:var(--bio-purple)}.contact-row{display:flex;flex-wrap:wrap;gap:12px}.contact-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;transition:all .2s}.contact-btn:hover{background:#ffffff1a;color:#fff;border-color:var(--text-muted)}.btn-primary{background:var(--bio-purple);color:#0f172a;border-color:var(--bio-purple);font-weight:700}.btn-primary:hover{background:var(--bio-purple-dim);color:#0f172a;border-color:var(--bio-purple-dim);box-shadow:0 0 15px var(--bio-bg-tint)}@media (max-width: 768px){.bio-modal{width:100%!important;height:100%!important;max-width:none!important;border-radius:0!important;border:none!important;overflow-y:auto}.bio-content{padding:24px}.bio-grid{flex-direction:column;align-items:center;text-align:center;gap:24px}.bio-avatar{width:140px;height:140px}.bio-name{font-size:1.75rem}.bio-text{text-align:left;font-size:.9rem}.stack-grid{grid-template-columns:1fr}.contact-row{flex-direction:column}.contact-btn{justify-content:center;padding:12px}}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.panel-desc{color:#cbd5e1!important;opacity:.9}@media (prefers-reduced-motion: reduce){.node-pulse,.scan-line,.modal-box,.insight-panel-dock,.panel{animation:none!important;transition:none!important}}.journal-sheet{background-color:#0b1221;background-image:radial-gradient(rgba(251,191,36,.1) 1px,transparent 1px);background-size:24px 24px;border:1px solid rgba(251,191,36,.2);box-shadow:0 25px 50px -12px #000000b3}.journal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 40px 24px;border-bottom:1px dashed rgba(251,191,36,.3);margin-bottom:0}.journal-title-block{display:flex;flex-direction:column;gap:6px}.journal-title{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:#fbbf24;letter-spacing:.15em;line-height:1;text-transform:uppercase;margin-bottom:0;text-shadow:0 0 20px rgba(251,191,36,.25)}.journal-content-area{padding:64px 40px 40px;height:600px;overflow-y:auto;scroll-behavior:smooth}.journal-entry{position:relative;padding-left:36px;padding-bottom:40px;border-left:1px dashed rgba(148,163,184,.2);margin-top:0}.journal-node{position:absolute;left:-5px;top:6px;width:9px;height:9px;border-radius:50%;background:#0b1221;border:2px solid #fbbf24;z-index:10}.journal-entry-title{font-size:1.25rem;font-weight:700;color:#f1f5f9;margin:0 0 4px;line-height:1.2}.journal-entry-date{font-family:var(--font-mono);font-size:.75rem;color:#fbbf24;font-weight:600;letter-spacing:.05em;opacity:.9;display:block}.journal-prose{font-family:Inter,sans-serif;font-size:.9rem;line-height:1.6;color:#cbd5e1;max-width:65ch;margin-top:12px}.journal-prose p{margin-bottom:12px}@media (max-width: 768px){.journal-header{padding:24px 16px 16px}.journal-content-area{padding:40px 16px 20px}.journal-entry{padding-left:16px;padding-bottom:32px}.journal-node{left:-4px}.journal-title{font-size:1rem;letter-spacing:.1em}.journal-entry-title{font-size:1.1rem;line-height:1.3}.journal-prose{width:100%;max-width:none;font-size:.95rem}}
