:root{color:#d8ddd9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--muted:#717a74;--line:#202622;--signal:#8dffad;--error:#ff8e8e;background:#050706;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}*{box-sizing:border-box}body{background:linear-gradient(#8dffad05 1px,#0000 1px) 0 0/100% 24px,#050706;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.shell{width:min(100% - 32px,960px);margin:0 auto;padding:clamp(28px,4vh,40px) 0 80px}.masthead,.brand-lockup,.section-heading,.packet-heading,.sender,.metrics{align-items:baseline;display:flex}.masthead{border-bottom:1px solid var(--line);padding-bottom:20px}.brand-lockup{flex-wrap:wrap;gap:8px 18px;width:100%}.byline{color:var(--muted);letter-spacing:.08em;white-space:nowrap;margin:0 0 0 auto;font-size:.72rem}.eyebrow,.timeline-meta,.section-heading,.packet-heading,.metric-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.eyebrow,h1,h2,.message{margin:0}h1{color:#f4f7f5;letter-spacing:-.08em;margin-top:5px;font-size:clamp(2.24rem,5.2vw,3.2rem);font-weight:500;line-height:.9}.miku-sticker{width:clamp(2.5rem,5vw,3rem);height:clamp(2.5rem,5vw,3rem);color:inherit;vertical-align:middle;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:-.18em 0 -.1em .12em;padding:0;line-height:0;display:inline-flex}.miku-sticker img{object-fit:contain;width:100%;height:100%;display:block}.miku-sticker:hover img{transform:scale(1.06)}.miku-sticker:focus-visible{outline:1px solid var(--signal);outline-offset:2px}.miku-sticker:disabled{opacity:1;cursor:wait}.timeline-section{border-bottom:1px solid var(--line);padding:18px 0 20px}.timeline-heading,.timeline-bounds{justify-content:space-between;display:flex}.timeline-heading{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px 24px;display:grid}.timeline-title,.timeline-readout{display:contents}.timeline-meta{grid-area:1/2;justify-self:end;align-items:center;gap:12px;display:flex}.timeline-live{color:var(--signal)}.timeline-live:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.timeline-kicker{color:var(--muted);letter-spacing:.1em;grid-area:1/1;margin:0;font-size:.62rem}.timeline-title h2{grid-area:2/1}.timeline-selected{color:var(--signal);letter-spacing:.025em;text-align:right;grid-area:2/2;justify-self:end;font-size:clamp(.9rem,2.1vw,1.15rem)}.timeline-control{margin-top:16px}.timeline-track{--thumb-radius:7.5px;height:64px;position:relative}.timeline-activity{inset:0 var(--thumb-radius);width:calc(100% - 2 * var(--thumb-radius));pointer-events:none;height:100%;position:absolute}.timeline-control input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.timeline-control input[type=range]:focus-visible{outline:none}.timeline-control input[type=range]::-webkit-slider-runnable-track{background:#3b463f;border:1px solid #29322c;border-radius:999px;height:4px}.timeline-control input[type=range]::-webkit-slider-thumb{background:var(--signal);-webkit-appearance:none;border:2px solid #071009;border-radius:50%;width:15px;height:15px;margin-top:-6px;box-shadow:0 0 0 1px #8dffad6b,0 0 10px #8dffad29}.timeline-control input[type=range]::-moz-range-track{background:#3b463f;border:1px solid #29322c;border-radius:999px;height:2px}.timeline-control input[type=range]::-moz-range-progress{background:#3b463f;border-radius:999px;height:4px}.timeline-control input[type=range]::-moz-range-thumb{background:var(--signal);border:2px solid #071009;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 1px #8dffad6b,0 0 10px #8dffad29}.timeline-control input[type=range]:hover::-webkit-slider-thumb{background:#a9ffbf}.timeline-control input[type=range]:hover::-moz-range-thumb{background:#a9ffbf}.timeline-control input[type=range]:active::-webkit-slider-thumb{background:#c7ffd5;box-shadow:0 0 0 2px #8dffad4d,0 0 14px #8dffad3d}.timeline-control input[type=range]:active::-moz-range-thumb{background:#c7ffd5;box-shadow:0 0 0 2px #8dffad4d,0 0 14px #8dffad3d}.timeline-control input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #8dffad42,0 0 14px #8dffad33}.timeline-control input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #8dffad42,0 0 14px #8dffad33}.timeline-bounds{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:.66rem}.universe-section{padding-top:1px}.universe-heading{margin-bottom:10px}.universe-frame{isolation:isolate;border-block:1px solid var(--line);background:radial-gradient(circle,#4b805a1a,#0000 52%),#030504;position:relative;overflow:hidden}.node-universe{touch-action:none;width:100%;height:clamp(360px,min(65vw,100svh - 350px),570px);position:relative}.node-universe canvas{cursor:grab;width:100%;height:100%;display:block}.node-universe canvas:active{cursor:grabbing}.universe-label-layer{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.universe-node-overlay{flex-direction:column;align-items:center;gap:6px;display:flex}.universe-message-stack{flex-direction:column;align-items:center;gap:5px;display:flex}.universe-message{color:#eef4f0;overflow-wrap:anywhere;white-space:normal;background:#050907eb;border:1px solid #8dffad6b;border-radius:9px 9px 9px 2px;width:max-content;max-width:min(320px,48vw);padding:8px 10px;font-size:.82rem;line-height:1.42;transition:opacity .16s,border-color .16s;display:block;position:relative;box-shadow:0 5px 18px #00000057}.universe-message:after{content:"";background:#050907eb;border-bottom:1px solid #8dffad6b;border-right:1px solid #8dffad6b;width:8px;height:8px;position:absolute;bottom:-5px;left:8px;transform:rotate(45deg)}.universe-message.is-selected{color:#fff;background:#08120cf7;border-color:#8dffadc7}.universe-label{color:#aab4ad;letter-spacing:.05em;white-space:nowrap;background:#030504b8;padding:2px 4px;font-size:.52rem;line-height:1.2;transition:opacity .16s}.universe-label-home{color:var(--signal);letter-spacing:.1em;border:1px solid #8dffad4d;font-weight:500}.universe-label-anonymous{color:#aab8af;text-align:center;background:#03050473;border:1px solid #aab8af47;min-width:19px}.universe-fallback{z-index:3;color:var(--muted);margin:0;font-size:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.universe-fallback.is-error{color:var(--error)}.inspector-stack{z-index:4;pointer-events:none;gap:10px;width:min(280px,100% - 28px);max-height:calc(100% - 28px);display:grid;position:absolute;top:14px;right:14px;overflow-y:auto}.node-details{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#050907e8;border:1px solid #8dffad3d;width:100%;padding:14px}.node-details-kicker,.node-details dl,.node-details dd{margin:0}.node-details-kicker,.node-details dt{color:var(--muted);letter-spacing:.08em;font-size:.62rem}.node-details>strong{color:#f2f7f3;margin:6px 0 2px;font-size:1rem;font-weight:500;display:block}.node-details-id{color:var(--signal);font-size:.72rem}.node-details dl{gap:7px;margin-top:14px;display:grid}.node-details dl div{grid-template-columns:88px minmax(0,1fr);gap:8px;display:grid}.node-details dd{color:#cbd3cd;overflow-wrap:anywhere;font-size:.68rem}.node-satellites{pointer-events:auto;border-top:1px solid #8dffad29;margin-top:14px;padding-top:12px}.node-satellites h3,.node-satellites ol,.node-satellites p{margin:0}.node-satellites h3{color:var(--muted);letter-spacing:.08em;font-size:.62rem;font-weight:400}.node-satellites ol{gap:4px;max-height:184px;margin-top:8px;padding:0;list-style:none;display:grid;overflow-y:auto}.node-satellites>p{color:var(--muted);margin-top:8px;font-size:.66rem}.satellite-row{color:#cbd3cd;text-align:left;cursor:pointer;background:#c1cbc509;border:1px solid #0000;grid-template-columns:42px minmax(0,1fr);gap:2px 8px;width:100%;min-height:44px;padding:7px 8px;display:grid}.satellite-row time{color:var(--signal);font-size:.65rem}.satellite-row-type,.satellite-row-secondary{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.satellite-row-type{color:#e2e8e4;font-size:.65rem}.satellite-row-secondary{color:var(--muted);grid-column:2;font-size:.62rem}.satellite-row:hover{background:#8dffad14}.satellite-row:focus-visible{outline:1px solid var(--signal);outline-offset:-1px}.satellite-row.is-selected{color:#f4fff7;background:#8dffad21;border-color:#8dffad85}.packet-details-text{color:#eef4f0;overflow-wrap:anywhere;background:#c1cbc50f;border-left:2px solid #c1cbc5b8;margin:13px 0 0;padding:8px 9px;font-size:.68rem;line-height:1.45}.universe-caption{color:var(--muted);margin:9px 0 0;font-size:.65rem;line-height:1.5}.is-loading .packet-feed,.is-loading .summary{opacity:.55}.packet-feed,.summary{transition:opacity .12s}.summary{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.summary-stat{border-right:1px solid var(--line);padding:18px 16px 19px}.summary-stat:first-child{padding-left:0}.summary-stat:last-child{border-right:0}.summary dt{color:var(--muted);letter-spacing:.08em;margin-bottom:7px;font-size:.68rem}.summary dd{color:#f4f7f5;margin:0;font-size:clamp(1rem,2.2vw,1.35rem);line-height:1}.section-heading{justify-content:space-between;margin:28px 0 12px}h2{color:#bfc6c1;letter-spacing:.08em;font-size:.78rem;font-weight:400}.notice{color:var(--muted);margin:40px 0;font-size:.82rem}.notice.is-error{color:var(--error)}.packet-feed{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.packet{border-bottom:1px solid var(--line);gap:12px;padding:18px 0 20px;display:grid}.packet-heading{justify-content:space-between;gap:16px}.packet-type{color:var(--signal);text-align:right}.sender{gap:12px}.sender strong{color:#f4f7f5;font-size:1rem;font-weight:500}.sender span{color:var(--muted);font-size:.82rem}.metrics{flex-wrap:wrap;gap:8px 22px}.metric{color:#c5cbc7;gap:7px;font-size:.78rem;display:inline-flex}.metric-label{font-size:inherit}.message{border-left:2px solid var(--signal);color:#eef4f0;overflow-wrap:anywhere;background:#0d120f;width:fit-content;max-width:100%;padding:8px 10px;font-size:.86rem;line-height:1.55}@media (width<=600px){body{overflow-x:clip}.shell{width:min(100% - 24px,960px);padding-top:30px}.masthead{align-items:flex-start}.masthead>*,.universe-heading>*{min-width:0}.brand-lockup{gap:8px 12px}.brand-lockup .eyebrow{line-height:1.5}.node-universe{height:clamp(540px,78svh,720px)}.universe-heading{align-items:flex-start;gap:10px}.universe-heading span{text-align:right;overflow-wrap:anywhere;max-width:46%;line-height:1.45}.inspector-stack{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:calc(100% - 20px);max-height:calc(100% - 20px);top:auto;bottom:10px;right:10px}.node-satellites ol{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.timeline-heading{gap:5px 8px}.timeline-readout{display:contents}.timeline-meta{justify-content:flex-end;gap:8px}.timeline-selected{text-align:right;white-space:nowrap;min-width:0;font-size:clamp(.68rem,3vw,.9rem);line-height:1.4}.timeline-kicker{letter-spacing:.07em;font-size:.56rem}.timeline-section{padding-inline:12px}.timeline-control input[type=range]::-webkit-slider-thumb{width:17px;height:17px;margin-top:-7px}.timeline-track{--thumb-radius:8.5px}.timeline-control input[type=range]::-moz-range-thumb{width:13px;height:13px}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-stat{padding:16px 0}.summary-stat:nth-child(odd){border-right:1px solid var(--line);padding-right:12px}.summary-stat:nth-child(2n){border-right:0;padding-left:12px}.summary-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.packet-heading{flex-direction:column;align-items:flex-start;gap:6px}.packet-type{text-align:left;overflow-wrap:anywhere}.sender{flex-direction:column;align-items:flex-start;gap:4px}.sender strong,.sender span{overflow-wrap:anywhere;max-width:100%}.universe-label{text-overflow:ellipsis;max-width:132px;overflow:hidden}}@media (width<=600px) and (orientation:landscape){.node-universe{height:min(72svh,430px)}}@supports ((-moz-appearance:none)){.timeline-track{--thumb-radius:5.5px}@media (width<=600px){.timeline-track{--thumb-radius:6.5px}}}