@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-400-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-500-normal.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0b0b0c;--page-raised:#141416;--ink:#ececea;--ink-dim:#a3a3a0;--hairline:#ffffff1a;--hairline-strong:#ffffff2e;--red:#ff3b30;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--wrap:1180px}*,:before,:after{box-sizing:border-box}body{background:var(--page);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}a{color:inherit;text-underline-offset:3px;text-decoration-color:#fff6}a:hover{text-decoration-color:currentColor}:focus-visible{outline-offset:2px;outline:2px solid #fff}code,kbd{font-family:var(--mono);font-size:.86em}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.skip{z-index:10;color:#000;font-family:var(--mono);background:#fff;border-radius:2px;padding:8px 12px;font-size:13px;position:absolute;top:8px;left:8px;translate:0 -200%}.skip:focus{translate:0}.masthead{max-width:var(--wrap);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin:0 auto;padding:28px 24px 22px;display:flex}.brand,.masthead-meta{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px}.brand{align-items:center;gap:10px;font-weight:500;display:inline-flex}.brand-lamp{background:var(--red);border-radius:2px;width:10px;height:10px;box-shadow:0 0 10px #ff3b3099}.masthead-meta{color:var(--ink-dim)}.stage{max-width:var(--wrap);margin:0 auto;padding:0 24px}.monitor{width:min(100%, var(--monitor-width,100%));margin-inline:auto;transition:width .2s ease-out}@media (prefers-reduced-motion:reduce){.monitor{transition:none}}video-player,#player{display:contents}.panel{border-top:1px solid var(--hairline);flex-wrap:wrap;gap:16px 32px;margin-top:20px;padding:16px 0 0;display:flex}.router{border:0;min-width:0;margin:0;padding:0}.router legend{color:var(--ink-dim);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;padding:0;font-size:11px}.router-keys{flex-wrap:wrap;gap:6px;display:flex}.router-key{background:var(--page-raised);min-width:168px;min-height:44px;box-shadow:inset 0 0 0 1px var(--hairline);color:var(--ink);font:inherit;text-align:start;cursor:pointer;border:0;border-radius:2px;grid-template-columns:auto 1fr;grid-template-areas:"lamp channel""name name""note note";align-items:center;column-gap:8px;padding:10px 12px;transition:background-color .1s ease-out;display:grid}.router-key-compact{grid-template-areas:"lamp channel""name name";min-width:96px}.router-key:hover{background:#1b1b1e}.router-key:active{translate:0 1px}.router-key[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--hairline-strong);background:#1d1d20}.router-lamp{border-radius:2px;grid-area:lamp;width:8px;height:8px;box-shadow:inset 0 0 0 1.5px #ffffff59}.router-key[aria-pressed=true] .router-lamp{background:var(--red);box-shadow:0 0 8px #ff3b3099}.router-key-compact[aria-pressed=true] .router-lamp{background:var(--ink);box-shadow:0 0 8px #ffffff59}.router-channel{color:var(--ink-dim);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;grid-area:channel;font-size:11px}.router-name{font-family:var(--mono);grid-area:name;margin-top:4px;font-size:13px;font-weight:500}.router-note{color:var(--ink-dim);grid-area:note;font-size:13px;line-height:1.4}.notes{max-width:var(--wrap);border-top:1px solid var(--hairline);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin:56px auto 0;padding:32px 24px 0;display:grid}.notes h2{color:var(--ink-dim);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:500}.notes p,.notes ul{margin:0}.notes ul{gap:8px;padding-left:18px;display:grid}.notes li::marker{color:var(--red)}.keys{gap:6px;margin:0;display:grid}.keys div{border-bottom:1px solid var(--hairline);justify-content:space-between;gap:12px;padding-bottom:6px;display:flex}.keys dt,.keys dd{margin:0}.keys dd{color:var(--ink-dim);text-align:end}kbd{min-width:1.8em;box-shadow:inset 0 0 0 1px var(--hairline-strong);text-align:center;border-radius:2px;padding:0 .4em;display:inline-block}.colophon{max-width:var(--wrap);border-top:1px solid var(--hairline);color:var(--ink-dim);margin:56px auto 0;padding:24px 24px 48px;font-size:13px}.colophon p{margin:0 0 8px}@media (width<=520px){.masthead,.stage,.notes,.colophon{padding-inline:12px}.router-key{flex:140px;min-width:0}}
