.xi-mock{color:#e8e4f2;perspective:1600px;width:100%;font-family:Inter,ui-sans-serif,system-ui,sans-serif;position:relative}.xi-mock-frame{width:100%;transform-style:preserve-3d;background:radial-gradient(120% 80% at 0 0,#e4215c1a,#0000 55%),radial-gradient(120% 80% at 100% 100%,#3f2d862e,#0000 55%),linear-gradient(#15102a,#0e0a1e);border:1px solid #ffffff14;border-radius:16px;position:relative;overflow:hidden;transform:rotateX(2deg)rotateY(-3deg);box-shadow:inset 0 1px #ffffff0f,0 30px 80px -30px #0009,0 10px 30px -10px #3f2d8659}.xi-mock-large .xi-mock-frame{transform:none}.xi-mock-titlebar{background:#ffffff05;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:flex}.xi-mock-dots{gap:6px;display:flex}.xi-mock-dots span{background:#ffffff2e;border-radius:50%;width:9px;height:9px}.xi-mock-dots span:first-child{background:#ff5f56}.xi-mock-dots span:nth-child(2){background:#ffbd2e}.xi-mock-dots span:nth-child(3){background:#27c93f}.xi-mock-title{color:#e8e4f2b3;letter-spacing:.02em}.xi-mock-sep{color:#e8e4f24d;margin:0 4px}.xi-mock-venture{color:#e8e4f2d9;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;font-size:11px;display:inline-flex}.xi-mock-venture-dot{background:#a92b86;border-radius:50%;width:6px;height:6px}.xi-mock-live{letter-spacing:.12em;color:#26a269;align-items:center;gap:6px;font-size:10px;display:inline-flex}.xi-mock-live-dot{background:#26a269;border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite xi-mock-pulse;box-shadow:0 0 #26a26999}@keyframes xi-mock-pulse{0%{box-shadow:0 0 #26a2698c}70%{box-shadow:0 0 0 8px #26a26900}to{box-shadow:0 0 #26a26900}}.xi-mock-body{grid-template-columns:140px 1fr 200px;min-height:360px;display:grid}.xi-mock-hero .xi-mock-body{min-height:380px}.xi-mock-large .xi-mock-body{grid-template-columns:180px 1fr 260px;min-height:520px}.xi-mock-rail{background:#00000026;border-right:1px solid #ffffff0f;flex-direction:column;gap:2px;padding:14px 10px;display:flex}.xi-mock-rail-item{color:#e8e4f2a6;cursor:default;border-radius:6px;align-items:center;gap:10px;padding:7px 10px;font-size:12px;display:flex}.xi-mock-rail-item.is-active{color:#fff;background:linear-gradient(90deg,#e4215c2e,#e4215c00);border-left:2px solid #e4215c;padding-left:8px}.xi-mock-rail-item.is-muted{color:#e8e4f266;font-size:11px}.xi-mock-rail-bullet{background:#e8e4f259;border-radius:50%;width:5px;height:5px}.xi-mock-rail-item.is-active .xi-mock-rail-bullet{background:#e4215c}.xi-mock-rail-sep{background:#ffffff0f;height:1px;margin:10px 6px}.xi-mock-main{flex-direction:column;min-width:0;padding:16px 18px;display:flex}.xi-mock-panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.xi-mock-panel-title{letter-spacing:.01em;color:#fff;font-size:13px;font-weight:600}.xi-mock-tabs{background:#ffffff0a;border-radius:6px;gap:2px;padding:2px;display:inline-flex}.xi-mock-tab{color:#e8e4f28c;border-radius:4px;padding:4px 8px;font-size:10px}.xi-mock-tab.active{color:#fff;background:#ffffff14}.xi-mock-feed{background:#0003;border:1px solid #ffffff0f;border-radius:8px;flex:1;min-height:0;overflow:hidden}.xi-mock-feed-head,.xi-mock-feed-row{grid-template-columns:80px 80px 1fr 60px 90px;align-items:center;gap:10px;padding:8px 12px;font-size:11px;display:grid}.xi-mock-feed-head{letter-spacing:.12em;text-transform:uppercase;color:#e8e4f266;background:#ffffff05;border-bottom:1px solid #ffffff0f;font-size:9px}.xi-mock-feed-row{opacity:0;border-bottom:1px solid #ffffff0a;animation:.5s ease-out forwards xi-mock-row-in}.xi-mock-feed-row:last-child{border-bottom:0}.xi-mock-feed-r-0{animation-delay:.1s}.xi-mock-feed-r-1{animation-delay:.5s}.xi-mock-feed-r-2{animation-delay:.9s}.xi-mock-feed-r-3{animation-delay:1.3s}.xi-mock-feed-r-4{animation-delay:1.7s}.xi-mock-feed-r-5{animation-delay:2.1s}@keyframes xi-mock-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.xi-mock-mono{color:#e8e4f2d9;font-family:ui-monospace,JetBrains Mono,monospace}.xi-mock-muted{color:#e8e4f280}.xi-mock-num{text-align:right}.xi-mock-route{color:#e8e4f2b3;font-size:10px}.xi-mock-chip{text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:10px;display:inline-block}.xi-mock-chip-hi{color:#4fd699;background:#26a2692e;border:1px solid #26a2694d}.xi-mock-chip-mid{color:#e4b021;background:#e4b02126;border:1px solid #e4b0214d}.xi-mock-chip-lo{color:#e8e4f28c;background:#e8e4f20f;border:1px solid #ffffff0f}.xi-mock-fanout{background:#e4215c08;border:1px dashed #e4215c40;border-radius:8px;margin-top:14px;padding:12px 14px}.xi-mock-fanout-label{letter-spacing:.16em;text-transform:uppercase;color:#e4215cd9;margin-bottom:8px;font-size:9px}.xi-mock-fanout-pills{flex-wrap:wrap;gap:6px;display:flex}.xi-mock-pill{color:#fff;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:4px 10px;font-size:10px}.xi-mock-pill-ghost{color:#e8e4f299;background:0 0;border-color:#ffffff0f}.xi-mock-aside{background:#0000001a;border-left:1px solid #ffffff0f;flex-direction:column;gap:12px;padding:14px 12px;display:flex}.xi-mock-card{background:linear-gradient(#ffffff08,#fff0);border:1px solid #ffffff14;border-radius:8px;padding:12px}.xi-mock-card-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#e8e4f273;margin-bottom:6px;font-size:9px}.xi-mock-card-num{color:#fff;font-family:ui-monospace,monospace;font-size:28px;font-weight:500;line-height:1}.xi-mock-card-num-tail{color:#e8e4f266;margin-left:4px;font-size:12px}.xi-mock-fed{justify-content:center;margin:8px 0;display:flex}.xi-mock-fed-svg{width:100%;max-width:140px;height:auto}.xi-fed-node{transform-origin:70px 70px;animation:7s ease-in-out infinite xi-fed-orbit}.xi-fed-node-0{animation-delay:0s}.xi-fed-node-1{animation-delay:.5s}.xi-fed-node-2{animation-delay:1s}.xi-fed-node-3{animation-delay:1.5s}@keyframes xi-fed-orbit{0%,to{opacity:.55}50%{opacity:1}}.xi-mock-card-foot{color:#e8e4f28c;border-top:1px solid #ffffff0f;margin-top:6px;padding-top:8px;font-size:10px}.xi-mock-card-foot strong{color:#4fd699;font-weight:500}.xi-mock-proof-row{color:#e8e4f2b3;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:5px 0;font-size:11px;display:flex}.xi-mock-proof-row:last-of-type{border-bottom:0}.xi-mock-pos{color:#4fd699;font-family:ui-monospace,monospace}.xi-mock-neg{color:#e4215c;font-family:ui-monospace,monospace}.xi-mock-proof-foot{border-top:1px dashed #ffffff14;justify-content:space-between;align-items:center;margin-top:6px;padding-top:8px;font-size:9px;display:flex}.xi-mock-stamp{letter-spacing:.18em;color:#4fd699;border:1px solid #4fd69966;border-radius:3px;padding:2px 6px}@media(max-width:900px){.xi-mock-body{grid-template-columns:1fr}.xi-mock-rail,.xi-mock-aside{display:none}.xi-mock-frame{transform:none}}@media(prefers-reduced-motion:reduce){.xi-mock-feed-row{opacity:1;animation:none}.xi-mock-live-dot,.xi-fed-node{animation:none}}.xi-mini{aspect-ratio:4/3;color:#e8e4f2;background:radial-gradient(100% 60% at 50% 0,#e4215c14,#0000 60%),linear-gradient(#15102a,#0e0a1e);border:1px solid #ffffff14;border-radius:12px;width:100%;padding:14px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:0 10px 30px -15px #00000080}.xi-mini-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#e8e4f273;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:9px;display:flex}.xi-mini-live{color:#4fd699;letter-spacing:.14em;align-items:center;gap:5px;display:inline-flex}.xi-mini-live:before{content:"";background:#4fd699;border-radius:50%;width:6px;height:6px;animation:1.8s ease-out infinite xi-mock-pulse}.xi-mini-stream{flex-direction:column;gap:5px;display:flex}.xi-mini-evt{opacity:0;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px 10px;font-size:11px;animation:4s ease-in-out infinite xi-mini-evt-in;display:grid}.xi-mini-evt-meta{flex-direction:column;gap:1px;display:flex}.xi-mini-evt-id{color:#e8e4f2d9;font-family:ui-monospace,monospace;font-size:10px}.xi-mini-evt-intent{color:#e8e4f273;font-size:9px}.xi-mini-evt:first-child{animation-delay:0s}.xi-mini-evt:nth-child(2){animation-delay:.6s}.xi-mini-evt:nth-child(3){animation-delay:1.2s}.xi-mini-evt:nth-child(4){animation-delay:1.8s}@keyframes xi-mini-evt-in{0%{opacity:0;transform:translateY(8px)}10%,70%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(-4px)}}.xi-mini-route{grid-template-columns:1fr 50px 1fr;align-items:center;gap:12px;height:calc(100% - 30px);display:grid}.xi-mini-route-source{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.xi-mini-route-event{background:#e4215c14;border:1px solid #e4215c66;border-radius:6px;padding:8px 12px;font-family:ui-monospace,monospace;font-size:11px}.xi-mini-route-score{color:#4fd699;letter-spacing:.12em;font-size:9px}.xi-mini-route-arrows{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.xi-mini-route-arrows svg{width:100%;height:100%}.xi-mini-route-targets{flex-direction:column;gap:6px;display:flex}.xi-mini-route-target{color:#e8e4f2d9;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:10px;display:flex}.xi-mini-route-target span:last-child{color:#4fd699;letter-spacing:.1em;font-size:8px}.xi-mini-route-line{stroke:#e4215c80;stroke-width:1.2px;fill:none;stroke-dasharray:3 3;animation:1.5s linear infinite xi-mini-dash}@keyframes xi-mini-dash{to{stroke-dashoffset:-12px}}.xi-mini-fed{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:calc(100% - 30px);display:flex}.xi-mini-fed svg{width:70%;max-width:180px;height:auto}.xi-mini-fed-foot{color:#e8e4f28c;text-align:center;font-size:10px}.xi-mini-fed-foot strong{color:#4fd699;font-weight:500}@media(prefers-reduced-motion:reduce){.xi-mini-evt{opacity:1;animation:none}.xi-mini-route-line,.xi-mini-live:before{animation:none}}
