@layer rxtt.theme{.rxtt{background-color:var(--rxtt-track-bg,#f8f9fa);border-color:var(--rxtt-track-border-color,#6c757d);border-style:var(--rxtt-track-border-style,solid)}.rxtt:focus-visible{outline:var(--rxtt-focus-outline-width,2px) var(--rxtt-focus-outline-style,solid) var(--rxtt-focus-outline-color,Highlight);outline-offset:var(--rxtt-focus-outline-offset,-2px)}.rxtt>.rxtt__viewport{background-color:var(--rxtt-viewport-bg,#6c757d4d)}.rxtt>.rxtt__markers>.rxtt__marker{background-color:var(--rxtt-marker-bg,#dc3545);border-color:var(--rxtt-marker-border-color,#6c757d);border-style:var(--rxtt-marker-border-style,solid);border-width:var(--rxtt-marker-border-width,0);border-radius:var(--rxtt-marker-border-radius,0);opacity:var(--rxtt-marker-opacity,1)}.rxtt>.rxtt__markers>.rxtt__marker:hover{box-shadow:inset 0 0 0 var(--rxtt-marker-hover-ring-width,var(--rxtt-marker-ring-width,1px)) var(--rxtt-marker-hover-ring-color,var(--rxtt-marker-ring-color,#6c757d))}.rxtt:focus-visible>.rxtt__markers>.rxtt__marker[data-rxtt-selected=true]{box-shadow:inset 0 0 0 var(--rxtt-marker-selected-ring-width,var(--rxtt-marker-ring-width,1px)) var(--rxtt-marker-selected-ring-color,var(--rxtt-marker-ring-color,#6c757d))}.rxtt>.rxtt__markers>.rxtt__marker[data-rxtt-kind=cluster]{background-color:var(--rxtt-cluster-bg,var(--rxtt-marker-bg,#dc3545));font-size:var(--rxtt-cluster-font-size,10px)}.rxtt>.rxtt__markers>.rxtt__marker[data-rxtt-kind=cluster]:after{color:var(--rxtt-cluster-text-color,#fff);content:var(--rxtt-cluster-content,attr(data-rxtt-count))}}.rxtt{box-sizing:border-box;contain:var(--rxtt-track-contain,layout paint);cursor:pointer;overflow:var(--rxtt-track-overflow,hidden);-webkit-user-select:none;user-select:none;writing-mode:horizontal-tb;z-index:var(--rxtt-track-z-index,1000);direction:ltr;border-width:0;margin:0;padding:0;display:block;position:fixed}.rxtt,.rxtt *,.rxtt :before,.rxtt :after{box-sizing:border-box}.rxtt[data-rxtt-scroll-mode=element]{position:absolute}.rxtt[data-rxtt-geometry=unavailable]{display:none}.rxtt[data-rxtt-drag=true][data-rxtt-orientation=vertical]{touch-action:pan-x pinch-zoom}.rxtt[data-rxtt-drag=true][data-rxtt-orientation=horizontal]{touch-action:pan-y pinch-zoom}.rxtt[data-rxtt-orientation=vertical]{height:calc(100dvh - var(--rxtt-track-start,0px) - var(--rxtt-track-end,0px));top:var(--rxtt-track-start,0px);width:var(--rxtt-track-thickness,1rem)}.rxtt[data-rxtt-scroll-mode=element][data-rxtt-orientation=vertical]{height:calc(100% - var(--rxtt-track-start,0px) - var(--rxtt-track-end,0px))}.rxtt[data-rxtt-orientation=vertical][data-rxtt-placement=left]{border-right-width:var(--rxtt-track-border-width,1px);left:var(--rxtt-track-offset,0px)}.rxtt[data-rxtt-orientation=vertical][data-rxtt-placement=right]{border-left-width:var(--rxtt-track-border-width,1px);right:var(--rxtt-track-offset,0px)}.rxtt[data-rxtt-orientation=horizontal]{height:var(--rxtt-track-thickness,1rem);left:var(--rxtt-track-start,0px);width:calc(100dvw - var(--rxtt-track-start,0px) - var(--rxtt-track-end,0px))}.rxtt[data-rxtt-scroll-mode=element][data-rxtt-orientation=horizontal]{width:calc(100% - var(--rxtt-track-start,0px) - var(--rxtt-track-end,0px))}.rxtt[data-rxtt-orientation=horizontal][data-rxtt-placement=top]{border-bottom-width:var(--rxtt-track-border-width,1px);top:var(--rxtt-track-offset,0px)}.rxtt[data-rxtt-orientation=horizontal][data-rxtt-placement=bottom]{border-top-width:var(--rxtt-track-border-width,1px);bottom:var(--rxtt-track-offset,0px)}.rxtt>.rxtt__viewport{pointer-events:none;z-index:1;position:absolute}.rxtt>.rxtt__viewport[hidden]{display:none}.rxtt>.rxtt__markers{pointer-events:none;z-index:2;position:absolute;inset:0}.rxtt[data-rxtt-geometry=suspended]>.rxtt__markers,.rxtt[data-rxtt-geometry=suspended]>.rxtt__viewport{display:none}.rxtt>.rxtt__markers>.rxtt__marker{pointer-events:auto;margin:0;padding:0;display:block;position:absolute}.rxtt[data-rxtt-orientation=vertical]>.rxtt__viewport{height:var(--rxtt-viewport-size,0%);left:0;right:0;top:var(--rxtt-viewport-start,0%);width:100%}.rxtt[data-rxtt-orientation=vertical]>.rxtt__markers>.rxtt__marker{height:max(var(--rxtt-marker-size,0%), var(--rxtt-marker-min-size,2px));left:0;right:0;top:var(--rxtt-marker-start,0%);width:100%}.rxtt[data-rxtt-orientation=horizontal]>.rxtt__viewport{height:100%;bottom:0;left:var(--rxtt-viewport-start,0%);width:var(--rxtt-viewport-size,0%);top:0}.rxtt[data-rxtt-orientation=horizontal]>.rxtt__markers>.rxtt__marker{height:100%;bottom:0;left:var(--rxtt-marker-start,0%);width:max(var(--rxtt-marker-size,0%), var(--rxtt-marker-min-size,2px));top:0}.rxtt>.rxtt__markers>.rxtt__marker[data-rxtt-kind=cluster]{justify-content:center;align-items:center;line-height:1;display:flex}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--demo-accent:var(--site-link-accent,#075bcc);--demo-border:#dee2e6;--demo-muted:#6c757d;--demo-surface:#fff;--demo-surface-muted:#f8f9fa;--demo-text:#212529;font-family:system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--demo-surface);color:var(--demo-text);margin:0}.demo-page a[href]{color:var(--demo-accent);text-underline-offset:.18em;text-decoration-line:underline;text-decoration-thickness:.08em}.demo-page a[href]:hover{text-decoration-thickness:.14em}button,input,select,textarea{font:inherit}button{border:1px solid var(--demo-border);background:var(--demo-surface);min-height:2.5rem;color:var(--demo-text);cursor:pointer;border-radius:.375rem;padding:.45rem .8rem}button:hover{border-color:var(--demo-accent);background:var(--demo-surface-muted)}:focus-visible{outline:3px solid var(--site-focus-indicator,#075bcc);outline-offset:2px}.demo-page{width:min(68rem,100% - 3rem);margin-inline:auto;padding-block:2rem 5rem}.demo-page__intro{border-bottom:1px solid var(--demo-border);max-width:48rem;margin-bottom:2rem;padding-bottom:1rem}.demo-page__intro h1{margin-block:0 .5rem;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}.demo-page__intro p{color:var(--demo-muted);font-size:1rem}.demo-panel{border:1px solid var(--demo-border);background:var(--demo-surface);border-radius:.5rem;padding:1rem}.demo-status{min-height:1.5em;color:var(--demo-muted)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.styling-demo{width:min(76rem,100% - 4rem)}.styling-intro{max-width:58rem}.styling-intro__eyebrow,.comparison-card__number,.fixture-kicker,.fixture-section__label{color:#475569;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.section-intro{max-width:50rem;margin-block:2.5rem 1.25rem}.section-intro h2,.section-intro p{margin-block:0}.section-intro p{color:var(--demo-muted);margin-block-start:.5rem}.comparison-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}.comparison-card{border:1px solid var(--demo-border);background:#fff;border-radius:.75rem;min-width:0;padding:1.25rem}.comparison-card__header{grid-template-columns:2rem 1fr;gap:.75rem;min-height:6.75rem;display:grid}.comparison-card__number{border:1px solid #cbd5e1;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.comparison-card__title{margin:0;font-size:1.2rem}.comparison-card__header p:last-child,.attribute-note{color:var(--demo-muted);margin-block:.35rem 0;font-size:.9rem}.comparison-stage{background:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;height:24rem;position:relative;overflow:hidden}.comparison-scroller{scrollbar-gutter:stable;height:100%;padding-inline-end:1.5rem;overflow-y:auto}.comparison-scroller:focus-visible{outline-offset:-4px}.fixture-content{background:linear-gradient(#fff,#f8fafc);min-height:82rem}.fixture-intro,.fixture-section{padding:1rem}.fixture-intro{border-bottom:1px solid #e2e8f0;min-height:10rem}.fixture-intro h4{margin-block:.4rem;font-size:1.05rem}.fixture-intro p:last-child{color:#64748b;margin:0;font-size:.875rem}.fixture-section{flex-direction:column;justify-content:center;display:flex}.fixture-section--overview{min-height:12rem}.fixture-section--warning{background:#fffbeb;min-height:15rem}.fixture-section--cluster{gap:.35rem;min-height:12rem}.fixture-section--follow-up{background:#f1f5f9;min-height:17rem}.fixture-section--final{min-height:16rem}.fixture-target{border:1px solid #cbd5e1;background:#fff;border-inline-start-width:.3rem;border-radius:.35rem;gap:.2rem;padding:.8rem .9rem;display:grid}.fixture-target span{color:#64748b;font-size:.82rem}.fixture-target--normal{border-inline-start-color:#2563eb}.fixture-target--warning{border-inline-start-color:#d97706}.fixture-target--error{border-inline-start-color:#dc2626}.comparison-card[data-comparison-case=cascade]{--rxtt-cluster-bg:#0f172a;--rxtt-cluster-text-color:#fff;--rxtt-marker-bg:#2563eb;--rxtt-marker-border-radius:999px;--rxtt-marker-min-size:7px;--rxtt-marker-ring-color:#fff;--rxtt-marker-ring-width:2px;--rxtt-track-bg:#e2e8f0;--rxtt-track-border-color:#475569;--rxtt-track-border-width:1px;--rxtt-track-thickness:14px;--rxtt-viewport-bg:#0e74903d}.cascade-marker--warning{--rxtt-marker-bg:#d97706}.cascade-marker--error{--rxtt-marker-bg:#dc2626}.class-theme-track{--rxtt-cluster-bg:#0f172a;--rxtt-cluster-text-color:#fff;--rxtt-marker-min-size:7px;--rxtt-marker-ring-color:#fff;--rxtt-marker-ring-width:2px;--rxtt-track-thickness:14px;background-color:#e2e8f0;border-width:0 0 0 1px;border-color:#475569}.class-theme-viewport{background-color:#0e74903d}.class-theme-marker{background-color:#2563eb;border-radius:999px}.class-theme-marker--warning{background-color:#d97706}.class-theme-marker--error{background-color:#dc2626}.class-theme-marker[data-rxtt-kind=cluster]{color:#fff;background-color:#0f172a}.attribute-theme-track{--rxtt-cluster-bg:#0f172a;--rxtt-cluster-text-color:#fff;--rxtt-marker-min-size:7px;--rxtt-marker-ring-color:#fff;--rxtt-marker-ring-width:2px;--rxtt-track-bg:#e2e8f0;--rxtt-track-border-color:#475569;--rxtt-track-border-width:1px;--rxtt-track-thickness:14px}.attribute-theme-viewport{background-color:#0e74903d}[data-comparison-theme=equivalent][data-tone=normal]{background-color:#2563eb;border-radius:999px}[data-comparison-theme=equivalent][data-tone=warning]{background-color:#d97706;border-radius:999px}[data-comparison-theme=equivalent][data-tone=error]{background-color:#dc2626;border-radius:999px}[data-comparison-theme=equivalent][data-rxtt-kind=cluster]{color:#fff;background-color:#0f172a}.comparison-stage .rxtt__marker[data-rxtt-selected=true]{outline-offset:-3px;filter:brightness(.9);outline:2px solid #fff;box-shadow:0 0 0 1px #0f172a}.ruler-track{--rxtt-focus-outline-color:#0f172a;--rxtt-focus-outline-offset:2px;--rxtt-marker-bg:#334155;--rxtt-marker-min-size:4px;--rxtt-marker-opacity:.78;--rxtt-track-bg:#f1f5f9b8;--rxtt-track-border-color:#64748b;--rxtt-track-border-width:1px;--rxtt-track-offset:.55rem;--rxtt-track-thickness:8px;--rxtt-viewport-bg:#64748b3d}.ruler-marker{transition:opacity .12s,background-color .12s}.ruler-marker[data-rxtt-selected=true]{--rxtt-marker-opacity:1;background-color:#0f172a}.ruler-viewport{border-block:1px solid #64748b73}.neon-track{--rxtt-focus-outline-color:#67e8f9;--rxtt-focus-outline-offset:4px;--rxtt-marker-bg:#22d3ee;--rxtt-marker-border-radius:999px;--rxtt-marker-min-size:5px;--rxtt-marker-ring-color:#f0fdfa;--rxtt-marker-ring-width:2px;--rxtt-track-border-width:0;--rxtt-track-contain:none;--rxtt-track-offset:.45rem;--rxtt-track-overflow:visible;--rxtt-track-thickness:20px;--rxtt-viewport-bg:#a855f74d;background:linear-gradient(#0f172adb,#4c1d95bd);box-shadow:0 0 0 1px #67e8f973,0 0 18px #22d3eebf,0 0 32px #a855f77a}.neon-viewport{border-block:1px solid #d8b4feb8;box-shadow:inset 0 0 10px #a855f799}.neon-marker{transform-origin:100%;transition:box-shadow .14s,filter .14s;transform:scaleX(1.35);box-shadow:0 0 8px #22d3ee}.neon-marker:before{border-radius:inherit;content:"";border:1px solid #f0fdfa8c;position:absolute;inset:-2px}.neon-marker[data-rxtt-selected=true]{filter:brightness(1.35)saturate(1.25);box-shadow:0 0 12px #22d3ee,0 0 18px #a855f7bf}.global-theme-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-height:24rem;display:grid}.global-theme-notes article{border:1px solid var(--demo-border);border-radius:.75rem;padding:1.25rem}.global-theme-notes h3{margin-block-start:0}.global-theme-note__description{color:var(--demo-muted)}@media (prefers-reduced-motion:reduce){.neon-marker,.ruler-marker{transition:none}}@media (width<=52rem){.styling-demo{width:min(100% - 3rem,40rem)}.global-theme-notes{grid-template-columns:1fr}.comparison-card__header{min-height:auto}}@media (width<=32rem){.styling-demo{width:calc(100% - 3.5rem)}.comparison-card{padding:.75rem}.comparison-card__header{grid-template-columns:1fr;margin-block-end:1rem}.neon-track{--rxtt-track-offset:.25rem;--rxtt-track-thickness:16px}.ruler-track{--rxtt-track-offset:.35rem}}