@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-latin-400-normal-B40WzpMT.woff2)format("woff2"),url(/assets/geist-latin-400-normal-akEymXtG.woff)format("woff")}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-latin-500-normal-CTWBw9NS.woff2)format("woff2"),url(/assets/geist-latin-500-normal-BDXIbFrL.woff)format("woff")}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/geist-latin-600-normal-CSETrqM2.woff2)format("woff2"),url(/assets/geist-latin-600-normal-DsPlZH-9.woff)format("woff")}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/geist-latin-700-normal-CFi8mLqe.woff2)format("woff2"),url(/assets/geist-latin-700-normal-Bod5GerT.woff)format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-mono-latin-400-normal-DTRLJnHl.woff2)format("woff2"),url(/assets/geist-mono-latin-400-normal-B2yvC1Cq.woff)format("woff")}:root{color:#e8edf5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#0c1017;--panel:#151b25;--border:#283141;--muted:#95a1b3;--cyan:#75d9f3;--mint:#83e8bd;--coral:#f0807e;--amber:#edbe6d;--violet:#b5a2e9;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0c1017;font-family:Geist,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,summary,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.4;cursor:default}button,a,summary{transition:background .2s var(--ease), color .2s, border-color .2s, box-shadow .2s, transform .2s var(--ease)}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}::selection{background:#75d9f33b}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#3a4659;border-radius:8px}.mono{font-variant-numeric:tabular-nums;font-family:Geist Mono,monospace}.muted{color:var(--muted)}.mint-text{color:var(--mint)}.violet-text{color:var(--violet)}.amber-text{color:var(--amber)}.danger-text{color:var(--coral)}.app-shell{min-height:100vh}.skip-link{z-index:200;background:var(--cyan);color:#0b1720;border-radius:10px;padding:14px 22px;position:fixed;top:-80px;left:24px}.skip-link:focus{top:16px}.sidebar{z-index:50;background:#141a24;border:1px solid #242d3c;border-radius:17px;flex-direction:column;width:210px;padding:26px 14px 14px;display:flex;position:fixed;top:12px;bottom:12px;left:12px;overflow-y:auto;box-shadow:inset 0 1px #ffffff04}.brand{letter-spacing:-1.7px;text-align:left;align-items:center;gap:9px;padding:0 12px;font-size:29px;font-weight:650;display:flex}.brand-mark{color:var(--cyan);display:flex}.brand-mark svg{width:28px;height:28px}.brand-period{color:var(--cyan)}.workspace-switch{border:1px solid var(--border);background:#101620;border-radius:9px;align-items:center;gap:10px;margin:28px 0 27px;padding:11px 10px;display:flex}.workspace-switch>svg:last-child{color:var(--muted);margin-left:auto}.workspace-switch strong{font-size:12px;font-weight:500}.workspace-switch small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.workspace-symbol{color:var(--cyan);background:#75d9f312;border-radius:7px;padding:7px;display:flex}.nav-section-label{letter-spacing:1.1px;text-transform:uppercase;color:#8996aa;margin:0 12px 11px;font-size:10px;font-weight:500}.protocol-nav,.secondary-nav{flex-direction:column;gap:5px;display:flex}.protocol-nav button,.secondary-nav button{text-align:left;color:#aeb9c9;border:1px solid #0000;border-radius:8px;align-items:center;gap:11px;min-height:42px;padding:10px 11px;font-size:12px;display:flex}.protocol-nav button>svg,.secondary-nav button>svg{color:#8c9aae;width:18px;height:18px}.protocol-nav button:hover,.secondary-nav button:hover{color:#f1f5fb;background:#1c2431}.protocol-nav .active{color:#a0e9f9;background:#75d9f310;border-color:#75d9f329}.protocol-nav .active svg{color:var(--cyan)}.active-nav-dot{background:var(--cyan);border-radius:50%;width:5px;height:5px;margin-left:auto;box-shadow:0 0 9px #75d9f355}.nav-divider{background:var(--border);height:1px;margin:22px 12px}.secondary-nav .active{color:#e8edf5;background:#222b39}.nav-count{border:1px solid #354052;border-radius:5px;margin-left:auto;padding:1px 5px;font:10px Geist Mono,monospace}.sidebar-bottom{margin-top:auto;padding-top:35px}.learn-card{background:linear-gradient(145deg,#1c2935,#18202c 70%);border:1px solid #303d4d;border-radius:11px;padding:17px 13px;position:relative}.learn-card-icon{color:#a6bccb;font-size:9px;line-height:1.6}.learn-card h3{letter-spacing:-.55px;margin:9px 0;font-size:18px;line-height:1.2}.learn-card p{color:#9baabe;font-size:11px;line-height:1.65}.learn-card button{color:#c4e7f0;border-top:1px solid #354354;justify-content:space-between;align-items:center;width:100%;margin-top:17px;padding-top:12px;font-size:11px;display:flex}.trailing-icon{transition:transform .3s var(--ease);display:inline-flex}button:hover .trailing-icon{transform:translate(3px)}.local-status{color:#94a2b5;align-items:center;gap:7px;margin:20px 5px 2px;font-size:10px;display:flex}.local-status>span:last-child{margin-left:auto;display:flex}.status-dot,.small-status{background:var(--muted);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.local-status .status-dot,.small-status{background:var(--mint)}.workspace{min-width:0;margin-left:234px}.topbar{border-bottom:1px solid #202938;justify-content:space-between;align-items:center;height:65px;margin:0 30px;font-size:12px;display:flex}.breadcrumb{color:#8290a5;align-items:center;gap:12px;display:flex}.breadcrumb strong{color:#c2ccd9;font-weight:400}.breadcrumb>span:last-child{color:#c2ccd9}.topbar-actions{align-items:center;gap:16px;display:flex}.topbar-guide{color:#9cabbf;align-items:center;gap:7px;font-size:11px;display:flex}.topbar-guide:hover{color:var(--cyan)}.topbar-separator{background:var(--border);width:1px;height:19px}.avatar{color:#afbdcf;background:#1c2635;border:1px solid #354459;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mobile-menu{display:none}.main-content{max-width:1620px;margin:0 auto;padding:30px 30px 20px;outline:none!important}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:1.7px;color:#94a6ba;align-items:center;gap:8px;margin-bottom:12px;font-size:9px;font-weight:500;display:flex}.eyebrow-line{background:var(--cyan);width:21px;height:1px}.page-heading h1{letter-spacing:-1.65px;font-size:clamp(29px,2.65vw,42px);font-weight:500;line-height:1.14}.page-heading h1 span{color:var(--cyan)}.page-heading p{color:#98a6b9;max-width:630px;margin-top:12px;font-size:12px;line-height:1.75}.page-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.experiment-readout{border-right:1px solid var(--border);align-items:center;gap:12px;margin-right:5px;padding-right:16px;display:flex}.readout-symbol{width:44px;height:44px;color:var(--cyan);background:#1b2634;border:1px solid #344458;border-radius:11px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff08}.readout-label{color:#93a3b9;margin-bottom:4px;font-size:9px;display:block}.experiment-readout strong{font-size:13px;font-weight:500;display:block}.readout-details{color:#889aaf;margin-top:5px;font:10px Geist Mono,monospace;display:block}.primary-button,.secondary-button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 13px;font-size:11px;font-weight:500;display:inline-flex}.primary-button{color:#0c1b25;background:var(--cyan);box-shadow:inset 0 1px #ffffff40}.primary-button:hover{background:#9ce6f8;box-shadow:0 3px 15px #75d9f315}.secondary-button{color:#c3cddd;background:#1a222f;border:1px solid #354153}.secondary-button:hover{background:#253143;border-color:#506079}.text-button{color:var(--cyan);align-items:center;gap:7px;padding:5px 0;font-size:12px;display:inline-flex}.text-button:hover{color:#c1f2fc}.export-menu{position:relative}.export-menu summary{cursor:pointer;list-style:none}.export-menu summary::-webkit-details-marker{display:none}.dropdown{z-index:60;background:#1b2432;border:1px solid #3a475c;border-radius:10px;width:208px;padding:5px;position:absolute;top:46px;right:0;box-shadow:0 20px 50px #0008}.dropdown button{text-align:left;border-radius:5px;align-items:center;gap:9px;width:100%;padding:11px;font-size:12px;display:flex}.dropdown button:hover{background:#2b384b}.config-trigger,.config-close{display:none!important}.protocol-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.protocol-tabs{background:#111722;border:1px solid #283344;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.protocol-tabs button{color:#8d9bb0;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;display:flex}.protocol-tabs button:hover{color:#d3dce9}.protocol-tabs .selected{color:#d3f3fb;background:#2a3748;box-shadow:inset 0 1px #ffffff0d,0 2px 4px #0003}.protocol-tabs button svg{width:15px;height:15px}.protocol-bar-note{color:#8495aa;align-items:center;gap:7px;font-size:10px;display:flex}.metrics-grid{background:#151c27;border:1px solid #2a3445;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.metric-card{padding:16px 20px;position:relative}.metric-card+.metric-card:before{content:"";background:#2b3546;width:1px;position:absolute;top:20px;bottom:20px;left:0}.metric-card:first-child{background:#75d9f304}.metric-top{letter-spacing:1px;color:#93a3b8;justify-content:space-between;align-items:center;gap:5px;font-size:9px;display:flex}.metric-icon{color:#8092a8;display:flex}.metric-card:first-child .metric-icon{color:var(--cyan)}.metric-value{letter-spacing:-1.5px;font-variant-numeric:tabular-nums;color:#e7eef9;margin-top:9px;font:500 31px/1.15 Geist,sans-serif}.metric-value>span{color:#8395ab;letter-spacing:0;margin-left:8px;font:11px Geist Mono,monospace}.metric-card:first-child .metric-value{color:#a6eaf9}.metric-note{color:#8394a9;align-items:center;gap:6px;margin-top:8px;font-size:9px;line-height:1.5;display:flex}.metric-note-dot{display:none}.lab-grid{grid-template-columns:minmax(0,1fr) 295px;align-items:start;gap:20px;display:grid}.lab-main,.lab-inspector{min-width:0}.lab-inspector{flex-direction:column;gap:16px;display:flex}.panel{background:var(--panel);border:1px solid #2b3546;border-radius:13px;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.panel-heading{border-bottom:1px solid #283243;justify-content:space-between;align-items:center;gap:10px;min-height:53px;padding:14px 18px;display:flex}.panel-heading h2,.panel-heading h3{align-items:center;gap:9px;font-size:12px;font-weight:500;display:flex}.panel-heading h2>svg,.panel-heading h3>svg{color:#8ea7bc}.panel-heading .muted{font-size:10px}.heading-actions{align-items:center;gap:10px;display:flex}.subtle-badge{color:#aebcd0;background:#202938;border:1px solid #374359;border-radius:4px;padding:4px 6px;font:9px Geist Mono,monospace;display:inline-flex}.state-badge{color:#a4b0c2;align-items:center;gap:6px;font-size:10px;display:inline-flex}.state-badge.running{color:var(--mint)}.state-badge.running .status-dot{background:var(--mint);box-shadow:0 0 8px #83e8bd40}.icon-button{color:#97a8be;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:hover,.icon-button.is-active{color:var(--cyan);background:#2a3648}.packet-canvas,.routing-canvas{background:#101722;border:1px solid #263246;border-radius:8px;margin:8px;overflow:hidden;box-shadow:inset 0 0 35px #080e171f}.canvas-top{color:#8da1b8;justify-content:space-between;align-items:center;padding:13px 16px 0;font-size:10px;display:flex}.canvas-top>span{align-items:center;gap:6px;display:inline-flex}.canvas-label{letter-spacing:1.25px;color:#8c9fb7;text-transform:uppercase;font-size:9px}.diagram-scroll{scrollbar-width:thin;overflow:auto hidden}.transport-svg{width:100%;min-width:600px;height:285px;display:block;overflow:visible}.svg-heading{letter-spacing:1.3px;fill:#cad7e7;font-size:12px;font-weight:500}.svg-meta{fill:#8c9fb9;font:11px Geist Mono,monospace}.svg-channel{fill:#99abc2;letter-spacing:1px;font:9px Geist Mono,monospace}.svg-timer{fill:#d8e8f6;font:10px Geist Mono,monospace}.window-area{padding:0 17px 14px}.window-header{color:#b6c4d7;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:11px;display:flex}.window-header>span{align-items:center;gap:7px;display:flex}.window-header svg{color:#8a9db6}.window-detail{color:#899db7;margin-left:2px;font-size:9px}.window-hint{color:#8397b2;font-size:9px}.frame-strip{gap:5px;padding:2px 1px 6px;display:flex;overflow-x:auto}.frame-cell{color:#7a8da8;background:#172131;border:1px solid #2d3c52;border-radius:6px;flex-direction:column;flex:1 0 35px;justify-content:center;align-items:center;gap:4px;min-width:35px;max-width:60px;height:45px;display:flex;position:relative;overflow:hidden}.frame-cell:hover{background:#223147;border-color:#7391b4;transform:translateY(-2px)!important}.frame-cell.in-window{color:#b7e9f6;background:#75d9f30b;border-color:#75d9f380}.frame-cell.in-flight{color:var(--cyan)}.frame-cell.acknowledged{color:var(--mint);background:#83e8bd0c;border-color:#83e8bd55}.frame-cell.buffered{color:var(--violet);background:#b5a2e915;border-color:#b5a2e970}.frame-cell.failed{color:var(--coral);background:#f0807e12;border-color:#f0807e60}.frame-cell.repeated{color:var(--amber);background:#edbe6d0c;border-color:#edbe6d70}.frame-cell.selected{outline:2px solid var(--cyan);outline-offset:-2px}.frame-num{font:11px Geist Mono,monospace}.frame-tiny,.frame-countdown{opacity:.85;font:8px Geist Mono,monospace}.frame-countdown-bar{transform-origin:0;background:currentColor;width:100%;height:2px;position:absolute;bottom:0;left:0}.receiver-buffer,.frame-inspector{border-top:1px solid #28354b;flex-wrap:wrap;align-items:center;gap:10px;margin-top:7px;padding:12px 0 0;font-size:10px;display:flex}.receiver-buffer>span:first-child{color:var(--violet)}.receiver-window-label{color:#93a1ba;font:9px Geist Mono,monospace}.buffer-chip{color:var(--violet);border:1px solid #b5a2e955;border-radius:4px;padding:4px 7px}.frame-inspector{color:#bdc9da}.frame-inspector>svg{color:var(--cyan)}.frame-inspector>button{margin-left:auto;display:flex}.canvas-legend{color:#9badc3;border-top:1px solid #263348;flex-wrap:wrap;align-items:center;gap:13px;padding:12px 17px;font-size:9px;display:flex}.canvas-legend>span,.chart-key>span{align-items:center;gap:6px;display:inline-flex}.legend-dot{background:var(--cyan);border-radius:2px;flex-shrink:0;width:5px;height:5px;display:inline-block}.legend-dot.ack{background:var(--mint)}.legend-dot.loss{background:var(--coral)}.legend-dot.retry{background:var(--amber)}.legend-dot.buffer{background:var(--violet)}.canvas-duplex{color:#b5a48b;margin-left:auto}.playback{justify-content:space-between;align-items:center;gap:12px;padding:12px 17px 15px;display:flex}.playback-buttons{align-items:center;gap:8px;display:flex}.play-button{background:var(--cyan);color:#10232d;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-width:130px;height:40px;padding:0 16px;font-size:11px;font-weight:600;display:flex;box-shadow:inset 0 1px #fff5,0 2px 10px #75d9f310}.play-button:hover{background:#a0e9fa;box-shadow:0 3px 16px #75d9f330}.step-button{color:#c8d3e4;background:#1c2635;border:1px solid #354358;border-radius:7px;align-items:center;gap:7px;height:40px;padding:0 11px;font-size:11px;display:flex}.step-button:hover{background:#29364a}.reset-button{width:34px;height:40px}.speed-control{color:#8195ad;align-items:center;gap:8px;font-size:10px;display:flex}.speed-control select{color:#d0ddec;background:#192332;border:1px solid #314158;border-radius:6px;min-height:32px;padding:7px 4px;font:11px Geist Mono,monospace}.speed-divider{background:#324056;width:1px;height:16px;margin:0 3px}.sim-time{color:#bbcadc;min-width:47px;font-size:10px}.explanation{background:#152331;border:1px solid #2b4358;border-radius:11px;align-items:flex-start;gap:13px;margin-top:15px;padding:16px 18px;display:flex}.explanation-icon{color:var(--cyan);background:#75d9f310;border:1px solid #3b5b72;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.explanation-label{color:#8eadc6;letter-spacing:1.2px;margin-bottom:6px;font-size:8px}.explanation h3{color:#dbeaf5;font-size:13px;font-weight:500;line-height:1.5}.explanation p{color:#a0b3c7;margin-top:4px;font-size:11px;line-height:1.7}.guide-pill{color:#a2bdce;border:1px solid #3a5266;border-radius:5px;flex-shrink:0;margin-left:auto;padding:4px 6px;font-size:8px}.explanation-warning{background:#25231f;border-color:#564832}.explanation-warning .explanation-icon{color:var(--amber);background:#edbe6d10;border-color:#655236}.explanation-warning .explanation-label{color:#c7ad83}.bottom-tabs{border-bottom:1px solid #293347;align-items:center;gap:23px;margin:21px 0 12px;display:flex}.bottom-tabs>button{color:#899bb2;align-items:center;gap:7px;padding:0 0 12px;font-size:11px;display:flex;position:relative}.bottom-tabs>button.selected{color:#bdeefa}.bottom-tabs>button.selected:after{content:"";background:var(--cyan);height:2px;position:absolute;bottom:-1px;left:0;right:0}.bottom-tabs-hint{color:#72879f;margin-left:auto;padding-bottom:12px;font-size:9px}.event-table-heading,.event-row{text-align:left;grid-template-columns:65px 105px minmax(0,1fr);gap:9px;padding:11px 18px;display:grid}.event-table-heading{letter-spacing:1px;color:#7f94ae;background:#121a26;border-bottom:1px solid #283346;font-size:8px}.event-scroll{min-height:160px;max-height:285px;overflow:auto}.event-row{border-bottom:1px solid #252f40;align-items:start;width:100%;min-height:43px;font-size:11px;line-height:1.5}.event-row:hover{background:#202d3e}.event-time{color:#8ca0ba;font-size:10px}.event-type{color:var(--cyan);text-transform:capitalize;align-items:center;gap:6px;font-size:10px;display:flex}.event-message{color:#c2cede}.event-ack .event-type,.event-deliver .event-type,.event-complete .event-type{color:var(--mint)}.event-loss .event-type,.event-corrupt .event-type,.event-discard .event-type,.event-ack-loss .event-type{color:var(--coral)}.event-timeout .event-type,.event-retransmit .event-type{color:var(--amber)}.event-buffer .event-type{color:var(--violet)}.empty-log{color:var(--muted);padding:28px 18px;font-size:12px}.event-empty-preview{color:#a2b3ca;align-items:center;gap:14px;margin:16px;padding:20px 0;display:flex}.event-empty-icon{color:#6986a8;border:1px solid #2f3f56;border-radius:10px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.event-empty-preview strong{color:#adbed4;font-size:12px;font-weight:400}.event-empty-preview p{color:#7e93af;margin-top:5px;font-size:10px;line-height:1.8}.keyboard-hint{white-space:nowrap;border:1px solid #34445b;border-radius:4px;margin-left:auto;padding:5px 7px;font:9px Geist Mono,monospace}.keyboard-hint>span{color:#8094af;margin-left:4px;font-family:Geist,sans-serif}.panel-footer{color:#7f95b0;border-top:1px solid #283347;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;font-size:9px;line-height:1.5;display:flex}.count-badge{color:#a5b6cb;border:1px solid #36465d;border-radius:4px;margin-left:2px;padding:2px 5px;font:9px Geist Mono,monospace}.config-label{letter-spacing:.9px;color:#71869f;font-size:8px}.config-body{padding:17px}.field-label{color:#b2c0d4;flex-direction:column;gap:8px;font-size:11px;display:flex}.field-label select,.field-label input{width:100%;margin-top:1px}select:not(.speed-control select),input[type=number]{color:#ccd9e9;min-width:0;min-height:36px;accent-color:var(--cyan);background:#111b29;border:1px solid #34445a;border-radius:7px;padding:8px 10px;font-size:11px}input[type=number]{font-family:Geist Mono,monospace}select:hover,input[type=number]:hover{border-color:#56708d}.scenario-caption{color:#7f96b1;margin-top:8px;font-size:10px;line-height:1.6}.config-divider{background:#29354a;height:1px;margin:18px 0}.range-control{margin-bottom:15px;display:block}.range-control>div:first-child{color:#b0c0d5;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:11px;display:flex}.range-control>div:first-child>span:first-child{align-items:center;gap:7px;display:flex}.range-control>div:first-child>span:first-child>svg{color:#8fa4bf;width:14px;height:14px}.range-value{color:#d4deec;font-size:11px}.range-value small{color:#90a3bd;margin-left:3px;font-family:Geist,sans-serif;font-size:9px}.range-control input{appearance:none;background:linear-gradient(to right, var(--cyan) var(--range-fill), #2b3950 var(--range-fill));cursor:pointer;border-radius:5px;width:100%;height:4px;margin:0;display:block}.range-control input::-webkit-slider-thumb{appearance:none;background:var(--cyan);border:2px solid #0f1b29;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 1px #75d9f366}.range-control input::-moz-range-thumb{background:var(--cyan);border:2px solid #0f1b29;border-radius:50%;width:9px;height:9px}.range-bounds{color:#7086a1;justify-content:space-between;margin-top:8px;font:8px Geist Mono,monospace;display:flex}.number-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.advanced-settings{color:#8fa5bf;border-top:1px solid #2a3850;margin:17px 0;padding-top:14px;font-size:10px;line-height:1.8}.advanced-settings summary{cursor:pointer;color:#aebfd4;align-items:center;gap:7px;font-size:11px;list-style:none;display:flex}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings[open] summary{margin-bottom:12px}.advanced-settings p{margin-top:10px}.advanced-settings label{margin-bottom:12px}.apply-button{color:#c4e2f2;background:#23344a;border:1px solid #3c526e;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:37px;font-size:11px;font-weight:500;display:flex}.apply-button:hover{background:#2f4560;border-color:#75d9f3}.apply-button.dirty{background:var(--cyan);color:#12212d;border-color:var(--cyan)}.unsaved-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.apply-caption{text-align:center;color:#7e93af;margin-top:9px;font-size:9px}.inline-tip{color:#8fa6c0;align-items:start;gap:8px;margin:14px 0;font-size:10px;line-height:1.7;display:flex}.inline-tip svg{margin-top:2px}.chart-key{color:#91a5bf;gap:15px;padding:14px 17px 0;font-size:9px;display:flex}.progress-chart{width:100%;height:165px;margin-top:6px;padding:0 12px}.chart-footer{color:#91a7c3;border-top:1px solid #2a374c;justify-content:space-between;align-items:center;margin:0 17px;padding:13px 0;font-size:10px;display:flex}.chart-footer strong{color:#c5e5ec;font:400 12px Geist Mono,monospace}.chart-footer strong span{color:#8298b4;font-size:9px}.comparison-link{text-align:left;background:#192532;border:1px solid #304557;border-radius:11px;align-items:center;gap:10px;padding:16px 13px;display:flex}.comparison-link:hover{background:#223243;border-color:#506c85}.comparison-link-icon{color:var(--cyan);border:1px solid #3c5569;border-radius:8px;padding:7px;display:flex}.comparison-link strong{color:#c9dcea;font-size:11px;font-weight:500;display:block}.comparison-link small{color:#8ba4bd;margin-top:5px;font-size:9px;display:block}.comparison-link>svg:last-child{color:#98c0d5;margin-left:auto}.mobile-progress-chart{margin-top:18px}.routing-svg{width:100%;min-width:600px;height:350px;display:block}.graph-link{transition:stroke .3s var(--ease), opacity .3s}.router-node{cursor:grab;touch-action:none;transition:filter .3s}.router-node:hover{filter:brightness(1.25)}.router-node:active{cursor:grabbing}.config-subtitle{letter-spacing:1px;color:#9eb2cc;justify-content:space-between;margin-bottom:10px;font-size:9px;display:flex}.config-subtitle>span{color:#6e87a7}.wide{width:100%}.inline-fields{gap:8px;margin-top:10px;display:flex}.inline-fields>select{flex:1}.link-fields{grid-template-columns:1fr auto 1fr 55px;align-items:center;gap:7px;margin-bottom:12px;display:grid}.link-fields>span{color:#8aa3c1}.link-editor{border-top:1px solid #2f4057;margin-top:18px;padding:14px 0 0}.link-editor .secondary-button{margin-top:12px}.link-editor .text-button{margin-top:8px;font-size:10px}.route-summary{color:#9cb3ce;border-top:1px solid #2a3a52;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 17px;font-size:11px;display:flex}.route-summary strong{color:var(--mint);font-weight:500}.route-cost{margin-left:auto;font:10px Geist Mono,monospace}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:11px}th{color:#8ca5c4;background:#121c2a;border-bottom:1px solid #2a3a52;padding:13px 18px;font-size:9px;font-weight:500}td{color:#beccdf;border-bottom:1px solid #27364b;padding:13px 18px}tbody tr:hover{background:#1d2a3d}.source-selector{color:#9bb0cb;align-items:center;gap:12px;margin-bottom:18px;font-size:12px;display:flex}.source-selector select{min-width:180px}.source-note{color:#859fbe;margin-bottom:18px;font-size:11px;line-height:1.8}.code-context{color:#91a9c7;background:#142232;border-bottom:1px solid #2a3b53;align-items:start;gap:10px;padding:15px 18px;font-size:11px;line-height:1.7;display:flex}.code-context code{color:var(--cyan);white-space:nowrap}.code-context .legend-dot{margin-top:7px}.code-scroll{background:#0f1825;max-height:540px;padding:18px 0;overflow:auto}.code-scroll pre{margin:0;font:11px/1.9 Geist Mono,monospace}.code-line{color:#c0cde0;min-width:max-content;padding-right:24px;display:flex}.line-number{text-align:right;color:#5f789a;-webkit-user-select:none;user-select:none;flex-shrink:0;width:60px;padding-right:20px}.code-highlight{box-shadow:inset 2px 0 var(--cyan);background:#75d9f311}.code-comment{color:#6986a9}.code-function{color:#83e8bd}.comparison-intro{background:linear-gradient(120deg,#1b2a3b,#151d2b 75%);justify-content:space-between;align-items:center;gap:24px;margin-bottom:17px;padding:26px;display:flex}.comparison-caption{color:var(--cyan);align-items:center;gap:7px;margin-bottom:15px;font-size:10px;display:inline-flex}.comparison-intro h2{letter-spacing:-.75px;font-size:24px;font-weight:500}.comparison-intro p{color:#9bb0ca;margin-top:9px;font-size:12px;line-height:1.8}.comparison-settings{color:#839aba;flex-wrap:wrap;gap:20px;padding:9px 3px 20px;font-size:11px;display:flex}.comparison-settings b{color:#c4d5e9;margin-left:5px;font-weight:400}.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px;display:grid}.comparison-card{padding:23px}.comparison-card-header{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.protocol-monogram{color:var(--protocol-color);border:1px solid color-mix(in srgb, var(--protocol-color) 35%, transparent);background:color-mix(in srgb, var(--protocol-color) 7%, transparent);border-radius:8px;padding:9px;font:11px Geist Mono,monospace}.result-status{color:var(--mint);align-items:center;gap:5px;font-size:10px;display:flex}.result-incomplete{color:var(--amber)}.comparison-card h3{letter-spacing:-.65px;font-size:21px;font-weight:500}.comparison-card>p{color:#8da7c6;min-height:60px;margin:10px 0;font-size:11px;line-height:1.8}.comparison-big{letter-spacing:-2px;color:var(--protocol-color);font-variant-numeric:tabular-nums;margin-top:22px;font-size:44px;font-weight:400;line-height:1.15}.comparison-big>span{letter-spacing:0;color:#8fa8c7;margin-top:9px;font-size:10px;display:block}.comparison-card dl{border-top:1px solid #2a3b53;margin:25px 0 17px;padding-top:12px}.comparison-card dl>div{justify-content:space-between;align-items:center;gap:6px;margin:13px 0;font-size:10px;display:flex}.comparison-card dt{color:#90a9c8}.comparison-card dd{color:#cedbf0;margin:0;font:10px Geist Mono,monospace}.comparison-card .text-button{border-top:1px solid #2a3b53;justify-content:space-between;width:100%;padding-top:17px;font-size:11px}.bar-chart{height:265px;padding:12px 20px}.formula-row{color:#8ea5c3;border-top:1px solid #2b3b51;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:15px 20px;font-size:10px;display:flex}.page-footer{color:#728aa8;border-top:1px solid #263246;justify-content:space-between;align-items:center;gap:12px;margin-top:30px;padding:20px 0 0;font-size:9px;display:flex}.page-footer>span{align-items:center;gap:8px;display:flex}.page-footer>span i{background:#58708f;border-radius:50%;width:3px;height:3px}.page-footer>button{color:#92abc9;align-items:center;gap:6px;font-size:9px;display:flex}.toast{z-index:150;color:#d6e8f8;background:#223248;border:1px solid #49627e;border-radius:11px;align-items:center;gap:12px;max-width:calc(100vw - 30px);padding:12px 15px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;box-shadow:0 15px 50px #0007;transform:translate(-50%)!important}.toast>svg{color:var(--cyan)}.modal{color:#e0eaf8;background:#182232;border:1px solid #3f526e;border-radius:17px;width:600px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);margin:auto;padding:26px;overflow:auto;box-shadow:0 30px 120px #0009}.modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#040912b8}.modal-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.modal-header h2{letter-spacing:-.9px;font-size:25px;font-weight:500}.modal-intro{color:#9fb6d3;font-size:12px;line-height:1.9}.guide-list{flex-direction:column;gap:20px;margin:22px 0;display:flex}.guide-list>div{gap:15px;display:flex}.guide-list>div>svg{color:var(--cyan);margin-top:2px}.guide-list strong{font-size:13px;font-weight:500}.guide-list p{color:#96aecb;margin-top:5px;font-size:11px;line-height:1.9}.guide-conventions{background:#152538;border:1px solid #334966;border-radius:9px;padding:17px}.guide-conventions strong{color:#bddbea;font-size:12px;font-weight:500}.guide-conventions p{color:#91aac9;margin-top:9px;font-size:11px;line-height:1.9}.guide-sources{flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:22px;display:flex}.guide-sources a{color:var(--cyan);align-items:center;gap:6px;font-size:10px;display:flex}.saved-empty{text-align:center;flex-direction:column;align-items:center;padding:40px 0;display:flex}.saved-empty>svg{color:var(--cyan);margin-bottom:20px}.saved-empty h3{font-size:18px;font-weight:400}.saved-empty p{color:#8da7c6;margin-top:10px;font-size:12px;line-height:1.8}.saved-list{margin:22px 0}.saved-list>div{border-bottom:1px solid #2e435f;align-items:center;gap:12px;padding:16px 0;display:flex}.saved-list>div>svg{color:var(--cyan)}.saved-list button:not(.icon-button){text-align:left;flex-direction:column;flex:1;align-items:start;gap:6px;min-width:0;display:flex}.saved-list strong{font-size:12px;font-weight:500}.saved-list span{color:#8fa9ca;font-size:10px}.modal-actions{border-top:1px solid #324762;justify-content:space-between;gap:12px;margin-top:18px;padding-top:20px;display:flex}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:75;background:#050b14b5;position:fixed;inset:0}@media (width>=1700px){.main-content{padding-top:40px}.page-heading{margin-bottom:32px}.transport-svg{height:330px}.lab-grid{grid-template-columns:minmax(0,1fr) 320px}.metric-card{padding:20px 25px}.metric-value{font-size:36px}}@media (width<=1350px){.sidebar{width:194px;padding-left:11px;padding-right:11px}.workspace{margin-left:216px}.topbar{margin:0 24px}.main-content{padding:27px 24px 20px}.page-heading{gap:15px}.experiment-readout{display:none}.page-heading h1{font-size:34px}.lab-grid{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.metric-card{padding:15px}.metric-note{font-size:8px}.metric-value{font-size:29px}.protocol-bar-note{font-size:9px}.canvas-duplex{margin-left:0}.transport-svg{min-width:560px;height:260px}.sim-time,.speed-divider,.speed-control>svg,.bottom-tabs-hint,.window-hint,.guide-pill{display:none}}@media (width<=1100px){.lab-grid{grid-template-columns:minmax(0,1fr)}.lab-inspector{z-index:80;visibility:hidden;width:340px;max-width:92vw;transition:transform .35s var(--ease), visibility .35s;background:#111b29;border-left:1px solid #3e5370;padding:20px 15px;position:fixed;top:0;bottom:0;right:0;overflow:auto;transform:translate(105%)}.lab-inspector.open{visibility:visible;transform:translate(0)}.config-trigger,.config-close{display:inline-flex!important}.config-label{display:none}.config-close{margin-left:auto}.config-backdrop{z-index:75}.page-heading h1{font-size:34px}.page-heading{align-items:flex-end}.protocol-bar-note{display:none}.transport-svg{height:290px}.routing-svg{height:355px}.sim-time,.speed-divider,.speed-control>svg{display:inline-flex}.metric-note{font-size:9px}.playback{padding:14px 18px}.play-button,.step-button{height:42px}.metric-top{letter-spacing:.8px;font-size:8px}.metric-icon{display:none}.comparison-grid{gap:12px}.comparison-card{padding:18px}.comparison-card h3{font-size:18px}.comparison-card dl>div{flex-wrap:wrap;gap:8px}.comparison-intro h2{font-size:21px}.comparison-intro{padding:22px}.page-footer>span:nth-child(2){display:none}}@media (width<=760px){.sidebar{width:176px}.workspace{margin-left:198px}.main-content{padding:24px 18px}.topbar{margin:0 18px}.page-heading{flex-wrap:wrap;align-items:start;margin-bottom:20px}.page-heading h1{font-size:33px}.page-heading p{font-size:11px}.page-actions{margin-top:0}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:16px}.metric-card:nth-child(3),.metric-card:nth-child(4){border-top:1px solid #2b3546}.metric-card:nth-child(3):before{display:none}.metric-value{font-size:30px}.transport-svg{height:285px}.playback{flex-wrap:wrap;gap:14px}.sim-time,.speed-divider,.speed-control>svg{display:none}.canvas-legend{gap:11px;font-size:9px}.comparison-grid{grid-template-columns:1fr}.comparison-card{padding:24px}.comparison-card>p{min-height:0}.comparison-card dl>div{flex-wrap:nowrap}.comparison-intro{flex-direction:column;align-items:start}.event-table-heading,.event-row{grid-template-columns:48px 90px minmax(0,1fr);gap:8px;padding-left:13px;padding-right:13px}.event-type{font-size:9px}.event-message{font-size:10px}.event-empty-preview{gap:9px}.event-empty-icon,.keyboard-hint{display:none}.panel-heading{padding:13px 15px}.window-area{padding-left:13px;padding-right:13px}.topbar-guide{gap:0;font-size:0}.topbar-actions{gap:10px}.topbar-separator{display:none}}@media (width<=620px){.sidebar{z-index:90;visibility:hidden;width:245px;transition:transform .35s var(--ease), visibility .35s;border-radius:0;padding:28px 18px 20px;top:0;bottom:0;left:0;transform:translate(-105%)}.sidebar.open{visibility:visible;transform:translate(0)}.sidebar .workspace-switch{margin:28px 0}.sidebar .brand{font-size:30px}.protocol-nav button,.secondary-nav button{min-height:45px;font-size:13px}.sidebar .nav-section-label{font-size:11px}.sidebar-bottom{padding-top:30px}.workspace{margin-left:0}.topbar{height:60px;margin:0 18px}.mobile-menu{color:#b6cbe5;justify-content:center;align-items:center;width:32px;height:34px;padding:0;display:inline-flex}.breadcrumb{gap:10px;font-size:11px}.breadcrumb>svg{width:11px}.main-content{padding:25px 17px 20px}.page-heading h1{letter-spacing:-1.4px;font-size:34px;line-height:1.16}.page-heading p{max-width:340px;margin-top:11px;font-size:12px;line-height:1.75}.page-heading{gap:17px}.eyebrow{letter-spacing:1.5px;margin-bottom:11px;font-size:8px}.page-actions{justify-content:flex-end;width:100%}.page-actions .secondary-button{min-height:36px;font-size:11px}.experiment-readout{border:0;gap:8px;margin-right:auto;padding:0;display:flex}.readout-symbol{display:none}.readout-label{margin-bottom:3px;font-size:8px}.experiment-readout strong{font-size:11px}.readout-details{margin-top:4px;font-size:8px}.protocol-tabs{justify-content:space-between;width:100%}.protocol-tabs button{flex:1;justify-content:center;gap:5px;padding:9px 8px;font-size:10px}.protocol-tabs button svg{width:14px;height:14px}.protocol-bar{margin-bottom:15px}.metrics-grid{margin-bottom:17px}.metric-card{padding:14px 15px}.metric-top{letter-spacing:.6px;font-size:8px}.metric-value{margin-top:8px;font-size:29px}.metric-value>span{margin-left:6px;font-size:9px}.metric-note{margin-top:7px;font-size:8px}.metric-card+.metric-card:before{top:16px;bottom:16px}.metric-icon{display:flex}.metric-icon svg{width:15px;height:15px}.lab-grid{gap:15px}.panel-heading{min-height:51px;padding:12px 13px}.panel-heading h2,.panel-heading h3{gap:7px;font-size:11px}.heading-actions{gap:7px}.subtle-badge{font-size:8px}.state-badge{font-size:9px}.packet-canvas,.routing-canvas{margin:6px}.canvas-top{padding:12px 12px 0;font-size:9px}.canvas-label{letter-spacing:1px;font-size:8px}.transport-svg{min-width:590px;height:260px}.routing-svg{min-width:590px;height:320px}.window-header{font-size:10px}.window-detail{font-size:8px}.frame-cell{flex-basis:36px;min-width:36px;height:46px}.canvas-legend{gap:10px;padding:12px;font-size:8px}.canvas-duplex{width:100%;padding-top:3px}.playback{flex-wrap:nowrap;gap:10px;padding:13px 12px 15px}.playback-buttons{gap:5px}.play-button{min-width:117px;height:43px;padding:0 11px;font-size:10px}.step-button{gap:4px;height:43px;padding:0 9px;font-size:10px}.reset-button{width:28px;height:43px}.speed-control{gap:4px}.speed-control>span:first-child{display:none}.speed-control select{width:57px;height:36px;padding:7px 4px;font-size:10px}.explanation{gap:10px;margin-top:13px;padding:15px 13px}.explanation-icon{width:28px;height:28px}.explanation-label{font-size:7px}.explanation h3{font-size:12px}.explanation p{font-size:10px;line-height:1.8}.bottom-tabs{gap:18px;margin-top:23px}.bottom-tabs>button{gap:5px;font-size:10px}.event-table-heading,.event-row{grid-template-columns:43px 86px minmax(0,1fr);gap:7px;padding:11px 12px}.event-time{font-size:9px}.event-type{gap:4px;font-size:9px}.event-type svg{width:13px;height:13px}.event-message{font-size:10px}.event-scroll{min-height:160px}.event-empty-preview strong{font-size:11px}.event-empty-preview p{font-size:10px}.panel-footer{gap:10px;padding:11px 13px;font-size:8px}.panel-footer>span:last-child{white-space:nowrap}.lab-inspector{width:330px}.config-panel .panel-heading h3{font-size:12px}.chart-key{font-size:10px}.progress-chart{height:175px}.page-footer{flex-wrap:wrap;padding-top:18px;font-size:9px}.page-footer>button{font-size:9px}.comparison-intro{padding:21px}.comparison-intro h2{font-size:23px;line-height:1.3}.comparison-intro p{font-size:11px}.comparison-settings{gap:13px;font-size:10px;line-height:1.7}.comparison-card{padding:25px}.comparison-card h3{font-size:23px}.comparison-card>p{font-size:12px}.comparison-card dl>div,.comparison-card dd{font-size:11px}.comparison-card .text-button{font-size:12px}.comparison-chart .panel-heading .muted{display:none}.bar-chart{height:240px;padding:12px 4px}.formula-row{padding:16px;font-size:10px;line-height:1.7}.source-selector{flex-wrap:wrap;gap:8px;font-size:11px}.source-note{font-size:10px}.code-context{flex-wrap:wrap;gap:8px;padding:13px;font-size:10px}.code-context span{width:100%}.implementation-panel .panel-heading h3 .subtle-badge{display:none}.implementation-panel .text-button,.code-scroll pre{font-size:10px}.line-number{width:40px;padding-right:12px}.route-summary{gap:8px;padding:13px;font-size:10px}.route-cost{font-size:9px}.modal{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:21px}.modal-header h2{font-size:23px}.modal-actions{flex-wrap:wrap}.modal-actions button{flex:1;font-size:11px}.guide-list strong{font-size:12px}.guide-list p{font-size:11px}.guide-sources{gap:12px}.toast{gap:8px;font-size:11px;bottom:15px}.toast .icon-button{flex-shrink:0}}@media (width<=360px){.main-content{padding-left:12px;padding-right:12px}.metric-card{padding:13px 10px}.metric-note{font-size:7px}.page-actions .secondary-button{padding:9px;font-size:10px}.experiment-readout strong{font-size:10px}.readout-details{font-size:7px}.protocol-tabs button{padding:9px 6px;font-size:9px}.play-button{min-width:109px;padding:0 8px}.step-button{padding:0 7px}.playback{padding-left:10px;padding-right:10px}.bottom-tabs{gap:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.mobile-menu.icon-button{display:none}.workspace-switch>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;font-size:12px;font-weight:500;line-height:1.4;display:flex}.workspace-switch>span:nth-child(2)>span{color:#91a5be;font-size:10px;font-weight:400}.learn-card-icon{align-items:center;gap:8px;display:flex}.learn-card-icon>svg{width:16px;height:16px}.canvas-label{align-items:center;gap:6px;display:flex}@media (width>=1101px) and (width<=1699px){.transport-svg{height:220px}.main-content{padding-top:25px}.page-heading{margin-bottom:21px}.protocol-bar{margin-bottom:16px}.metric-card{padding-top:14px;padding-bottom:14px}.canvas-duplex{margin-left:0}.canvas-legend{gap:13px}}@media (width<=1100px){.lab-inspector{display:none}.lab-inspector.open{display:flex}}@media (width<=620px){.mobile-menu.icon-button{display:inline-flex}.sidebar{display:none}.sidebar.open{display:flex}.breadcrumb>svg:first-of-type,.breadcrumb>span,.topbar-guide>svg:last-child,.window-hint,.sim-time,.speed-divider,.speed-control>svg{display:none}}.workspace-switch>div:nth-child(2){flex-direction:column;gap:4px;min-width:0;line-height:1.4;display:flex}.workspace-switch>div:nth-child(2)>span{color:#91a5be;font-size:10px;font-weight:400}.simulation-panel{flex-direction:column;display:flex}.simulation-panel>.panel-heading{order:0}.simulation-panel>.playback{background:#141e2c;border-bottom:1px solid #29374a;order:1;padding-top:14px;padding-bottom:14px}.simulation-panel>.packet-canvas,.simulation-panel>.routing-canvas{order:2}.window-header .window-hint{display:flex}@media (width>=1101px) and (width<=1699px){.transport-svg{height:290px}.sidebar-bottom{padding-top:22px}.learn-card{padding:15px 13px}.learn-card-icon{font-size:8px}.local-status{margin-top:15px}.metric-top,.metric-note{font-size:10px}.protocol-tabs button{font-size:12px}.panel-heading h2,.panel-heading h3{font-size:13px}.field-label,.range-control>div:first-child,.play-button,.step-button,.event-row{font-size:12px}.event-type{font-size:11px}.explanation p{font-size:12px}.canvas-legend{font-size:10px}}@media (width<=1350px){.window-header .window-hint{display:none}.transport-svg{height:260px}}@media (width<=1100px){.transport-svg{height:290px}}@media (width<=620px){.transport-svg{height:260px}.simulation-panel>.playback{padding:12px}.canvas-label{gap:6px}}.number-grid>label{color:#b2c0d4;flex-direction:column;gap:8px;font-size:11px;display:flex}.number-grid>label>select{width:100%}@media (width>=621px) and (width<=900px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card:nth-child(3),.metric-card:nth-child(4){border-top:1px solid #2b3546}.metric-card:nth-child(3):before{display:none}.metric-value>span{white-space:nowrap}}.diagram-scroll-hint{display:none}@media (width<=900px){.diagram-scroll-hint{color:#8ba5c3;align-items:center;gap:6px;padding:10px 13px 0;font-size:9px;display:flex}.diagram-scroll-hint>svg{color:#95c9de}}@media (width<=620px){.main-content{padding-top:20px}.page-heading{gap:12px}.protocol-bar{margin-bottom:12px}.metric-card{padding-top:10px;padding-bottom:10px}.metric-value{margin-top:6px;font-size:25px}.metric-note{margin-top:5px}.metrics-grid{margin-bottom:14px}}