@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-deep: #060611;--bg-card: rgba(12, 14, 28, .7);--bg-card-hover: rgba(18, 20, 38, .85);--bg-elevated: rgba(20, 22, 42, .6);--cyan: #00DCFF;--cyan-dim: rgba(0, 220, 255, .15);--cyan-glow: rgba(0, 220, 255, .08);--cyan-border: rgba(0, 220, 255, .2);--text-primary: #F0F2F8;--text-secondary: #8B90A8;--text-muted: #555874;--green: #00E5A0;--green-dim: rgba(0, 229, 160, .12);--amber: #FFB547;--amber-dim: rgba(255, 181, 71, .12);--red: #FF5C5C;--red-dim: rgba(255, 92, 92, .12);--border: rgba(255, 255, 255, .06);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 16px;--radius-sm: 10px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 70%)}#root{position:relative;z-index:1}.hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border)}.hdr-left{display:flex;align-items:center;gap:16px}.hdr-logo{height:32px;display:flex;align-items:center}.hdr-logo svg{height:32px;width:auto}.hdr-title{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.3px}.hdr-title span{color:var(--text-muted);font-weight:400}.hdr-right{display:flex;align-items:center;gap:20px}.hdr-live{font-family:var(--font-mono);font-size:12px;color:var(--green);display:flex;align-items:center;gap:6px}.hdr-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite}.hdr-time{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.state-card{grid-row:span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px}.state-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:1.5px;margin-bottom:12px;align-self:flex-start}.state-ring-wrap{position:relative;width:200px;height:200px;margin:8px 0 24px}.state-ring{width:100%;height:100%}.state-ring-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.state-icon{font-size:22px;margin-bottom:4px;opacity:.7}.state-health{font-family:var(--font-mono);font-size:42px;font-weight:500;letter-spacing:-2px}.state-health-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:1.5px;margin-top:2px}.state-name{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:10px;text-align:center}.state-desc{font-size:13px;color:var(--text-secondary);text-align:center;line-height:1.5;max-width:280px;margin-bottom:16px}.state-badge{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);padding:6px 14px;border:1px solid var(--border);border-radius:20px}.metric-card{padding:20px 24px;display:flex;flex-direction:column;gap:4px}.mc-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:1.5px}.mc-value{font-family:var(--font-mono);font-size:32px;font-weight:500;letter-spacing:-1.5px;line-height:1.1;margin:6px 0 4px}.mc-sub{font-size:13px;color:var(--text-secondary)}.mc-change{font-family:var(--font-mono);font-size:12px;margin-top:4px}.forces-panel{padding:24px;display:flex;flex-direction:column;gap:16px}.fp-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:1.5px}.fp-list{display:flex;flex-direction:column;gap:14px}.force-row{display:grid;grid-template-columns:140px 1fr 56px;align-items:center;gap:12px}.force-name{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.force-mock-dot{color:var(--amber);font-size:8px}.force-track{position:relative;height:8px;background:#ffffff0a;border-radius:4px;overflow:hidden}.force-center{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--text-muted);opacity:.3}.force-fill{position:absolute;top:0;height:100%;border-radius:4px;transition:width 1.2s ease-out}.force-pos{border-radius:0 4px 4px 0}.force-neg{border-radius:4px 0 0 4px}.force-val{font-family:var(--font-mono);font-size:13px;text-align:right}.fp-footer{display:flex;align-items:center;gap:10px;margin-top:4px}.fp-mock-badge{font-family:var(--font-mono);font-size:10px;color:var(--amber);background:var(--amber-dim);padding:3px 8px;border-radius:6px}.fp-mock-note{font-size:11px;color:var(--text-muted)}.trans-panel{padding:24px;display:flex;flex-direction:column;gap:16px}.tp-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:1.5px}.tp-list{display:flex;flex-direction:column;gap:18px}.tp-item{display:flex;flex-direction:column;gap:4px}.tp-head{display:flex;justify-content:space-between;align-items:baseline}.tp-name{font-family:var(--font-display);font-size:15px;font-weight:600}.tp-pct{font-family:var(--font-mono);font-size:18px;font-weight:500}.tp-bar-track{height:4px;background:#ffffff0a;border-radius:2px;overflow:hidden}.tp-bar-fill{height:100%;border-radius:2px;transition:width 1.5s ease-out}.tp-trigger{font-size:12px;color:var(--text-muted);font-style:italic}.tp-badge{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);padding:6px 14px;border:1px solid var(--border);border-radius:20px;width:fit-content;margin-top:4px}.timeline-section{margin-top:32px;padding:28px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.timeline-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}.timeline-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.timeline-sub{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.state-ribbon{display:flex;gap:2px;margin-bottom:16px;border-radius:6px;overflow:hidden;height:28px;padding-left:70px;padding-right:80px}.ribbon-segment{display:flex;align-items:center;justify-content:center;min-width:20px;transition:opacity .2s;cursor:default}.ribbon-segment:hover{opacity:.8}.ribbon-segment.cat-healthy{background:#00e5a026}.ribbon-segment.cat-caution{background:#ffb5471f}.ribbon-segment.cat-warning{background:#ff5c5c1f}.ribbon-label{font-family:var(--font-mono);font-size:.6rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px}.timeline-chart-wrap{margin-bottom:12px}.timeline-legend{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary)}.legend-line{display:inline-block;width:20px;height:2px}.legend-line.price-line{background:#f0f2f8}.legend-line.resistance-line{background:#00dcff;border-top:2px dashed #00DCFF;height:0}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:3px}.legend-dot.cat-healthy{background:#00e5a04d;border:1px solid #00E5A0}.legend-dot.cat-caution{background:#ffb54733;border:1px solid #FFB547}.legend-dot.cat-warning{background:#ff5c5c33;border:1px solid #FF5C5C}.tl-tooltip{background:#0a0c18f2;border:1px solid var(--cyan-border);border-radius:10px;padding:12px 16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:200px}.tl-tooltip-date{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);margin-bottom:6px}.tl-tooltip-state{font-family:var(--font-display);font-size:.85rem;font-weight:600;margin-bottom:8px}.tl-tooltip-row{display:flex;justify-content:space-between;gap:16px;font-size:.75rem;padding:2px 0}.tl-tooltip-row span{color:var(--text-secondary)}.tl-tooltip-row strong{color:var(--text-primary);font-weight:500}.timeline-loading,.timeline-error{text-align:center;padding:40px;color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem}.timeline-error{color:var(--amber)}.ft-section{background:#0f101ca6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px 20px 14px}.ft-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ft-title{font-size:15px;font-weight:600;color:#c8cad4;margin:0;letter-spacing:.02em}.ft-badges{display:flex;gap:8px;align-items:center}.ft-badge{font-size:10px;font-family:JetBrains Mono,monospace;padding:3px 8px;border-radius:6px;letter-spacing:.03em}.ft-badge.model{background:#00e5a01a;color:#00e5a0;border:1px solid rgba(0,229,160,.2)}.ft-badge.mockup{background:#fbbf2414;color:#fbbf24;border:1px solid rgba(251,191,36,.15)}.ft-chart-wrap{width:100%;margin-bottom:8px}.ft-legend{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding-top:4px}.ft-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:#8b8ea3}.ft-legend-item.net{opacity:.5}.ft-legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.ft-legend-name{white-space:nowrap}.ft-legend-name.mockup{font-style:italic;opacity:.7}.ft-tooltip{background:#0a0b14eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 14px;font-size:12px;min-width:200px}.ft-tooltip-date{color:#8b8ea3;font-size:11px;font-family:JetBrains Mono,monospace;margin-bottom:6px}.ft-tooltip-divider{height:1px;background:#ffffff0f;margin:5px 0}.ft-tooltip-row{display:flex;align-items:center;gap:6px;padding:2px 0}.ft-tooltip-row.net{padding-top:2px}.ft-tooltip-dot{width:6px;height:6px;border-radius:2px;flex-shrink:0}.ft-tooltip-name{color:#c8cad4;flex:1}.ft-tooltip-val{font-family:JetBrains Mono,monospace;font-size:11px}.ft-loading,.ft-error{text-align:center;padding:40px;color:#555874;font-size:13px}.sv-section{margin-top:2rem;padding:0 1rem}.sv-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.sv-title{font-size:1.15rem;font-weight:600;color:var(--text-primary, #F0F2F8);margin:0}.sv-sub{font-size:.75rem;color:var(--text-muted, #555874);margin-top:.2rem;display:block}.sv-summary-badges{display:flex;gap:.75rem}.sv-badge{display:flex;flex-direction:column;align-items:center;padding:.4rem .75rem;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);min-width:70px}.sv-badge-num{font-size:1.1rem;font-weight:700;color:var(--text-primary, #F0F2F8)}.sv-badge.knowledge .sv-badge-num{color:#00e5a0}.sv-badge.rate .sv-badge-num{color:#38bdf8}.sv-badge.total .sv-badge-num{color:#a78bfa}.sv-badge-label{font-size:.6rem;color:var(--text-muted, #555874);text-transform:uppercase;letter-spacing:.05em;margin-top:.1rem}.sv-chain{display:flex;overflow-x:auto;gap:0;padding-bottom:1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.sv-chain::-webkit-scrollbar{height:4px}.sv-chain::-webkit-scrollbar-track{background:#ffffff05}.sv-chain::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sv-day-wrapper{display:flex;align-items:center;flex-shrink:0;scroll-snap-align:start}.sv-card{width:180px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.65rem;display:flex;flex-direction:column;gap:.5rem;transition:border-color .2s}.sv-card.validated{border-color:#00e5a040}.sv-card.missed{border-color:#ff5c5c40}.sv-card.pending{border-color:#ffb54733}.sv-card:hover{border-color:#ffffff26}.sv-card-top{display:flex;justify-content:space-between;align-items:center}.sv-card-date{font-size:.7rem;color:var(--text-muted, #555874);font-family:JetBrains Mono,monospace}.sv-card-state{font-size:.72rem;font-weight:600}.sv-card-scenarios{display:flex;flex-direction:column;gap:.2rem}.sv-scenario-row{display:flex;align-items:center;gap:.3rem;font-size:.65rem}.sv-scenario-rank{color:var(--text-muted, #555874);font-family:JetBrains Mono,monospace;width:1.2rem;flex-shrink:0}.sv-scenario-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-scenario-prob{color:var(--text-muted, #555874);font-family:JetBrains Mono,monospace;flex-shrink:0}.sv-card-validation{padding:.3rem .4rem;border-radius:4px;font-size:.65rem;text-align:center}.sv-card-validation.validated{background:#00e5a014}.sv-card-validation.missed{background:#ff5c5c14}.sv-card-validation.pending{background:#ffb5470f}.sv-val-ok{color:#00e5a0}.sv-val-miss{color:#ff5c5c}.sv-val-pending{color:#ffb547;opacity:.7}.sv-explore-btn{background:none;border:1px solid rgba(255,255,255,.08);color:var(--text-muted, #555874);font-size:.6rem;padding:.25rem .4rem;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:all .2s}.sv-explore-btn:hover{border-color:#a78bfa66;color:#a78bfa}.sv-expanded{padding-top:.4rem;border-top:1px solid rgba(255,255,255,.04)}.sv-risk-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.3rem;margin-bottom:.4rem}.sv-risk-item{display:flex;flex-direction:column;align-items:center;padding:.2rem;border-radius:4px}.sv-risk-item.critical{background:#ff5c5c14}.sv-risk-item.attention{background:#ffb5470f}.sv-risk-item.stable{background:#00e5a00f}.sv-risk-num{font-size:.85rem;font-weight:700;font-family:JetBrains Mono,monospace}.sv-risk-item.critical .sv-risk-num{color:#ff5c5c}.sv-risk-item.attention .sv-risk-num{color:#ffb547}.sv-risk-item.stable .sv-risk-num{color:#00e5a0}.sv-risk-label{font-size:.55rem;color:var(--text-muted, #555874);text-transform:uppercase}.sv-expanded-note{font-size:.6rem;color:var(--text-muted, #555874);text-align:center;line-height:1.4}.sv-arrow{display:flex;align-items:center;padding:0 .25rem;flex-shrink:0}.sv-arrow.validated{color:#00e5a0}.sv-arrow.missed{color:#ff5c5c}.sv-arrow.pending{color:#ffffff26}.sv-knowledge-bar{margin-top:1rem;padding:.75rem 0}.sv-kb-track{height:4px;background:#ffffff0a;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.sv-kb-fill{height:100%;background:linear-gradient(90deg,#00e5a0,#38bdf8);border-radius:2px;transition:width .5s ease}.sv-kb-text{font-size:.72rem;color:var(--text-muted, #555874)}.sv-kb-text strong{color:#00e5a0}.sv-kb-insight{opacity:.6;font-size:.65rem}.sv-loading,.sv-error{text-align:center;padding:2rem;color:var(--text-muted, #555874);font-size:.85rem}.ftr{display:flex;gap:12px;align-items:flex-start;padding:20px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:12px;color:var(--text-muted);line-height:1.6;margin-top:16px}.ftr-icon{font-size:16px;flex-shrink:0;margin-top:1px}.ftr strong{color:var(--text-secondary)}.ftr-dot{color:var(--amber);font-size:8px}.dashboard{max-width:1400px;margin:0 auto;padding:40px 48px 60px}.hero-grid{display:grid;grid-template-columns:340px 1fr 1fr;grid-template-rows:auto auto;gap:16px;margin-bottom:16px}.hero-grid>.state-card{grid-row:1 / 3;grid-column:1}.hero-grid>.metrics-row{grid-column:2 / 4;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hero-grid>.forces-panel{grid-column:2}.hero-grid>.trans-panel{grid-column:3}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:background .3s,border-color .3s}.card:hover{background:var(--bg-card-hover);border-color:var(--cyan-border)}.dash-loading{display:flex;align-items:center;justify-content:center;min-height:80vh;font-family:var(--font-mono);font-size:14px;color:var(--text-muted)}.dash-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:16px}.dash-error span{font-size:14px;color:var(--red)}.dash-error button{padding:8px 20px;border:1px solid var(--cyan-border);background:transparent;color:var(--cyan);border-radius:8px;font-family:var(--font-mono);font-size:12px;cursor:pointer}