:root{color-scheme:light dark;--color-brand-50: oklch(.97 .02 152);--color-brand-100: oklch(.93 .04 152);--color-brand-200: oklch(.87 .07 152);--color-brand-300: oklch(.79 .1 152);--color-brand-400: oklch(.7 .13 152);--color-brand-500: oklch(.62 .15 152);--color-brand-600: oklch(.54 .14 152);--color-brand-700: oklch(.46 .12 152);--color-brand-800: oklch(.38 .1 152);--color-brand-900: oklch(.3 .08 152);--color-brand-950: oklch(.22 .06 152);--color-ground-base: oklch(.985 .002 100);--color-ground-grouped: oklch(.965 .003 100);--color-ground-raised: oklch(1 0 0);--color-ground-overlay: oklch(1 0 0);--color-ground-sunlight: oklch(1 0 0);--color-ink-primary: oklch(.22 .01 100);--color-ink-secondary: color-mix(in oklab, oklch(.22 .01 100) 64%, transparent);--color-ink-tertiary: color-mix(in oklab, oklch(.22 .01 100) 48%, transparent);--color-ink-onBrand: oklch(.99 0 0);--color-line-hairline: color-mix(in oklab, oklch(.22 .01 100) 12%, transparent);--color-line-strong: color-mix(in oklab, oklch(.22 .01 100) 48%, transparent);--color-state-serving: oklch(.55 .15 152);--color-state-pending: oklch(.57 .14 75);--color-state-conflict: oklch(.58 .19 25);--color-state-offline: oklch(.55 .02 260);--glass-scrim: color-mix(in oklab, oklch(.985 .002 100) 72%, transparent);--glass-blur: 20px;--glass-blurMax: 24px;--glass-saturate: 1.8;--glass-specular: color-mix(in oklab, oklch(1 0 0) 35%, transparent);--glass-defaultIntensity: 40;--glass-scrimOpaque: .96;--glass-scrimFloor: .56;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 999px;--size-target: 44px;--type-family-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--type-family-data: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--type-size-caption: .75rem;--type-size-body: 1.0625rem;--type-size-title: 1.375rem;--type-size-display: 2.125rem;--type-size-score: 3.5rem;--type-weight-regular: 400;--type-weight-medium: 530;--type-weight-bold: 680;--type-numeric-tabular: tabular-nums;--motion-duration-tick: .12s;--motion-duration-reveal: .24s;--motion-duration-focus: .32s;--motion-duration-transition: .48s;--motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--motion-easing-enter: cubic-bezier(0, 0, 0, 1);--motion-easing-exit: cubic-bezier(.3, 0, 1, 1)}:root{--glass-intensity: var(--glass-defaultIntensity)}.rs-glass{--rs-glass-t: calc(var(--glass-intensity) / 100);--rs-glass-alpha: calc( var(--glass-scrimOpaque) - (var(--glass-scrimOpaque) - var(--glass-scrimFloor)) * var(--rs-glass-t) );background:color-mix(in oklab,var(--color-ground-base) calc(var(--rs-glass-alpha) * 100%),transparent);border:1px solid var(--color-line-hairline);box-shadow:inset 0 1px 0 var(--glass-specular)}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){:root{--glass-intensity: 0}}@supports (backdrop-filter: blur(1px)){.rs-glass{-webkit-backdrop-filter:blur(calc(var(--glass-blurMax) * var(--rs-glass-t))) saturate(var(--glass-saturate));backdrop-filter:blur(calc(var(--glass-blurMax) * var(--rs-glass-t))) saturate(var(--glass-saturate))}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--type-family-ui);font-size:var(--type-size-body);color:var(--color-ink-primary);background:var(--color-ground-base);font-variant-numeric:var(--type-numeric-tabular);-webkit-text-size-adjust:100%}.app{display:flex;flex-direction:column;gap:var(--space-4);max-width:34rem;margin:0 auto;min-height:100%;padding:calc(env(safe-area-inset-top) + var(--space-3)) calc(env(safe-area-inset-right) + var(--space-4)) calc(env(safe-area-inset-bottom) + var(--space-4)) calc(env(safe-area-inset-left) + var(--space-4))}.bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg)}.brand{font-weight:var(--type-weight-bold);margin-right:auto}.pill{font-size:var(--type-size-caption);padding:2px var(--space-2);border-radius:var(--radius-full);border:1px solid var(--color-line-hairline)}.pill--ok{color:var(--color-brand-700)}.pill--offline{color:var(--color-state-offline)}.pill--pending{color:var(--color-state-pending)}.pill--warn{color:var(--color-state-conflict)}.scoreboard{background:var(--color-ground-raised);border:1px solid var(--color-line-hairline);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-4);text-align:center}.scoreline{font-size:var(--type-size-title);font-weight:var(--type-weight-medium)}.muted{color:var(--color-ink-secondary)}.gamescore{font-size:var(--type-size-score);font-weight:var(--type-weight-bold);line-height:1.05;margin-top:var(--space-3)}.serving{color:var(--color-ink-secondary);font-size:var(--type-size-caption);margin-top:var(--space-2)}.outcome{margin-top:var(--space-4);font-size:var(--type-size-title);color:var(--color-brand-700)}.controls{display:flex;flex-direction:column;gap:var(--space-2)}.row{display:flex;gap:var(--space-2)}.btn{flex:1;min-height:var(--size-target);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-line-strong);background:var(--color-ground-raised);color:var(--color-ink-primary);font:inherit;cursor:pointer;transition:transform var(--motion-duration-tick) var(--motion-easing-standard)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-brand-600);outline-offset:2px}.btn--primary{min-height:calc(var(--size-target) * 1.6);background:var(--color-brand-600);color:var(--color-ink-onBrand);border-color:var(--color-brand-700);font-weight:var(--type-weight-medium)}.btn--quiet{color:var(--color-ink-secondary)}.settings{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.settings select{min-height:var(--size-target);font:inherit;border-radius:var(--radius-sm)}.raw{font-family:var(--type-family-data);font-size:var(--type-size-caption);color:var(--color-ink-secondary)}.foot{margin-top:auto;font-size:var(--type-size-caption);color:var(--color-ink-secondary)}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.capture{display:flex;flex-direction:column;gap:var(--space-3)}.capture__stage{position:relative;aspect-ratio:16 / 9;width:100%;overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--color-line-hairline);background:var(--color-brand-950)}.capture__video{width:100%;height:100%;object-fit:cover;display:block}.capture__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);text-align:center;color:var(--color-ink-onBrand);font-size:var(--type-size-caption)}.capture__hud{position:absolute;left:var(--space-3);bottom:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--color-brand-950);color:var(--color-ink-onBrand)}.capture__hud-game{font-size:var(--type-size-title);font-weight:var(--type-weight-bold)}.capture__hud-sets,.capture__hud-serving{font-size:var(--type-size-caption)}.capture__notice{margin:0;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-line-strong);background:var(--color-ground-grouped);font-size:var(--type-size-caption);color:var(--color-ink-secondary)}.clips{display:flex;flex-direction:column;gap:var(--space-2)}.clips__title{margin:0;font-size:var(--type-size-body);font-weight:var(--type-weight-medium);display:flex;align-items:center;gap:var(--space-2)}.clips__count{font-family:var(--type-family-data);font-size:var(--type-size-caption);color:var(--color-ink-secondary)}.clips__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.clips__row{display:flex;align-items:baseline;gap:var(--space-3);background:var(--color-ground-raised);border:1px solid var(--color-line-hairline);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);min-height:var(--size-target)}.clips__time{font-family:var(--type-family-data);font-weight:var(--type-weight-medium)}.clips__body{display:flex;flex-direction:column;gap:var(--space-1)}.clips__label{font-size:var(--type-size-caption)}.clips__score{font-family:var(--type-family-data);font-size:var(--type-size-caption);color:var(--color-ink-secondary)}.views{display:flex;gap:var(--space-1);margin-left:auto}.views__btn{min-height:var(--size-target);padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-line-strong);background:transparent;color:var(--color-ink-secondary);font:inherit;cursor:pointer}.views__btn[aria-current=page]{background:var(--color-brand-600);border-color:var(--color-brand-700);color:var(--color-ink-onBrand)}.shell{min-height:100%}.shell__main{display:flex;flex-direction:column;gap:var(--space-4);max-width:44rem;margin:0 auto;padding:calc(env(safe-area-inset-top) + var(--space-3)) calc(env(safe-area-inset-right) + var(--space-4)) calc(env(safe-area-inset-bottom) + var(--space-16) + var(--space-4)) calc(env(safe-area-inset-left) + var(--space-4))}.nav__entry{display:flex;align-items:center;gap:var(--space-2);min-height:var(--size-target);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-ink-secondary);text-decoration:none;font:inherit;cursor:pointer;position:relative}.nav__entry[aria-current=page]{color:var(--color-ink-primary);background:var(--color-ground-raised);border-color:var(--color-line-hairline);font-weight:var(--type-weight-medium)}.nav__label{white-space:nowrap}.icon{flex:none}.dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);position:absolute;top:var(--space-2);right:var(--space-2)}.dot--scaffold{background:var(--color-ink-tertiary)}.dot--preview{background:var(--color-state-pending)}.rail{display:none}.bar-nav{position:fixed;left:var(--space-2);right:var(--space-2);bottom:calc(env(safe-area-inset-bottom) + var(--space-2));z-index:3;display:flex;justify-content:space-around;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-xl)}.bar-nav .nav__entry{flex-direction:column;gap:0;padding:var(--space-1) var(--space-2)}.bar-nav .nav__label{font-size:var(--type-size-caption)}.sheet{border:none;padding:0;background:transparent;max-width:100%;max-height:100%;width:100%;margin:auto auto 0}.sheet::backdrop{background:color-mix(in oklab,black 45%,transparent)}.sheet__panel{width:100%;max-width:34rem;display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-ground-raised);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-4);padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-4))}.sheet__title{margin:0;font-size:var(--type-size-title)}@media(min-width:60rem){.shell{display:grid;grid-template-columns:16rem 1fr}.rail{display:flex;flex-direction:column;gap:var(--space-1);position:sticky;top:0;align-self:start;max-height:100vh;margin:var(--space-3);padding:var(--space-3);border-radius:var(--radius-xl)}.rail__brand{font-weight:var(--type-weight-bold);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2)}.bar-nav{display:none}.shell__main{padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-6))}}.persona{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg)}.persona select{min-height:var(--size-target);font:inherit;border-radius:var(--radius-sm)}.persona__search{min-height:var(--size-target);font:inherit;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-line-strong);background:var(--color-ground-raised);color:var(--color-ink-primary)}.persona__count{margin:0;font-size:var(--type-size-caption);color:var(--color-ink-secondary)}.persona__note{margin:0;font-size:var(--type-size-caption)}.persona__warn{margin:0;font-size:var(--type-size-caption);color:var(--color-ink-secondary);border-left:2px solid var(--color-line-strong);padding-left:var(--space-2)}.scaffold{display:flex;flex-direction:column;gap:var(--space-4)}.scaffold__head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.scaffold__title{margin:0;font-size:var(--type-size-display)}.scaffold__lede{margin:0;font-size:var(--type-size-body)}.scaffold__blocked{margin:0;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-line-strong);background:var(--color-ground-grouped);font-size:var(--type-size-caption)}.tag{font-size:var(--type-size-caption);font-family:var(--type-family-data);padding:2px var(--space-2);border-radius:var(--radius-full);border:1px solid var(--color-line-strong);color:var(--color-ink-secondary)}.tag--scaffold{color:var(--color-ink-secondary)}.tag--preview{color:var(--color-state-pending);border-color:var(--color-state-pending)}.tag--minor{color:var(--color-state-conflict);border-color:var(--color-state-conflict)}.panel{background:var(--color-ground-raised);border:1px solid var(--color-line-hairline);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.panel__title{margin:0;font-size:var(--type-size-body);font-weight:var(--type-weight-medium)}.panel__note{margin:0;font-size:var(--type-size-caption);color:var(--color-ink-secondary)}.six{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-4)}.six dt{font-size:var(--type-size-caption);color:var(--color-ink-secondary)}.six dd{margin:0;font-size:var(--type-size-caption)}.tablewrap{overflow-x:auto;overscroll-behavior-x:contain;min-width:0}.classes{width:100%;border-collapse:collapse;font-size:var(--type-size-caption)}.classes th{text-align:left;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-line-strong)}.classes td{padding:var(--space-2);border-bottom:1px solid var(--color-line-hairline);vertical-align:top}.classes__api{color:var(--color-ink-secondary)}.screens{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.screens__row{font-size:var(--type-size-caption)}.screens__name{font-weight:var(--type-weight-medium);display:block}.screens__note{color:var(--color-ink-secondary)}.constraints{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--type-size-caption)}code{font-family:var(--type-family-data);font-size:.95em}.subnav,.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{min-height:var(--size-target);display:inline-flex;align-items:center;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-line-strong);background:var(--color-ground-raised);color:var(--color-ink-secondary);text-decoration:none;font:inherit;font-size:var(--type-size-caption);cursor:pointer}.chip[aria-current=page],.chip[aria-pressed=true]{background:var(--color-brand-600);border-color:var(--color-brand-700);color:var(--color-ink-onBrand)}.figures{display:flex;flex-wrap:wrap;gap:var(--space-4)}.figure{display:flex;flex-direction:column;gap:var(--space-1);min-width:8rem}.figure__value{font-family:var(--type-family-data);font-size:var(--type-size-title);font-weight:var(--type-weight-bold)}.figure__label{font-size:var(--type-size-caption);color:var(--color-ink-secondary)}.figure__note{font-size:var(--type-size-caption);color:var(--color-ink-secondary);max-width:22rem}.refused{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);border:1px dashed var(--color-line-strong);background:var(--color-ground-grouped)}.refused--resolved{border-style:solid;border-color:var(--color-line-hairline)}.refused__what{font-weight:var(--type-weight-medium);font-size:var(--type-size-caption)}.refused__why{font-size:var(--type-size-caption);color:var(--color-ink-secondary)}.insufficient{margin:0;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-state-pending);font-size:var(--type-size-caption)}.layers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--type-size-caption)}.layers li{display:flex;align-items:center;gap:var(--space-2)}.layers__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-line-strong)}.layers__on .layers__dot{background:var(--color-brand-600)}.layers__off{color:var(--color-ink-tertiary)}.news{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.news__row{display:flex;flex-direction:column;gap:var(--space-1)}.news__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--type-size-caption);color:var(--color-ink-secondary)}.news__headline{font-weight:var(--type-weight-medium)}.news__where,.news__outlet,.news__date{font-size:var(--type-size-caption);color:var(--color-ink-secondary)}.boards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.boards__link{display:flex;flex-direction:column;gap:var(--space-1);min-height:var(--size-target);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-line-hairline);text-decoration:none;color:var(--color-ink-primary)}.boards__title{font-weight:var(--type-weight-medium)}.boards__meta{font-size:var(--type-size-caption);color:var(--color-ink-secondary)}.compare__value{font-family:var(--type-family-data)}.links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.links__link{display:flex;flex-direction:column;gap:var(--space-1);min-height:var(--size-target);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-line-hairline);text-decoration:none;color:var(--color-ink-primary)}.links__head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.links__title{font-weight:var(--type-weight-medium)}.links__note{font-size:var(--type-size-caption);color:var(--color-ink-secondary)}.links__host{font-family:var(--type-family-data);font-size:var(--type-size-caption);color:var(--color-ink-tertiary)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}