.hero[data-astro-cid-yodha2z4]{padding-block:var(--space-16) var(--space-8)}.hero__kicker[data-astro-cid-yodha2z4]{gap:var(--space-2);margin:0 0 var(--space-4);color:var(--color-muted);flex-wrap:wrap;align-items:center;font-size:.8rem;display:flex}.hero__role[data-astro-cid-yodha2z4]{background:var(--color-ink);color:var(--color-on-ink);border-radius:6px;padding:.1rem .5rem}h1[data-astro-cid-yodha2z4]{max-width:15ch;margin:0 0 var(--space-6);font-size:var(--text-h1);letter-spacing:-.04em;font-weight:800;line-height:1.02}.nowrap[data-astro-cid-yodha2z4]{white-space:nowrap}.word[data-astro-cid-yodha2z4]{transition:color .5s;display:inline-block}.word--fast[data-astro-cid-yodha2z4]{color:var(--color-good)}.word--accessible[data-astro-cid-yodha2z4]{color:var(--color-accent)}.word--global[data-astro-cid-yodha2z4]{color:var(--color-violet);position:relative}.word__text[data-astro-cid-yodha2z4]{display:inline-block}.word--global[data-astro-cid-yodha2z4]:after{content:"{{hero.global}}";content:"{{hero.global}}" / "global";white-space:nowrap;visibility:hidden;font-family:var(--font-mono);letter-spacing:0;font-size:.34em;position:absolute;top:50%;left:0;transform:translateY(-50%)}html[data-fast=broken] .word--fast[data-astro-cid-yodha2z4]{color:var(--color-hero-dim);filter:blur(1.2px);animation:.18s steps(2,end) infinite jitter}html[data-accessible=broken] .word--accessible[data-astro-cid-yodha2z4]{color:var(--color-hero-dim);text-decoration:line-through 4px var(--color-bad)}html[data-global=broken] .word__text[data-astro-cid-yodha2z4]{visibility:hidden}html[data-global=broken] .word--global[data-astro-cid-yodha2z4]:after{visibility:visible;color:var(--color-bad)}html[data-fast=healed] .word--fast[data-astro-cid-yodha2z4],html[data-accessible=healed] .word--accessible[data-astro-cid-yodha2z4],html[data-global=healed] .word__text[data-astro-cid-yodha2z4]{animation:word-heal .7s var(--ease-spring)}html[data-site=breaking] h1[data-astro-cid-yodha2z4]{animation:.42s steps(3,end) headline-glitch}@keyframes word-heal{0%{opacity:.55;transform:scale(1.18)translateY(-.04em)}}@keyframes headline-glitch{0%{text-shadow:3px 0 var(--color-bad), -3px 0 var(--color-accent);transform:translate(-4px)skew(-4deg)}50%{text-shadow:-3px 0 var(--color-bad), 3px 0 var(--color-accent);transform:translate(4px)skew(3deg)}to{text-shadow:none;transform:none}}@keyframes jitter{0%{transform:translate(-3px,1px)skew(-6deg)}to{transform:translate(3px,-1px)skew(5deg)}}.hero__lede[data-astro-cid-yodha2z4]{max-width:40rem;margin:0 0 var(--space-6);color:var(--color-muted);font-size:var(--text-lg)}.hero__lede[data-astro-cid-yodha2z4] strong[data-astro-cid-yodha2z4]{color:var(--color-ink)}.hero__highlights[data-astro-cid-yodha2z4]{gap:var(--space-3);margin:var(--space-12) 0 0;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.hero__highlights[data-astro-cid-yodha2z4] li[data-astro-cid-yodha2z4]{padding:var(--space-3) var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.hero__highlights[data-astro-cid-yodha2z4] strong[data-astro-cid-yodha2z4]{font-size:1.2rem;line-height:1.3;display:block}.hero__highlights[data-astro-cid-yodha2z4] span[data-astro-cid-yodha2z4]{margin-top:var(--space-1);color:var(--color-muted);font-size:.8rem;line-height:1.45;display:block}@media (width<=900px){.hero[data-astro-cid-yodha2z4]{padding-top:var(--space-12)}.hero__highlights[data-astro-cid-yodha2z4]{grid-template-columns:repeat(2,minmax(0,1fr))}}.studies[data-astro-cid-eium2mat]{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.study[data-astro-cid-eium2mat]{gap:var(--space-2);height:100%;padding:var(--space-6);flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.study[data-astro-cid-eium2mat]:hover{box-shadow:var(--shadow-pop);transform:translate(-2px,-2px)}.study__meta[data-astro-cid-eium2mat]{color:var(--color-muted);font-size:.75rem}.study[data-astro-cid-eium2mat] h3[data-astro-cid-eium2mat]{margin:0;font-size:1.25rem}.study[data-astro-cid-eium2mat] p[data-astro-cid-eium2mat]{color:var(--color-muted);margin:0;font-size:.92rem}.study__metric[data-astro-cid-eium2mat]{color:var(--color-muted);font-size:.85rem}.study__metric[data-astro-cid-eium2mat] strong[data-astro-cid-eium2mat]{color:var(--color-good);font-family:var(--font-mono)}.study__cta[data-astro-cid-eium2mat]{padding-top:var(--space-2);margin-top:auto;font-size:.9rem;font-weight:600}@media (width<=900px){.studies[data-astro-cid-eium2mat]{grid-template-columns:1fr}}.posts[data-astro-cid-od5iogcu]{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));margin:0;padding:0;list-style:none;display:grid}.post-link[data-astro-cid-od5iogcu]{gap:var(--space-2);height:100%;padding:var(--space-6);flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.post-link[data-astro-cid-od5iogcu]:hover{box-shadow:var(--shadow-pop);transform:translate(-2px,-2px)}.post-link[data-astro-cid-od5iogcu] .mono[data-astro-cid-od5iogcu]{color:var(--color-muted);font-size:.75rem}h3[data-astro-cid-od5iogcu]{margin:0;font-size:1.2rem}p[data-astro-cid-od5iogcu]{color:var(--color-muted);margin:0;font-size:.92rem}.leverage[data-astro-cid-mflx6lul]{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));margin:0;padding:0;list-style:none;display:grid}.leverage[data-astro-cid-mflx6lul] li[data-astro-cid-mflx6lul]{padding:var(--space-6)}.leverage__n[data-astro-cid-mflx6lul]{color:var(--color-muted);font-size:.75rem}.leverage[data-astro-cid-mflx6lul] h3[data-astro-cid-mflx6lul]{margin:var(--space-2) 0;font-size:1.05rem}.leverage[data-astro-cid-mflx6lul] p[data-astro-cid-mflx6lul]{color:var(--color-muted);margin:0;font-size:.9rem}.roles[data-astro-cid-6y2t2ibs]{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.roles[data-astro-cid-6y2t2ibs] li[data-astro-cid-6y2t2ibs]{padding:var(--space-4) var(--space-6)}.roles__when[data-astro-cid-6y2t2ibs]{color:var(--color-muted);font-size:.75rem}.roles[data-astro-cid-6y2t2ibs] h3[data-astro-cid-6y2t2ibs]{margin:var(--space-1) 0 0;font-size:1.05rem}.roles[data-astro-cid-6y2t2ibs] p[data-astro-cid-6y2t2ibs]{color:var(--color-muted);margin:0;font-size:.86rem}.roles__role[data-astro-cid-6y2t2ibs]{color:var(--color-ink)!important;margin-bottom:var(--space-1)!important}@media (width<=900px){.roles[data-astro-cid-6y2t2ibs]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.roles[data-astro-cid-6y2t2ibs]{grid-template-columns:1fr}}.contact[data-astro-cid-iitoow3x]{justify-content:space-between;align-items:end;gap:var(--space-6);margin-top:var(--space-16);border-radius:var(--radius-xl);background:var(--color-ink);color:var(--color-on-ink);flex-wrap:wrap;padding:clamp(1.75rem,5vw,3.75rem);display:flex}h2[data-astro-cid-iitoow3x]{letter-spacing:-.03em;max-width:14ch;margin:0;font-size:clamp(2rem,1.4rem + 3vw,3.4rem)}.contact__meta[data-astro-cid-iitoow3x]{margin:var(--space-3) 0 0;font-family:var(--font-mono);opacity:.85;font-size:.85rem}.contact__links[data-astro-cid-iitoow3x]{gap:var(--space-3);flex-wrap:wrap;display:flex}.btn--light[data-astro-cid-iitoow3x]{background:var(--color-on-ink);border-color:var(--color-on-ink);color:var(--color-ink)}.btn--outline-light[data-astro-cid-iitoow3x]{border-color:var(--color-on-ink);color:var(--color-on-ink)}.contact[data-astro-cid-iitoow3x] .btn[data-astro-cid-iitoow3x]:hover{box-shadow:4px 4px #34d399}.fix-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fix-card{gap:var(--space-3);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);transition:transform .5s var(--ease-spring), border-color .3s;flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}.fix-card--wide{grid-column:1/-1}.fix-card:before{content:"";background:repeating-linear-gradient(135deg, var(--color-warn) 0 14px, var(--color-ink) 14px 28px);height:8px;transition:transform .4s;position:absolute;inset:0 0 auto;transform:translateY(-100%)}.fix-card[data-status=broken],.fix-card[data-status=breaking]{border-color:var(--color-bad-line)}.fix-card[data-status=broken]:before,.fix-card[data-status=breaking]:before{transform:none}.fix-card:after{content:"";pointer-events:none;opacity:0;position:absolute;inset:0}.fix-card[data-status=breaking]{animation:.45s steps(4,end) card-glitch}.fix-card[data-status=fixed]:after{background:linear-gradient(100deg, transparent, var(--color-good-bg), transparent);will-change:transform, opacity;width:45%;animation:.9s ease-out wipe;inset:0 auto 0 0}.fix-card[data-status=fixed] .metric--after strong{animation:metric-in .55s var(--ease-spring)}@keyframes card-glitch{25%{transform:translate(-5px)rotate(-.6deg)}50%{transform:translate(4px)rotate(.5deg)}75%{transform:translate(-2px)}}@keyframes wipe{0%{opacity:1;transform:translate(-100%)}80%{opacity:1}to{opacity:0;transform:translate(240%)}}@keyframes metric-in{0%{opacity:0;transform:scale(1.25)}}html[data-site=broken] .fix-card[data-status=broken]:nth-child(odd){transform:rotate(-.5deg)}html[data-site=broken] .fix-card[data-status=broken]:nth-child(2n){transform:rotate(.4deg)}.fix-card__head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.fix-card__kicker{font-family:var(--font-mono);color:var(--color-muted);font-size:.75rem}.fix-card h3{margin:0;font-size:1.25rem}.fix-card__desc{color:var(--color-muted);margin:0;font-size:.92rem}.fix-card__demo{padding:var(--space-3);background:var(--color-sunken);border:1px solid var(--color-line);border-radius:var(--radius-md);position:relative}.fix-card__actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.fix-card__note{min-height:1lh;color:var(--color-muted);flex-basis:100%;font-size:.78rem}.fix-card__prod{padding-top:var(--space-3);border-top:1px dashed var(--color-line);color:var(--color-muted);margin:0;font-size:.82rem}.fix-card__prod strong{color:var(--color-ink)}.status-pill{font-family:var(--font-mono);white-space:nowrap;text-align:center;border-radius:999px;min-width:6.5rem;padding:.25rem .65rem;font-size:.72rem;font-weight:600}.status-pill--healthy{background:var(--color-good-bg);color:var(--color-good)}.status-pill--broken{background:var(--color-bad-bg);color:var(--color-bad)}.status-pill--breaking,.status-pill--fixing{background:var(--color-busy-bg);color:var(--color-busy)}.status-pill--fixed{background:var(--color-good);color:var(--color-on-good);animation:stamp .5s var(--ease-spring)}@keyframes stamp{0%{opacity:0;transform:scale(1.7)rotate(-8deg)}}.metrics{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.metric{min-height:96px;padding:var(--space-3);border:1px solid var(--color-line);border-radius:12px}.metric small{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);font-size:.7rem;display:block}.metric strong{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:1.1rem;display:block}.metric--before strong{color:var(--color-bad)}.metric--after strong{color:var(--color-good)}.metric span{min-height:2lh;color:var(--color-muted);font-size:.74rem;display:block}.plot-canvas{background:var(--color-night-panel);border-radius:10px;width:100%;height:200px}.freeze-overlay{inset:var(--space-3);padding:var(--space-6);color:#fff;text-align:center;background:#b3261ee6;border-radius:10px;place-items:center;font-weight:600;display:grid;position:absolute}.jank-app{background:var(--color-night-panel);border-radius:10px;height:170px;display:flex;overflow:hidden}.jank-app__side{color:#c9d3e5;white-space:nowrap;background:#1c2230;width:0;font-size:.78rem;transition:width .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.jank-app--open .jank-app__side{width:42%}.jank-app__side div{border-bottom:1px solid #2a3244;padding:.6rem .9rem}.jank-app__graph{flex:1;position:relative}.jank-app__graph i{background:#34d399;border-radius:50%;width:10px;height:10px;position:absolute}.waterfall{font-family:var(--font-mono);gap:6px;font-size:.72rem;display:grid}.waterfall__row{gap:var(--space-2);grid-template-columns:7.5rem 1fr 4rem;align-items:center;display:grid}.waterfall__row[data-state=idle]{opacity:.45}.waterfall__track{background:var(--color-track);border-radius:3px;height:10px;position:relative;overflow:hidden}.waterfall__bar{background:var(--color-accent);border-radius:3px;transition:width .6s;position:absolute;inset:0 auto 0 0}.waterfall__row[data-state=lazy] .waterfall__bar{background:var(--color-violet)}.waterfall__size{text-align:right}.route-buttons{min-height:76px;margin-top:var(--space-3);flex-wrap:wrap;align-content:flex-start;gap:6px;display:flex}.late-slot{overflow:hidden}.late-slot--reserved,.late-spacer{height:72px}.late-banner,.late-skeleton{border-radius:10px;height:72px}.late-banner{padding:0 var(--space-4);background:var(--color-busy-bg);color:var(--color-busy-ink);align-items:center;font-size:.85rem;display:flex}.skeleton,.late-skeleton{background:linear-gradient(90deg, var(--color-skeleton), var(--color-skeleton-hi), var(--color-skeleton));background-size:200% 100%;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.entity-list{height:210px;margin:var(--space-2) 0 0;overscroll-behavior:contain;gap:6px;padding:0 4px 0 0;list-style:none;display:grid;overflow-y:auto}.entity{min-height:54px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-line);background:var(--color-surface);border-radius:10px;justify-content:space-between;align-items:center;font-size:.84rem;display:flex}.entity--waiting{border-color:#0000}.network-stats{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);font-family:var(--font-mono);flex-wrap:wrap;font-size:.8rem;display:flex}.pulse-dot{background:var(--color-good);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.pulse-dot--hot{background:var(--color-bad);animation:.25s infinite blink}@keyframes blink{50%{opacity:.2}}.a11y-demo{padding:var(--space-4);border:1px solid var(--color-line);background:var(--color-surface);border-radius:10px}.a11y-demo__bar{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.a11y-demo__ctl{border:1px solid var(--color-line);background:var(--color-chip);min-height:36px;color:inherit;font:inherit;cursor:pointer;border-radius:8px;padding:.35rem .8rem;font-size:.82rem}.a11y-demo table{border-collapse:collapse;width:100%;font-size:.82rem}.a11y-demo th,.a11y-demo td{text-align:left;border-bottom:1px solid var(--color-line-soft);padding:.45rem .5rem}.a11y-demo [tabindex="0"]{background:var(--color-focus-fill)}.a11y-demo p{margin:var(--space-3) 0 0;font-size:.82rem}.a11y-demo th{cursor:pointer;user-select:none}.a11y-demo td{overflow-wrap:break-word}.sort-indicator{color:var(--color-muted);margin-left:.35em;font-size:.75em;display:inline-block}.a11y-demo th[aria-sort] .sort-indicator{color:var(--color-accent)}.table-wrap{position:relative}.focus-glide{z-index:1;border:3px solid var(--color-accent);pointer-events:none;opacity:0;border-radius:7px;transition:transform .18s cubic-bezier(.3,1.2,.5,1),width .18s,height .18s,opacity .15s;position:absolute;top:0;left:0}.focus-glide--on{opacity:1}.a11y-demo--fixed table :focus-visible{outline:none}.a11y-demo__keys kbd{border:1px solid var(--color-line);background:var(--color-chip);text-align:center;border-bottom-width:2px;border-radius:5px;min-width:1.6em;margin-right:2px;padding:0 .3em;font-size:.72rem;display:inline-block}.a11y-demo__keys--none{position:relative}.a11y-demo__keys-ghost{visibility:hidden}.a11y-demo__keys-message{position:absolute;inset:0}.a11y-demo .a11y-demo__keys,.a11y-demo .a11y-demo__status{color:var(--color-muted);font-size:.76rem}.a11y-demo .a11y-demo__status{min-height:1.5em;margin-top:var(--space-1)}.menu{position:relative}.menu__list{transform-origin:0 0;z-index:5;border:1px solid var(--color-line);background:var(--color-surface);border-radius:10px;min-width:11rem;margin:0;padding:4px;list-style:none;animation:.14s ease-out menu-in;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 12px 28px -12px #00000059}.menu--end .menu__list{transform-origin:100% 0;left:auto;right:0}@keyframes menu-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}}.menu__item{cursor:pointer;border-radius:7px;align-items:center;gap:.4rem;min-height:36px;padding:.3rem .6rem;font-size:.82rem;display:flex}.menu__item:hover,.menu__item:focus-visible{background:var(--color-hover)}.menu__check{width:1em;color:var(--color-good)}.a11y-demo--broken{background:var(--color-broken-bg)}.a11y-demo--broken *,.a11y-demo--broken{outline:none!important}.a11y-demo--broken .a11y-demo__ctl,.a11y-demo--broken th,.a11y-demo--broken td,.a11y-demo--broken p{color:var(--color-broken-ink)}.i18n-panel{margin-bottom:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);background:var(--color-surface);border-radius:10px;animation:.35s ease-out lang-in}.i18n-panel h4{margin:0 0 var(--space-1);font-size:1.05rem}.i18n-panel p{margin:0 0 var(--space-3);color:var(--color-muted);font-size:.86rem}.i18n-panel__chips{gap:var(--space-2);flex-wrap:wrap;font-size:.8rem;display:flex}.i18n-panel__chips>span{background:var(--color-sunken);border-radius:999px;padding:.2rem .6rem}.i18n-panel__chips .primary{background:var(--color-ink);color:var(--color-on-ink)}.raw-key{font-family:var(--font-mono);color:var(--color-bad);font-size:.85em}.i18n-controls{gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;align-items:center;font-size:.8rem;display:flex}.i18n-note{flex-basis:100%;min-height:1lh}.i18n-controls select{border:1.5px solid var(--color-ink);background:var(--color-surface);min-height:36px;font:inherit;border-radius:8px;padding:.3rem .6rem}.type-snippet{padding:var(--space-3);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--color-night);color:#d6d6d0;border-radius:10px;margin:0;font-size:.72rem}@keyframes lang-in{0%{transform:translateY(6px)scale(.99)}}.results-scroll{border-radius:var(--radius-lg);border:1px solid var(--color-line);overflow-x:auto}.results{table-layout:fixed;border-collapse:collapse;background:var(--color-surface);width:100%;min-width:600px;font-size:.9rem}.results th,.results td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-line-soft);vertical-align:top}.results tr:last-child td{border-bottom:0}.results th{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);background:var(--color-table-head);font-size:.72rem}.results tbody th{letter-spacing:0;text-transform:none;color:var(--color-ink);background:0 0;font-size:.9rem;font-weight:500}.results .before{color:var(--color-bad);font-family:var(--font-mono)}.results .after{color:var(--color-good);font-family:var(--font-mono)}.pr-line{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-family:var(--font-mono);font-size:.88rem;display:flex}.pr-badge{color:var(--color-on-good);background:var(--color-good);border-radius:999px;padding:.2rem .75rem;font-size:.78rem;font-weight:600;display:inline-block}.pr-badge--merged{animation:merged .8s var(--ease-spring);background:var(--color-merged);color:var(--color-on-merged)}.pr-badge--none{background:var(--color-muted);color:var(--color-on-ink)}@keyframes merged{0%{box-shadow:0 0 0 0 var(--color-merged);transform:scale(.6)}60%{transform:scale(1.1);box-shadow:0 0 0 10px #0000}}.results--merged tbody tr{animation:.5s ease-out both row-in;animation-delay:calc(var(--i) * 90ms)}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}}.controls{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.controls .btn{min-width:11.5rem}.controls__next{min-height:1.6em;color:var(--color-muted);flex-basis:100%;margin:0;font-size:.88rem}.controls__next a{color:var(--color-ink);text-underline-offset:3px;font-weight:600;animation:.4s ease-out next-in;display:inline-block}@keyframes next-in{0%{transform:translateY(-6px)}}.controls__note{color:var(--color-muted);flex-basis:100%;font-size:.82rem}.toast-region{top:calc(var(--header-height) + var(--space-3));z-index:60;pointer-events:none;contain:layout style;width:min(440px,100vw - 2rem);position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--color-night);border:1px solid var(--color-night-edge);color:#fff;font-family:var(--font-mono);border-radius:12px;padding:.7rem .95rem .8rem;font-size:.8rem;line-height:1.5;display:none;box-shadow:0 12px 30px -12px #00000080}.toast--visible{display:block}.toast strong{color:#34d399;margin-bottom:.15rem;font-weight:500;display:block}.toast--warn strong{color:var(--color-warn)}.toast__steps{gap:4px;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.toast__steps li{background:#ffffff29;border-radius:2px;flex:1;height:4px;transition:background-color .3s}.toast__steps li[data-state=active]{background:var(--color-warn);animation:.8s ease-in-out infinite step-pulse}.toast__steps--fix li[data-state=done]{background:#34d399}.toast__steps--break li[data-state=done]{background:#ff6b5e}@keyframes step-pulse{50%{opacity:.45}}.hud{left:50%;bottom:var(--space-3);z-index:50;background:var(--color-night);border:1px solid var(--color-night-edge);color:#e9e9e4;max-width:calc(100vw - 1.25rem);font-family:var(--font-mono);border-radius:14px;gap:2px;padding:6px;font-size:.74rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 16px 40px -14px #00000080}.hud__cell{text-align:center;border-radius:9px;min-width:84px;padding:5px 10px}.hud__cell small{letter-spacing:.08em;text-transform:uppercase;color:var(--color-night-muted);font-size:.62rem;display:block}.hud__cell strong{font-size:.95rem;display:inline-block}.hud__cell[data-level=good] strong{color:#34d399;animation:.5s ease-out hud-good}.hud__cell[data-level=warn] strong{color:var(--color-warn)}.hud__cell[data-level=bad]{background:#ff7a6e1f}.hud__cell[data-level=bad] strong{color:#ff8a7e;animation:.5s ease-out hud-bad}@keyframes hud-good{0%{transform:scale(1.3)}}@keyframes hud-bad{25%{transform:translate(-2px)}75%{transform:translate(2px)}}.hud__cell[data-level=na] strong{color:#8d8d86;font-weight:500}.hud__label{color:var(--color-night-muted);text-align:left;flex-direction:column;justify-content:center;padding:0 8px;display:flex}.hud__short{display:none}@container (width<=440px){.metrics{grid-template-columns:minmax(0,1fr)}.metric{min-height:0}.fix-card__note,.i18n-note,.i18n-panel h4,.i18n-panel p{min-height:2lh}.i18n-panel__chips{min-height:calc(2 * (.8rem * 1.6 + .4rem) + var(--space-2));align-content:flex-start}.route-buttons{grid-template-columns:repeat(2,minmax(0,1fr));min-height:120px;display:grid}}@container (width<=300px){.route-buttons{grid-template-columns:minmax(0,1fr);min-height:204px}.i18n-panel p{min-height:3lh}.i18n-panel__chips{min-height:calc(3 * (.8rem * 1.6 + .4rem) + 2 * var(--space-2))}.a11y-demo table{font-size:.74rem}.a11y-demo th,.a11y-demo td{padding:.4rem .3rem}}@media (forced-colors:active){.status-pill,.pr-badge,.metric,.hud,.toast,.a11y-demo__ctl,.menu__list{border:1px solid canvastext}.a11y-demo [tabindex="0"],.menu__item:focus-visible{outline:2px solid highlight}.fix-card[data-status=broken]{border:2px dashed canvastext}}@media (width<=900px){.fix-grid{grid-template-columns:1fr}}@media (width<=720px){.hud{max-width:none;padding:4px 6px calc(4px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;justify-content:space-around;bottom:0;left:0;right:0;transform:none}.hud__cell{flex:1;min-width:0;padding:4px}.hud__label,.hud__cell--optional,.hud__long{display:none}.hud__short{display:inline}.hud__cell strong{font-size:.85rem}.toast{font-size:.74rem}}@media (width<=480px){.controls .btn{flex:100%}}