/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-bold:700;--default-mono-font-family:var(--font-mono);--font-heading:var(--font-heading);--font-body:var(--font-body);--font-mono:var(--font-mono);--shadow-sm:var(--shadow-sm);--shadow-lg:var(--shadow-lg)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{:root{--page-max-width:1520px;--page-margin:48px;--bg:#0d171e;--panel:#19222b;--panel-inset:#0d171e;--panel-soft:#202a32;--border:#2e343d;--border-strong:#3a4149;--accent-orange:#f48220;--accent-orange-hover:#f79a4a;--accent-blue:#0f8dc8;--accent-blue-hover:#33a5dd;--text-primary:#fff;--text-secondary:#fff;--text-muted:#9aa1a8;--text-on-accent:#fff;--font-heading:"Lexend Deca", sans-serif;--font-body:"Source Sans 3", "Open Sans", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--shadow-sm:0 1px 2px #00000059;--shadow:0 8px 30px #00000073;--shadow-lg:0 22px 60px #0009}@media (width<=640px){:root{--page-margin:16px}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);flex-direction:column;min-height:100vh;font-weight:400;display:flex}main{flex:1}a{color:inherit}button,input{font-family:inherit}a,button,select,input,[tabindex]{outline:none}input:focus-visible,button:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.btn-primary:focus-visible{outline-color:var(--accent-orange-hover)}.header{background:linear-gradient(#00486c 0% 25%,#0f8dc8 100%);border-bottom:1px solid #0f8dc8;padding:9px 0}.header-inner{width:min(calc(100% - (var(--page-margin) - 16px) * 2), calc(var(--page-max-width) + 32px));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:0 16px;display:flex}.header-left{align-items:center;gap:18px;display:flex}.logo-lockup{width:auto;height:30px;display:block}.header-divider{background:#ffffff38;width:1px;height:34px}.nav-label{flex-direction:column;line-height:1.3;display:flex}.nav-label .eyebrow{font-family:var(--font-heading);letter-spacing:.09em;text-transform:uppercase;color:#fff;font-size:11px;font-weight:400}.nav-label .title{font-family:var(--font-heading);color:#fff;font-size:16px;font-weight:700}.header-right{align-items:center;gap:18px;display:flex}.theme-pill{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fff;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s}.theme-pill:hover{background:#ffffff24}.brand-mark{width:auto;height:26px;display:block}.container{width:min(calc(100% - (var(--page-margin) - 16px) * 2), calc(var(--page-max-width) + 32px));flex-direction:column;gap:20px;margin:0 auto;padding:24px 16px 40px;display:flex}.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:4px}.form-panel{padding:20px}.field{align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.field:last-of-type{margin-bottom:0}.field label{color:#fff;flex:0 0 200px;padding-top:10px;font-size:14px;font-weight:500}.field-control{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.field input[type=text],.field input[type=password],.field input[type=email],.field select{background:var(--panel-inset);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;width:100%;padding:10px 12px;font-size:16px}.field select:hover{border-color:var(--accent-blue)}.field select:disabled{color:var(--text-muted);cursor:not-allowed}.field input::placeholder{color:var(--text-muted)}@media (width<=640px){.field{flex-direction:column;gap:6px}.field label{flex-basis:auto;padding-top:0}}.field .helper{color:#fff;font-size:11.5px;line-height:1.5}.checkbox-row{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:16px;margin:20px 0;padding:16px 0;display:flex}.checkbox-item{align-items:center;gap:8px;display:flex}.checkbox-item input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent-blue)}.checkbox-item label{color:var(--text-primary);font-size:13px}.button-row{flex-wrap:wrap;gap:10px;display:flex}.btn{font-family:var(--font-heading);cursor:pointer;border:none;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:700;transition:background-color .15s,transform 50ms}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent-orange);color:var(--text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-orange-hover)}.btn-secondary{background:var(--accent-blue);color:var(--text-on-accent)}.btn-secondary:hover:not(:disabled){background:var(--accent-blue-hover)}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.player-panel{padding:0;overflow:hidden}.video-surface{aspect-ratio:16/10.5;background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.video-el{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.status-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 20px;display:flex}.status-left{align-items:center;gap:10px;display:flex}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 13px;font-size:14px;font-weight:600;display:inline-flex}.badge.paused{background:var(--accent-orange);color:var(--text-on-accent)}.badge.playing,.badge.loading{background:var(--accent-blue);color:var(--text-on-accent)}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge.loading .dot{opacity:.9}.status-left .status-text,.status-right{color:#fff;font-size:12px}.stats-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=640px){.stats-row{grid-template-columns:1fr}}.stats-panel{padding:20px}.stats-panel h2{font-family:var(--font-heading);color:var(--text-primary);margin:0 0 12px;font-size:15px;font-weight:700}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;font-size:14px;display:flex}.info-row:last-child{border-bottom:none}.info-row.wrap{flex-direction:column;align-items:stretch;gap:6px;padding:10px 0}.info-row .label{color:#fff;flex-shrink:0}.info-row .value{color:var(--text-primary);text-align:right;font-weight:500}.info-row.wrap .value{text-align:left;word-break:break-all;font-weight:400;font-family:var(--font-mono);color:var(--text-secondary);background:var(--panel-inset);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13.5px}.raw-toggle{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:7px 0 0;font-family:inherit;font-size:13px;display:flex}.raw-toggle:hover{color:var(--accent-blue-hover)}.raw-toggle .chevron{transition:transform .15s;display:inline-block}.raw-toggle[aria-expanded=true] .chevron{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.raw-toggle .chevron{transition:none}}.raw-payload{background:var(--panel-inset);border:1px solid var(--border);font-family:var(--font-mono);color:#fff;white-space:pre;border-radius:8px;margin-top:10px;padding:12px;font-size:11.5px;display:none;overflow-x:auto}.raw-payload.open{display:block}.log-panel{padding:20px}.log-panel h2{font-family:var(--font-heading);color:var(--text-primary);margin:0 0 12px;font-size:15px;font-weight:700}.log-box{background:var(--panel-inset);border:1px solid var(--border);height:210px;font-family:var(--font-mono);border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.7;overflow-y:auto}.log-line{white-space:pre-wrap;word-break:break-word}.log-line .ts{color:#fff;margin-right:10px}.log-line .evt{color:var(--text-primary)}.log-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.copy-confirm{color:var(--accent-blue-hover);opacity:0;font-size:12px;transition:opacity .15s}.copy-confirm.show{opacity:1}@media (prefers-reduced-motion:reduce){.copy-confirm{transition:none}}.engage-overlay{z-index:10002;background:#0d171ee0;justify-content:center;align-items:flex-end;padding-bottom:15vh;transition:opacity .6s;display:flex;position:fixed;inset:0}.engage-overlay.fadeout{opacity:0;pointer-events:none}.engage-content{flex-direction:column;align-items:center;gap:16px;display:flex}.engage-title{font-family:var(--font-heading);color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.03em;margin-bottom:-4px;font-size:1.3em;font-weight:700}.engage-hint{color:#fff;text-align:center;opacity:.85;max-width:380px;font-size:14px;line-height:1.5}.engage-btn{background:var(--accent-orange);color:var(--text-on-accent);font-family:var(--font-heading);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;opacity:1;border:none;border-radius:999px;padding:18px 42px;font-size:1.15em;font-weight:700;transition:background-color .15s,transform .15s;box-shadow:0 15px 35px #00000080}.engage-btn.fadeout{opacity:0}.engage-btn:hover{background:var(--accent-orange-hover);transform:translateY(-2px)}@media (width<=640px){.engage-btn{text-align:center;max-width:90%;padding:16px 28px;font-size:1em}}.modal-overlay{z-index:100;background:#0d171eb8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--panel);border:1px solid var(--border);width:min(460px,100%);box-shadow:var(--shadow-lg);border-radius:4px;padding:28px}.modal-panel__title{font-family:var(--font-heading);color:var(--text-primary);margin:0 0 4px;font-size:19px;font-weight:700}.modal-panel__sub{color:var(--text-secondary);margin:0 0 20px;font-size:13.5px}.drawer-overlay{z-index:100;pointer-events:none;position:fixed;inset:0}.drawer-overlay__backdrop{opacity:0;background:#0d171eb8;transition:opacity .24s ease-out;position:absolute;inset:0}.drawer-panel{background:var(--panel);width:min(960px,100% - 48px);box-shadow:var(--shadow-lg);border-radius:4px 0 0 4px;flex-direction:column;transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(102%)}.drawer-overlay.open{pointer-events:auto}.drawer-overlay.open .drawer-overlay__backdrop{opacity:1}.drawer-overlay.open .drawer-panel{transform:none}.drawer-overlay[aria-hidden=true]{visibility:hidden;transition:visibility 0s .3s}.drawer-overlay.open[aria-hidden=false]{visibility:visible}.drawer-panel__head{background:linear-gradient(#00486c 0% 25%,#0f8dc8 100%);flex-shrink:0;align-items:center;gap:12px;padding:14px 18px;display:flex}.drawer-panel__title{font-family:var(--font-heading);color:#fff;white-space:nowrap;font-size:15px;font-weight:700}.drawer-panel__close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:999px;flex-shrink:0;padding:7px;transition:background .15s;display:inline-flex}.drawer-panel__close:hover{background:#ffffff2e}.drawer-panel__body{flex:1;min-height:0;padding:18px;overflow-y:auto}.toast-stack{z-index:110;pointer-events:none;flex-direction:column;gap:8px;width:min(360px,100vw - 32px);display:flex;position:fixed;top:16px;right:16px}.toast{pointer-events:auto;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;align-items:flex-start;gap:10px;padding:11px 12px 11px 16px;animation:.24s cubic-bezier(.22,1,.36,1) toast-in;display:flex;position:relative;overflow:hidden}.toast:before{content:"";background:var(--accent-blue);width:4px;position:absolute;top:0;bottom:0;left:0}.toast--attn:before{background:var(--accent-orange)}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.toast__text{flex:1;min-width:0}.toast__title{color:var(--text-primary);font-size:13.5px;font-weight:700}.toast__body{color:var(--text-secondary);overflow-wrap:break-word;margin-top:1px;font-size:13px}.toast__dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;margin:0;padding:3px}.toast__dismiss:hover{color:var(--text-primary);background:var(--panel-inset)}.footer{background:var(--accent-orange);color:#fff;margin-top:40px;padding:16px 0;font-size:13px}.footer-inner{width:min(calc(100% - (var(--page-margin) - 16px) * 2), calc(var(--page-max-width) + 32px));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 auto;padding:0 16px;display:flex}.footer a{color:#fff;font-weight:600;text-decoration:none}.footer a:hover{text-decoration:underline}.page-version{color:#fff;letter-spacing:.02em;gap:8px;font-size:12px;display:flex}.workbench{width:min(calc(100% - var(--page-margin) * 2), var(--page-max-width));margin:18px auto 30px}.workbench-layout{grid-template-columns:minmax(720px,1fr) minmax(390px,440px);align-items:start;gap:18px;display:grid}@media (width<=960px){.workbench-layout{grid-template-columns:1fr}}:is(body:has(.workbench) .header-inner,body:has(.workbench) .footer-inner){max-width:1616px;padding:0 48px}body[data-wide-layout] .header-inner,body[data-wide-layout] .footer-inner{max-width:calc(var(--wide-content-width,1520px) + 96px);padding:0 48px}.monitor{aspect-ratio:16/9;border:1px solid var(--border);width:100%;box-shadow:var(--shadow);background:#050607;border-radius:6px;position:relative;overflow:hidden}.control-rail{background:var(--panel);border:1px solid var(--border);border-top:2px solid var(--accent-blue);border-radius:9px;padding:18px}.control-section{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.control-section:first-child{border-top:0;margin-top:0;padding-top:0}.status-strip{color:var(--text-primary);background:var(--panel-soft);border:1px solid var(--border);border-left:3px solid var(--accent-blue);border-radius:6px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;display:flex}.status-strip--attn{border-left-color:var(--accent-orange)}.journey{background:var(--panel);box-shadow:var(--shadow);border-radius:4px;position:relative;overflow:hidden}.journey:after{content:"";background:var(--accent-blue);opacity:.9;height:3px;position:absolute;top:0;left:0;right:0}.station{border-top:1px solid var(--border);position:relative}.station:first-of-type{border-top:none}.station:before{content:"";background:var(--border);z-index:0;width:2px;position:absolute;top:0;bottom:0;left:37px;transform:translate(-50%)}.station:first-of-type:before{top:31px}.station:last-of-type:before{height:31px;bottom:auto}.station[data-state=done]:before{background:var(--accent-blue)}.station[data-state=current]:before{background:linear-gradient(180deg, var(--accent-blue) 0px, var(--accent-blue) 31px, var(--border) 72px)}.station[data-state=current]{background:#ffffff0a}.station__head{z-index:1;grid-template-columns:34px 1fr auto;align-items:center;column-gap:14px;padding:16px 22px;display:grid;position:relative}.station__marker{width:30px;height:30px;font-family:var(--font-heading);border:2px solid var(--border);color:var(--text-secondary);background:var(--panel);box-shadow:0 0 0 4px var(--panel);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;display:flex}.station[data-state=current] .station__marker{background:var(--accent-orange);border-color:var(--accent-orange);color:#fff;box-shadow:0 0 0 4px #ffffff0a, 0 0 0 8px var(--accent-orange)}@supports (color:color-mix(in lab, red, red)){.station[data-state=current] .station__marker{box-shadow:0 0 0 4px #ffffff0a, 0 0 0 8px color-mix(in srgb, var(--accent-orange) 18%, transparent)}}.station[data-state=done] .station__marker{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:0 0 0 4px var(--panel), 0 0 0 7px var(--accent-blue)}@supports (color:color-mix(in lab, red, red)){.station[data-state=done] .station__marker{box-shadow:0 0 0 4px var(--panel), 0 0 0 7px color-mix(in srgb, var(--accent-blue) 12%, transparent)}}.station[data-state=done] .station__marker{animation:.24s ease-out station-pop}@keyframes station-pop{0%{transform:scale(.7)}60%{transform:scale(1.08)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.station[data-state=done] .station__marker{animation:none}}.station__title{font-family:var(--font-heading);color:var(--text-primary);font-size:16.5px;font-weight:700;line-height:1.25}.station__summary{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:7px;margin-top:1px;font-size:13.5px;display:flex}.station__body{padding:0 22px 22px 70px;display:none}.station[data-state=current]>.station__body,.station[data-open="1"]>.station__body{animation:.22s ease-out station-body-in;display:block}@keyframes station-body-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.station__body{animation:none}}.station__lead{color:var(--text-primary);margin:0 0 4px;font-size:15px;font-weight:600}.station__help{color:var(--text-secondary);max-width:62ch;margin:0 0 16px;font-size:14px}.snippet{border:1px solid var(--border);background:var(--panel-inset);border-radius:8px;margin:14px 0;position:relative;overflow:hidden}.snippet__head{background:var(--panel-inset);border-bottom:1px solid var(--border);justify-content:flex-end;padding:6px 8px;display:flex}.snippet pre{scrollbar-width:thin;scrollbar-color:var(--border) transparent;background:0 0;max-height:280px;margin:0;padding:16px 18px;overflow:auto}.snippet pre::-webkit-scrollbar{width:8px;height:8px}.snippet pre::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.snippet pre code{font-family:var(--font-mono);color:var(--text-primary);white-space:pre;font-size:13px;line-height:1.6}.snippet__copy{background:var(--panel);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:6px;transition:color .15s,border-color .15s;display:inline-flex}.snippet__copy:hover{color:var(--accent-blue-hover);border-color:var(--accent-blue)}.snippet__copy--copied{color:var(--accent-blue);border-color:var(--accent-blue)}.snippet[data-lang-count] pre[data-lang]{display:none}.snippet[data-lang-count] pre[data-lang].is-shown{display:block}.lang-switch{background:var(--panel-inset);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:8px;display:flex}.lang-switch__btn{font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.lang-switch__btn:hover{color:var(--text-primary);background:var(--panel)}.lang-switch__btn.active{background:var(--panel);border-color:var(--border);color:var(--text-primary);box-shadow:var(--shadow-sm)}.snippet pre code .tok-kw{color:var(--accent-blue)}.snippet pre code .tok-str{color:var(--text-secondary)}.snippet pre code .tok-com{color:var(--text-muted);font-style:italic}.snippet pre code .tok-fn{color:var(--text-primary)}.snippet pre code .tok-num{color:var(--accent-orange)}.snippet pre code .tok-tag{color:var(--accent-orange-hover)}.detail-rail{display:none}@media (width>=1280px){.detail-rail{background:var(--panel-inset);border:1px solid var(--border);border-radius:4px;flex-direction:column;flex-shrink:0;width:420px;max-height:calc(100vh - 108px);display:flex;position:sticky;top:84px;overflow:hidden}}.detail-rail__head{border-bottom:1px solid var(--border);flex:none;padding:14px 18px 12px}.detail-rail__kicker{font-family:var(--font-heading);letter-spacing:.16em;text-transform:uppercase;color:var(--text-primary);margin:0;font-size:11px;font-weight:700}.detail-rail__tabs{gap:4px;margin-top:8px;display:flex}.detail-rail__tab{width:24px;height:24px;font-family:var(--font-body);color:var(--text-secondary);background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:0;font-size:12px;font-weight:600;transition:background .14s,color .14s,border-color .14s}.detail-rail__tab:hover:not(:disabled){color:var(--accent-blue);border-color:var(--accent-blue)}.detail-rail__tab.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.detail-rail__tab:disabled{color:var(--text-muted);background:var(--panel-inset);cursor:not-allowed;opacity:.7}.detail-rail__body{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:auto;min-height:0;padding:0 18px 18px;overflow-y:auto}.detail-rail__body::-webkit-scrollbar{width:8px}.detail-rail__body::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.detail-rail__body:after{content:"";pointer-events:none;background:linear-gradient(to bottom, transparent, var(--panel-inset));height:26px;margin:-26px -18px 0;display:block;position:sticky;bottom:0}.detail-rail .snippet pre{max-height:none}.mb-container{width:min(calc(100% - (var(--page-margin) - 16px) * 2), calc(var(--page-max-width) + 32px));flex-direction:column;gap:40px;margin:0 auto;padding:40px 16px 60px;display:flex}.mb-intro h1{font-family:var(--font-heading);color:#fff;margin:0 0 8px;font-size:28px;font-weight:700}.mb-intro p{max-width:640px;color:var(--text-secondary);margin:0;line-height:1.6}.mb-pattern-note{max-width:640px;color:var(--text-secondary);margin:-4px 0 0;font-size:13px;line-height:1.55}.mb-pattern-note code{font-family:var(--font-mono);font-size:.92em}.mb-section{flex-direction:column;gap:16px;display:flex}.mb-section-title{font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue-hover);border-bottom:1px solid var(--border);padding-bottom:10px;font-size:13px;font-weight:700}.mb-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.mb-swatch{border:1px solid var(--border);background:var(--panel);border-radius:4px;overflow:hidden}.mb-swatch-color{height:64px}.mb-swatch-label{padding:10px 12px;font-size:12px}.mb-swatch-name{color:#fff;margin-bottom:2px;font-weight:600;display:block}.mb-swatch-hex{color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;display:block}.mb-gradient-strip{border:1px solid var(--border);background:linear-gradient(#00486c 0% 25%,#0f8dc8 100%);border-radius:4px;height:72px}.mb-gradient-caption{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono)}.mb-type-row{border-bottom:1px solid var(--border);align-items:baseline;gap:20px;padding:14px 0;display:flex}.mb-type-row:last-child{border-bottom:none}.mb-type-meta{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);flex:0 0 260px;line-height:1.6}.mb-type-sample{color:#fff}.mb-type-heading-bold{font-family:var(--font-heading);font-size:22px;font-weight:700}.mb-type-heading-regular{font-family:var(--font-heading);letter-spacing:.09em;text-transform:uppercase;font-size:15px;font-weight:400}.mb-type-body{font-family:var(--font-body);font-size:15px;font-weight:400}.mb-type-mono{font-family:var(--font-mono);font-size:13px;font-weight:400}.mb-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mb-two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=640px){.mb-two-col{grid-template-columns:1fr}.mb-type-row{flex-direction:column;gap:6px}.mb-type-meta{flex-basis:auto}}.mb-radius-sample{background:var(--panel);border:1px solid var(--border);width:100%;height:90px}.mb-radius-row{flex-wrap:wrap;gap:20px;display:flex}.mb-radius-card{flex-direction:column;flex:1;gap:8px;min-width:140px;display:flex}.mb-radius-caption{font-family:var(--font-mono);color:var(--text-secondary);text-align:center;font-size:11px}.btn-primary,.badge.paused,.engage-btn,.footer,.footer a,.station[data-state=current] .station__marker{color:var(--bg)}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-1\/2{top:50%}.right-1\.5{right:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-auto{margin-right:auto}.mb-1{margin-bottom:var(--spacing)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-\[14px\]{width:14px;height:14px}.h-9{height:calc(var(--spacing) * 9)}.h-\[26px\]{height:26px}.min-h-screen{min-height:100vh}.w-\[72px\]{width:72px}.w-full{width:100%}.max-w-\[440px\]{max-width:440px}.min-w-0{min-width:0}.min-w-\[150px\]{min-width:150px}.min-w-\[190px\]{min-width:190px}.flex-1{flex:1}.flex-\[0_1_236px\]{flex:0 236px}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-\[7px\]{gap:7px}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-\[3px\]{row-gap:3px}.rounded{border-radius:.25rem}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-accent-orange{border-color:var(--accent-orange)}.border-border{border-color:var(--border)}.border-text-on-accent\/22{border-color:var(--text-on-accent)}@supports (color:color-mix(in lab, red, red)){.border-text-on-accent\/22{border-color:color-mix(in oklab, var(--text-on-accent) 22%, transparent)}}.border-text-on-accent\/38{border-color:var(--text-on-accent)}@supports (color:color-mix(in lab, red, red)){.border-text-on-accent\/38{border-color:color-mix(in oklab, var(--text-on-accent) 38%, transparent)}}.border-text-on-accent\/42{border-color:var(--text-on-accent)}@supports (color:color-mix(in lab, red, red)){.border-text-on-accent\/42{border-color:color-mix(in oklab, var(--text-on-accent) 42%, transparent)}}.bg-accent-orange{background-color:var(--accent-orange)}.bg-panel-inset{background-color:var(--panel-inset)}.bg-panel-soft{background-color:var(--panel-soft)}.bg-text-on-accent\/10{background-color:var(--text-on-accent)}@supports (color:color-mix(in lab, red, red)){.bg-text-on-accent\/10{background-color:color-mix(in oklab, var(--text-on-accent) 10%, transparent)}}.bg-transparent{background-color:#0000}.p-1{padding:var(--spacing)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-\[10px\]{padding-inline:10px}.px-\[14px\]{padding-inline:14px}.px-\[15px\]{padding-inline:15px}.py-3{padding-block:calc(var(--spacing) * 3)}.py-\[6px\]{padding-block:6px}.py-\[7px\]{padding-block:7px}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.font-heading{font-family:var(--font-heading)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[13px\]{font-size:13px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-\[\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.tracking-\[\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.text-accent-orange{color:var(--accent-orange)}.text-bg{color:var(--bg)}.text-text-on-accent,.text-text-on-accent\/80{color:var(--text-on-accent)}@supports (color:color-mix(in lab, red, red)){.text-text-on-accent\/80{color:color-mix(in oklab, var(--text-on-accent) 80%, transparent)}}.text-text-primary{color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.\[color-scheme\:dark\]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (hover:hover){.hover\:border-accent-blue:hover{border-color:var(--accent-blue)}.hover\:bg-accent-orange-hover:hover{background-color:var(--accent-orange-hover)}.hover\:bg-accent-orange\/15:hover{background-color:var(--accent-orange)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent-orange\/15:hover{background-color:color-mix(in oklab, var(--accent-orange) 15%, transparent)}}.hover\:bg-text-on-accent\/12:hover{background-color:var(--text-on-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-text-on-accent\/12:hover{background-color:color-mix(in oklab, var(--text-on-accent) 12%, transparent)}}.hover\:bg-text-on-accent\/18:hover{background-color:var(--text-on-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-text-on-accent\/18:hover{background-color:color-mix(in oklab, var(--text-on-accent) 18%, transparent)}}.hover\:text-text-on-accent:hover{color:var(--text-on-accent)}}.focus-visible\:outline-text-on-accent:focus-visible{outline-color:var(--text-on-accent)}.\[\&\:\:-webkit-calendar-picker-indicator\]\:hidden::-webkit-calendar-picker-indicator{display:none}}@font-face{font-family:Lexend Deca;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/lexend-deca-latin-ext-Cmo4nPQ4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Deca;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/lexend-deca-latin-BadLhs7Z.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(/assets/source-sans-3-latin-ext-HjV1MJGe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(/assets/source-sans-3-latin-CN-6p9QN.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/jetbrains-mono-latin-ext-Dey_PoKW.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/jetbrains-mono-latin-D000Msq0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}