:root{--bg: #F5F6F8;--surface: #FFFFFF;--raised: #FFFFFF;--sunken: #ECEEF2;--sunken-2: #E2E5EA;--ink: #0E1116;--ink-2: #4C5461;--ink-3: #636B78;--ink-4: #9AA1AC;--line: #E2E5EA;--line-strong: #CDD2DA;--scrim: rgba(14,17,22,.36);--primary: #0E1116;--primary-hover: #2A2F38;--primary-ink: #FFFFFF;--accent: #3346D3;--accent-hover: #2738B8;--accent-ink: #FFFFFF;--accent-soft: #E9ECFC;--accent-text: #2F41C4;--focus: #3346D3;--focus-ring: rgba(51,70,211,.22);--works: #1C8F57;--works-soft: #E3F4EA;--works-text: #146B41;--broken: #D2353B;--broken-soft: #FCEDEE;--broken-line: #F4CDD0;--broken-text: #B32A30;--differs: #C77700;--differs-soft: #FDF2DF;--differs-text: #8A5200;--kept: #3346D3;--kept-soft: #E9ECFC;--kept-text: #2F41C4;--uncovered: #A3AAB5;--unchecked: #7D8592;--untested: #CBD0D8;--sheen-1: #4F66FF;--sheen-2: #17B3C6;--sheen-3: #8E5CF6;--sheen: linear-gradient(115deg,var(--sheen-1),var(--sheen-2) 50%,var(--sheen-3));--layer-design: #0089C7;--layer-app: #C2186B;--font-sans: "Mona Sans","IBM Plex Sans Arabic",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-arabic: "IBM Plex Sans Arabic","Mona Sans",system-ui,sans-serif;--font-mono: ui-monospace,"SF Mono",Menlo,Consolas,monospace;--stretch-display: 112%;--stretch-text: 100%;--t-2xs: 11px;--t-xs: 12px;--t-sm: 13px;--t-md: 15px;--t-lg: 18px;--t-xl: 24px;--t-2xl: 34px;--t-3xl: 48px;--lh-tight: 1.15;--lh-snug: 1.3;--lh: 1.5;--w-regular: 420;--w-medium: 520;--w-semibold: 620;--w-display: 680;--track-display: -0.032em;--track-heading: -0.015em;--track-caps: .04em;--s-0: 0;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--e-0: none;--e-1: 0 1px 2px rgba(14,17,22,.05);--e-2: 0 1px 2px rgba(14,17,22,.06),0 10px 28px -12px rgba(14,17,22,.18);--e-3: 0 2px 6px rgba(14,17,22,.06),0 28px 64px -18px rgba(14,17,22,.32);--e-frame: 0 0 0 1px rgba(14,17,22,.08),0 6px 18px -8px rgba(14,17,22,.22);--dur-1: 120ms;--dur-2: 200ms;--dur-3: 320ms;--dur-sheen: 2400ms;--ease: cubic-bezier(.2,.7,.2,1);--ease-out: cubic-bezier(.16,1,.3,1);--z-top: 20;--z-rail: 25;--z-drawer: 30;--z-dialog: 40;--z-toast: 50;--canvas: var(--bg);--font: var(--font-sans);--mono: var(--font-mono);--nottested: var(--untested);--shadow: var(--e-1);--shadow-hover: var(--e-2);color-scheme: light}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg: #0B0D11;--surface: #14171D;--raised: #1A1E25;--sunken: #1B1F27;--sunken-2: #242933;--ink: #EEF1F5;--ink-2: #A6AEBA;--ink-3: #8C95A2;--ink-4: #5E6672;--line: #242932;--line-strong: #353B47;--scrim: rgba(0,0,0,.55);--primary: #EEF1F5;--primary-hover: #FFFFFF;--primary-ink: #0B0D11;--accent: #8C9BFF;--accent-hover: #A6B2FF;--accent-ink: #0B0D11;--accent-soft: #1E2342;--accent-text: #A3AFFF;--focus: #8C9BFF;--focus-ring: rgba(140,155,255,.28);--works: #45C988;--works-soft: #12291D;--works-text: #6FDBA4;--broken: #FF6B6B;--broken-soft: #2C1517;--broken-line: #4A2226;--broken-text: #FF8A8A;--differs: #F2A93B;--differs-soft: #2E2210;--differs-text: #F7C26E;--kept: #8C9BFF;--kept-soft: #1E2342;--kept-text: #A3AFFF;--uncovered: #5A626E;--unchecked: #8C95A2;--untested: #3A404B;--sheen-1: #7186FF;--sheen-2: #3FD3E0;--sheen-3: #B28CFF;--layer-design: #3CC3F2;--layer-app: #FF5C9C;--e-1: none;--e-2: 0 0 0 1px rgba(255,255,255,.03),0 14px 32px -14px rgba(0,0,0,.7);--e-3: 0 0 0 1px rgba(255,255,255,.05),0 30px 70px -20px rgba(0,0,0,.8);--e-frame: 0 0 0 1px rgba(255,255,255,.09);color-scheme: dark}}:root[data-theme="dark"]{--bg: #0B0D11;--surface: #14171D;--raised: #1A1E25;--sunken: #1B1F27;--sunken-2: #242933;--ink: #EEF1F5;--ink-2: #A6AEBA;--ink-3: #8C95A2;--ink-4: #5E6672;--line: #242932;--line-strong: #353B47;--scrim: rgba(0,0,0,.55);--primary: #EEF1F5;--primary-hover: #FFFFFF;--primary-ink: #0B0D11;--accent: #8C9BFF;--accent-hover: #A6B2FF;--accent-ink: #0B0D11;--accent-soft: #1E2342;--accent-text: #A3AFFF;--focus: #8C9BFF;--focus-ring: rgba(140,155,255,.28);--works: #45C988;--works-soft: #12291D;--works-text: #6FDBA4;--broken: #FF6B6B;--broken-soft: #2C1517;--broken-line: #4A2226;--broken-text: #FF8A8A;--differs: #F2A93B;--differs-soft: #2E2210;--differs-text: #F7C26E;--kept: #8C9BFF;--kept-soft: #1E2342;--kept-text: #A3AFFF;--uncovered: #5A626E;--unchecked: #8C95A2;--untested: #3A404B;--sheen-1: #7186FF;--sheen-2: #3FD3E0;--sheen-3: #B28CFF;--layer-design: #3CC3F2;--layer-app: #FF5C9C;--e-1: none;--e-2: 0 0 0 1px rgba(255,255,255,.03),0 14px 32px -14px rgba(0,0,0,.7);--e-3: 0 0 0 1px rgba(255,255,255,.05),0 30px 70px -20px rgba(0,0,0,.8);--e-frame: 0 0 0 1px rgba(255,255,255,.09);color-scheme: dark}@media (prefers-reduced-motion: reduce){:root{--dur-1: 0ms;--dur-2: 0ms;--dur-3: 0ms;--dur-sheen: 0ms}}.rf-root,.rf-root *,.rf-root *::before,.rf-root *::after{box-sizing: border-box}.rf-root{background: var(--bg);color: var(--ink);font: var(--w-regular) var(--t-md) / var(--lh) var(--font-sans);font-stretch: var(--stretch-text);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}.rf-root :where(h1,h2,h3,h4,h5,p,figure,dl,dd){margin: 0}.rf-root :where(button,input,select,textarea){font: inherit;color: inherit}.rf-root :where(a){color: var(--accent-text);text-decoration: none}.rf-root :where(a:hover){text-decoration: underline;text-underline-offset: 2px}.rf-root :focus-visible{outline: 2px solid var(--focus);outline-offset: 2px;border-radius: var(--r-sm)}.rf-root [lang="ar"],.rf-root [dir="rtl"]{font-family: var(--font-arabic)}.rf-vh{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.rf-display{font-stretch: var(--stretch-display);font-weight: var(--w-display);letter-spacing: var(--track-display);line-height: var(--lh-tight);text-wrap: balance}.rf-h1{font-size: var(--t-2xl)}.rf-h2{font-size: var(--t-xl);font-stretch: var(--stretch-display);font-weight: var(--w-semibold);letter-spacing: var(--track-heading);line-height: var(--lh-snug)}.rf-h3{font-size: var(--t-lg);font-weight: var(--w-semibold);letter-spacing: var(--track-heading);line-height: var(--lh-snug)}.rf-meta{font-size: var(--t-sm);color: var(--ink-3)}.rf-mono,.rf-root code{font-family: var(--font-mono);font-size: .92em}.rf-kbd{display: inline-flex;align-items: center;min-width: 20px;height: 20px;padding: 0 5px;border-radius: var(--r-xs);border: 1px solid var(--line-strong);border-block-end-width: 2px;background: var(--surface);color: var(--ink-2);font: 500 var(--t-2xs) / 1 var(--font-mono);justify-content: center}.rf-mark{display: inline-block;width: 24px;height: 24px;color: var(--ink);flex: none}.rf-mark svg{display: block;width: 100%;height: 100%}.rf-mark .rf-mark-sheen,.rf-mark svg path:last-of-type{transition: filter var(--dur-3)}.rf-mark.is-live svg path:last-of-type,.rf-mark:hover svg path:last-of-type{animation: rf-sheen var(--dur-sheen) ease-in-out infinite}.rf-mark:hover svg path:last-of-type{animation-iteration-count: 1}@keyframes rf-sheen{0%,100%{filter: hue-rotate(0)}50%{filter: hue-rotate(70deg) brightness(1.15)}}.rf-lockup{display: inline-flex;align-items: center;gap: var(--s-2);color: var(--ink);font-stretch: var(--stretch-display);font-weight: 700;letter-spacing: -0.03em;font-size: var(--t-lg);line-height: 1;text-decoration: none}.rf-lockup:hover{text-decoration: none}.rf-btn,.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--s-2);height: 34px;padding-inline: 14px;border-radius: var(--r-md);border: 1px solid var(--line-strong);background: var(--surface);color: var(--ink);font-size: var(--t-sm);font-weight: var(--w-medium);white-space: nowrap;cursor: pointer;text-decoration: none;transition: background-color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.rf-btn:hover,.btn:hover{border-color: var(--ink-3);text-decoration: none}.rf-btn--primary,.btn.primary{background: var(--primary);border-color: var(--primary);color: var(--primary-ink)}.rf-btn--primary:hover,.btn.primary:hover{background: var(--primary-hover);border-color: var(--primary-hover)}.rf-btn--accent,.btn.accent{background: var(--accent);border-color: var(--accent);color: var(--accent-ink)}.rf-btn--accent:hover,.btn.accent:hover{background: var(--accent-hover);border-color: var(--accent-hover)}.rf-btn--ghost,.btn.ghost{background: transparent;border-color: transparent;color: var(--ink-2)}.rf-btn--ghost:hover,.btn.ghost:hover{background: var(--sunken);color: var(--ink)}.rf-btn--danger,.btn.danger{background: transparent;border-color: transparent;color: var(--broken-text)}.rf-btn--danger:hover,.btn.danger:hover{background: var(--broken-soft)}.rf-btn--sm,.btn.small{height: 28px;padding-inline: 10px;font-size: var(--t-xs);border-radius: var(--r-sm)}.rf-btn--lg{height: 42px;padding-inline: 20px;font-size: var(--t-md);border-radius: var(--r-md)}.rf-btn--icon{width: 34px;padding: 0}.rf-btn--icon.rf-btn--sm{width: 28px}.rf-btn[disabled],.btn[disabled],.rf-btn[aria-disabled="true"]{opacity: .45;cursor: default;pointer-events: none}.btn.primary-ghost{border-color: var(--accent);color: var(--accent-text)}.rf-btn svg,.btn svg{flex: none}.rf-field{display: grid;gap: 6px}.rf-field>.rf-label{font-size: var(--t-xs);font-weight: var(--w-medium);color: var(--ink-2)}.rf-field>.rf-hint{font-size: var(--t-xs);color: var(--ink-3)}.rf-field>.rf-error{font-size: var(--t-xs);color: var(--broken-text)}.rf-input,.rf-textarea,.rf-select{width: 100%;min-width: 0;height: 34px;padding-inline: 12px;border-radius: var(--r-md);border: 1px solid var(--line-strong);background: var(--surface);color: var(--ink);font-size: var(--t-sm);transition: border-color var(--dur-1),box-shadow var(--dur-1)}.rf-textarea{height: auto;min-height: 72px;padding-block: 8px;resize: vertical;line-height: var(--lh)}.rf-input::placeholder,.rf-textarea::placeholder{color: var(--ink-3)}.rf-input:focus,.rf-textarea:focus,.rf-select:focus{outline: none;border-color: var(--focus);box-shadow: 0 0 0 3px var(--focus-ring)}.rf-input[aria-invalid="true"]{border-color: var(--broken)}.rf-select{appearance: none;padding-inline-end: 30px;background-image: linear-gradient(45deg,transparent 50%,var(--ink-2) 50%),linear-gradient(-45deg,transparent 50%,var(--ink-2) 50%);background-size: 5px 5px;background-repeat: no-repeat;background-position: right 15px center,right 10px center}[dir="rtl"] .rf-select{background-position: left 10px center,left 15px center}.rf-search{position: relative;display: inline-flex;align-items: center;min-width: 0}.rf-search svg{position: absolute;inset-inline-start: 11px;color: var(--ink-3);pointer-events: none}.rf-search .rf-input{padding-inline-start: 32px;border-radius: var(--r-pill)}.rf-chip,.chip{display: inline-flex;align-items: center;gap: 7px;height: 32px;padding-inline: 13px;border-radius: var(--r-pill);border: 1px solid var(--line);background: var(--surface);color: var(--ink-2);font-size: var(--t-sm);font-weight: var(--w-medium);cursor: pointer;white-space: nowrap;transition: background-color var(--dur-1),color var(--dur-1),border-color var(--dur-1)}.rf-chip:hover,.chip:hover{color: var(--ink);border-color: var(--line-strong)}.rf-chip[aria-pressed="true"],.chip[aria-pressed="true"]{background: var(--ink);border-color: var(--ink);color: var(--bg)}.rf-chip .n,.chip .n{color: var(--ink-3);font-variant-numeric: tabular-nums}.rf-chip[aria-pressed="true"] .n,.chip[aria-pressed="true"] .n{color: inherit;opacity: .7}.rf-status{display: inline-flex;align-items: center;gap: 7px;font-size: var(--t-sm);color: var(--ink-2);white-space: nowrap}.rf-status::before{content: "";width: 8px;height: 8px;border-radius: 50%;flex: none;background: var(--untested)}.rf-status[data-state="matches"]::before{background: var(--works)}.rf-status[data-state="broken"]{color: var(--broken-text)}.rf-status[data-state="broken"]::before{background: var(--broken)}.rf-status[data-state="differs"]{color: var(--differs-text)}.rf-status[data-state="differs"]::before{background: var(--differs)}.rf-status[data-state="kept"]::before{background: transparent;box-shadow: inset 0 0 0 2px var(--kept)}.rf-status[data-state="unchecked"]::before{background: transparent;box-shadow: inset 0 0 0 1.5px var(--unchecked)}.rf-status[data-state="not-covered"]::before{background: transparent;border: 1.5px dashed var(--uncovered);width: 9px;height: 9px}.rf-status[data-state="not-planned"]{color: var(--ink-3)}.rf-status[data-state="not-planned"]::before{width: 9px;height: 2px;border-radius: 1px;background: var(--ink-3)}.rf-status[data-state="live"]::before{background: conic-gradient(var(--sheen-1),var(--sheen-2),var(--sheen-3),var(--sheen-1));animation: rf-spin 1.6s linear infinite}.rf-status--dot{font-size: 0;gap: 0}@keyframes rf-spin{to{transform: rotate(1turn)}}.rf-badge,.pill{display: inline-flex;align-items: center;gap: 6px;height: 22px;padding-inline: 9px;border-radius: var(--r-pill);font-size: var(--t-2xs);font-weight: var(--w-semibold);background: var(--sunken);color: var(--ink-2);white-space: nowrap}.rf-badge[data-tone="ok"],.pill.works{background: var(--works-soft);color: var(--works-text)}.rf-badge[data-tone="bad"],.pill.broken{background: var(--broken-soft);color: var(--broken-text)}.rf-badge[data-tone="warn"]{background: var(--differs-soft);color: var(--differs-text)}.rf-badge[data-tone="info"],.pill.waiting{background: var(--accent-soft);color: var(--accent-text)}.rf-badge[data-tone="solid"],.pill.accent{background: var(--ink);color: var(--bg)}.rf-count{display: inline-flex;align-items: center;justify-content: center;min-width: 18px;height: 18px;padding-inline: 5px;border-radius: var(--r-pill);background: var(--accent);color: var(--accent-ink);font-size: var(--t-2xs);font-weight: var(--w-semibold);font-variant-numeric: tabular-nums}.rf-card{background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-lg);padding: var(--s-4) var(--s-5);display: grid;gap: var(--s-2);min-width: 0;box-shadow: var(--e-1)}.rf-card--interactive{cursor: pointer;transition: border-color var(--dur-1),box-shadow var(--dur-2)}.rf-card--interactive:hover{border-color: var(--line-strong);box-shadow: var(--e-2)}.rf-tabs{display: flex;gap: var(--s-1);border-block-end: 1px solid var(--line)}.rf-tab{position: relative;border: 0;background: none;padding: 10px 2px;margin-inline-end: var(--s-4);color: var(--ink-2);font-size: var(--t-sm);font-weight: var(--w-medium);cursor: pointer}.rf-tab[aria-selected="true"]{color: var(--ink)}.rf-tab[aria-selected="true"]::after{content: "";position: absolute;inset-inline: 0;bottom: -1px;height: 2px;border-radius: 2px;background: var(--ink)}.rf-seg,.seg{display: inline-flex;padding: 3px;gap: 2px;border-radius: calc(var(--r-md) + 3px);background: var(--sunken)}.rf-seg button,.seg button{height: 28px;padding-inline: 12px;border: 0;border-radius: var(--r-md);background: none;color: var(--ink-2);font-size: var(--t-xs);font-weight: var(--w-medium);cursor: pointer;white-space: nowrap;display: inline-flex;align-items: center;gap: 6px}.rf-seg button:hover,.seg button:hover{color: var(--ink)}.rf-seg button[aria-pressed="true"],.seg button[aria-pressed="true"],.rf-seg button[aria-checked="true"]{background: var(--surface);color: var(--ink);box-shadow: 0 1px 2px rgba(14,17,22,.12),0 0 0 1px var(--line)}.rf-toast{position: fixed;inset-inline-start: 50%;bottom: calc(24px + env(safe-area-inset-bottom,0px));transform: translate(-50%,8px);background: var(--ink);color: var(--bg);padding: 10px 16px;border-radius: var(--r-md);font-size: var(--t-sm);box-shadow: var(--e-3);opacity: 0;pointer-events: none;transition: opacity var(--dur-2),transform var(--dur-2) var(--ease-out);max-width: min(90vw,560px);z-index: var(--z-toast)}[dir="rtl"] .rf-toast{transform: translate(50%,8px)}.rf-toast.is-on{opacity: 1;transform: translate(-50%,0)}[dir="rtl"] .rf-toast.is-on{transform: translate(50%,0)}.rf-scrim{position: fixed;inset: 0;background: var(--scrim);z-index: calc(var(--z-drawer) - 1);animation: rf-fade var(--dur-2) var(--ease)}.rf-drawer{position: fixed;inset-block: 0;inset-inline-end: 0;width: min(440px,100vw);background: var(--raised);box-shadow: var(--e-3);z-index: var(--z-drawer);display: flex;flex-direction: column;animation: rf-slide-in var(--dur-3) var(--ease-out)}[dir="rtl"] .rf-drawer{animation-name: rf-slide-in-rtl}.rf-drawer-head{display: flex;align-items: center;gap: var(--s-3);padding: var(--s-4) var(--s-5);border-block-end: 1px solid var(--line)}.rf-drawer-head h2{font-size: var(--t-lg);font-weight: var(--w-semibold);margin-inline-end: auto}.rf-drawer-body{padding: var(--s-5);overflow-y: auto;flex: 1}.rf-dialog{border: 0;padding: 0;border-radius: var(--r-xl);background: var(--raised);color: var(--ink);box-shadow: var(--e-3);width: min(480px,calc(100vw - 32px))}.rf-dialog::backdrop{background: var(--scrim)}.rf-dialog[open]{animation: rf-pop var(--dur-2) var(--ease-out)}.rf-dialog-body{padding: var(--s-6);display: grid;gap: var(--s-3)}.rf-dialog-body h2{font-size: var(--t-lg);font-weight: var(--w-semibold)}.rf-dialog-body p{color: var(--ink-2);font-size: var(--t-sm)}.rf-dialog-acts{display: flex;justify-content: flex-end;gap: var(--s-2);padding: var(--s-4) var(--s-6);border-block-start: 1px solid var(--line)}@keyframes rf-fade{from{opacity: 0}}@keyframes rf-slide-in{from{transform: translateX(24px);opacity: 0}}@keyframes rf-slide-in-rtl{from{transform: translateX(-24px);opacity: 0}}@keyframes rf-pop{from{transform: scale(.97);opacity: 0}}.rf-table-wrap{overflow-x: auto;border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--surface)}.rf-table{width: 100%;border-collapse: collapse;font-size: var(--t-sm)}.rf-table th{text-align: start;font-weight: var(--w-medium);color: var(--ink-3);font-size: var(--t-xs);padding: 10px 14px;border-block-end: 1px solid var(--line);white-space: nowrap}.rf-table td{padding: 12px 14px;border-block-end: 1px solid var(--line);vertical-align: top}.rf-table tr:last-child td{border-block-end: 0}.rf-table tbody tr:hover{background: color-mix(in srgb,var(--sunken) 50%,transparent)}.rf-table .num{text-align: end;font-variant-numeric: tabular-nums}.rf-empty{display: grid;justify-items: center;gap: var(--s-2);padding: var(--s-12) var(--s-5);text-align: center;color: var(--ink-2)}.rf-empty h2{font-size: var(--t-lg);font-weight: var(--w-semibold);color: var(--ink)}.rf-empty p{max-width: 46ch;font-size: var(--t-sm)}.rf-empty .rf-btn{margin-block-start: var(--s-2)}.rf-skeleton{display: block;border-radius: var(--r-sm);background: linear-gradient(90deg,var(--sunken) 0%,var(--sunken-2) 50%,var(--sunken) 100%) 0 0 / 200% 100%;animation: rf-shimmer 1.4s ease-in-out infinite}@keyframes rf-shimmer{to{background-position: -200% 0}}.rf-device{position: relative;background: var(--surface);border-radius: 14px;overflow: hidden;box-shadow: var(--e-frame)}.rf-device--phone{aspect-ratio: 390 / 844}.rf-device--desktop{border-radius: var(--r-md);aspect-ratio: 16 / 10}.rf-device--desktop::before{content: "";display: block;height: 22px;background: var(--sunken);border-block-end: 1px solid var(--line);background-image: radial-gradient(circle,var(--line-strong) 3.5px,transparent 4px),radial-gradient(circle,var(--line-strong) 3.5px,transparent 4px),radial-gradient(circle,var(--line-strong) 3.5px,transparent 4px);background-size: 14px 22px;background-position: 6px 0,20px 0,34px 0;background-repeat: no-repeat}.rf-device img{display: block;width: 100%;height: auto}.rf-device.is-broken{box-shadow: 0 0 0 2px var(--broken),var(--e-frame)}.rf-device.is-live::after{content: "";position: absolute;inset: 0;border-radius: inherit;padding: 2px;background: var(--sheen);-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none}.rf-compare-bar{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3)}.rf-compare-bar .rf-range{display: inline-flex;align-items: center;gap: var(--s-2);font-size: var(--t-xs);color: var(--ink-2)}.rf-compare-bar input[type="range"]{width: 140px;accent-color: var(--ink)}.rf-stage{position: relative;border-radius: var(--r-xl);background: radial-gradient(color-mix(in srgb,var(--ink) 10%,transparent) 1px,transparent 1.2px) 0 0 / 18px 18px,var(--sunken);overflow: hidden}.rf-legend{display: inline-flex;gap: var(--s-3);font-size: var(--t-xs);color: var(--ink-2)}.rf-legend span{display: inline-flex;align-items: center;gap: 6px}.rf-legend i{width: 10px;height: 10px;border-radius: 2px;border: 2px solid currentColor}.rf-legend .design{color: var(--layer-design)}.rf-legend .app{color: var(--layer-app)}.rf-legend .design + b,.rf-legend .app + b{color: var(--ink-2)}.rf-onion{position: relative;isolation: isolate}.rf-onion>.rf-layer{position: absolute;inset: 0}.rf-onion>.rf-layer img,.rf-onion>img{display: block;width: 100%;height: auto}.rf-onion.is-tinted>.rf-layer--design{filter: url(#rf-tint-design)}.rf-onion.is-tinted>.rf-layer--app{filter: url(#rf-tint-app);mix-blend-mode: multiply}.rf-swipe-handle{position: absolute;inset-block: 0;width: 2px;margin-inline-start: -1px;background: var(--ink);pointer-events: none}.rf-swipe-handle::after{content: "";position: absolute;top: 50%;left: 50%;width: 26px;height: 26px;margin: -13px 0 0 -13px;border-radius: 50%;background: var(--surface);border: 2px solid var(--ink);box-shadow: var(--e-2)}.rf-outline-design{box-shadow: 0 0 0 2px var(--layer-design)}.rf-outline-app{box-shadow: 0 0 0 2px var(--layer-app)}.rf-pin{position: absolute;transform: translate(-50%,-100%);display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: 50% 50% 50% 2px;rotate: -45deg;border: 2px solid var(--surface);box-shadow: var(--e-2);background: var(--ink);color: var(--bg);cursor: pointer;padding: 0}.rf-pin>span{rotate: 45deg;font-size: var(--t-2xs);font-weight: 700;font-variant-numeric: tabular-nums}.rf-pin[data-kind="failure"]{background: var(--broken);color: #fff}.rf-pin[data-kind="difference"]{background: var(--differs);color: #1A1200}.rf-pin[data-kind="kept"]{background: var(--kept);color: var(--accent-ink)}.rf-pin[data-kind="comment"]{background: var(--ink);color: var(--bg)}.rf-pin[aria-pressed="true"]{outline: 3px solid var(--focus-ring);outline-offset: 2px}.rf-pin.is-resolved{opacity: .45}.rf-change,.change{display: grid;gap: var(--s-3);padding: var(--s-4) var(--s-5);border-radius: var(--r-lg);background: var(--surface);border: 1px solid var(--line);box-shadow: var(--e-1);min-width: 0}.rf-change-head,.change-head{display: flex;align-items: center;gap: var(--s-2) var(--s-3);flex-wrap: wrap}.rf-change-head h3,.change-head h3{font-size: var(--t-md);font-weight: var(--w-semibold)}.rf-change-shots{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s-2)}.rf-change-shots figcaption{font-size: var(--t-2xs);font-weight: var(--w-semibold);color: var(--ink-3);margin-block-end: 4px}.rf-change-acts,.change-acts{display: flex;flex-wrap: wrap;gap: var(--s-2);padding-block-start: var(--s-3);border-block-start: 1px solid var(--line)}.rf-thread{display: flex;flex-direction: column;gap: var(--s-3)}.rf-bubble{max-width: 88%;padding: 10px 14px;border-radius: 14px;font-size: var(--t-sm);line-height: var(--lh)}.rf-bubble--me{align-self: flex-end;background: var(--ink);color: var(--bg);border-end-end-radius: 4px;white-space: pre-wrap}.rf-bubble--assistant{align-self: flex-start;background: var(--surface);border: 1px solid var(--line);border-end-start-radius: 4px}.rf-bubble--note{align-self: flex-start;display: inline-flex;align-items: center;gap: var(--s-2);padding: 2px 4px;font-size: var(--t-xs);color: var(--ink-2);background: none}.rf-avatar{display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 24px;border-radius: 50%;background: var(--sunken-2);color: var(--ink-2);font-size: var(--t-2xs);font-weight: var(--w-semibold);flex: none}.rf-avatar--check{background: var(--broken-soft);color: var(--broken-text)}.rf-avatar--assistant{background: var(--ink);color: var(--bg)}@media (prefers-reduced-motion: reduce){.rf-mark svg path:last-of-type,.rf-status[data-state="live"]::before,.rf-skeleton,.rf-drawer,.rf-scrim,.rf-dialog[open]{animation: none !important}}@font-face{font-family: "Mona Sans";src: url("/fonts/mona-sans-latin.woff2") format("woff2");font-weight: 300 800;font-stretch: 75% 125%;font-style: normal;font-display: swap;unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-padding-block-start: 80px}body{margin: 0;min-height: 100vh;display: flex;flex-direction: column;font-size: 16px}main{flex: 1}img{max-width: 100%}::selection{background: var(--accent-soft);color: var(--ink)}.rf-root p,.rf-root li,.rf-root dd{text-wrap: pretty}.rf-root a{text-decoration: underline;text-decoration-color: color-mix(in srgb,currentColor 35%,transparent);text-underline-offset: 3px}.rf-root a:hover{text-decoration-color: currentColor}.rf-root a.rf-btn,.rf-root a.rf-lockup,.rf-root .top-link,.rf-root .menu-link{text-decoration: none}.wrap{width: 100%;max-width: 1200px;margin-inline: auto;padding-inline: 16px}.narrow>*{max-width: 728px}@media (min-width: 720px){.wrap{padding-inline: 32px}}.skip{position: absolute;inset-inline-start: 16px;inset-block-start: -60px;z-index: 100;padding: 10px 14px;border-radius: var(--r-md);background: var(--primary);color: var(--primary-ink) !important}.skip:focus{inset-block-start: 12px}.rf-mark[data-size="26"]{width: 26px;height: 26px}.rf-mark[data-size="22"]{width: 22px;height: 22px}.top{position: sticky;inset-block-start: 0;z-index: var(--z-top);background: color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter: saturate(1.4) blur(12px);-webkit-backdrop-filter: saturate(1.4) blur(12px);border-block-end: 1px solid var(--line)}.top-row{display: flex;align-items: center;gap: var(--s-2);height: 64px}@media (min-width: 480px){.top-row{gap: var(--s-4)}}.top-row .rf-lockup{font-size: 19px}.top-nav{display: none;margin-inline-start: auto;gap: var(--s-1)}.top-link{padding: 8px 12px;border-radius: var(--r-md);color: var(--ink-2);font-size: var(--t-md);font-weight: var(--w-medium)}.top-link:hover{color: var(--ink);background: var(--sunken)}.top-link[aria-current="page"]{color: var(--ink);background: var(--sunken)}.top-cta{margin-inline-start: auto;height: 38px;font-size: 14px}.menu>summary{list-style: none;height: 38px;font-size: 14px}.menu>summary::-webkit-details-marker{display: none}.menu[open]>summary{background: var(--sunken);color: var(--ink)}.menu-panel{position: absolute;inset-inline: 0;inset-block-start: 64px;display: flex;flex-direction: column;padding: var(--s-2) 0 var(--s-4);background: var(--raised);border-block-end: 1px solid var(--line);box-shadow: var(--e-2)}.menu-link{padding: 14px 16px;font-size: 17px;font-weight: var(--w-medium);color: var(--ink)}.menu-link[aria-current="page"]{color: var(--accent-text)}@media (min-width: 900px){.top-nav{display: flex}.top-cta{margin-inline-start: var(--s-2)}.menu{display: none}}@media (max-width: 359px){.top-cta{display: none}.menu{margin-inline-start: auto}}.lead{font-size: clamp(17px,1.6vw + 10px,21px);line-height: 1.5;color: var(--ink-2);max-width: 60ch}.sec-h{font-size: clamp(27px,2.4vw + 16px,42px);font-stretch: 112%;font-weight: 660;letter-spacing: -0.028em;line-height: 1.08;max-width: 24ch;text-wrap: balance;margin-block-end: var(--s-4) !important}.sec-lead{font-size: clamp(17px,1vw + 12px,20px);color: var(--ink-2);max-width: 58ch}.sub-h{margin-block: var(--s-8) var(--s-2) !important}.note{font-size: var(--t-sm);color: var(--ink-3);margin-block-start: var(--s-4) !important}.more{font-weight: var(--w-semibold);color: var(--ink) !important}.rf-root p + p{margin-block-start: var(--s-3)}.hero{padding-block: clamp(40px,7vw,96px) clamp(48px,7vw,104px);overflow: clip}.status{margin-block-end: var(--s-5) !important}.status .rf-status::before{animation: none}.status .rf-status{font-size: var(--t-sm);font-weight: var(--w-medium);color: var(--ink-2);padding: 5px 12px 5px 10px;border: 1px solid var(--line-strong);border-radius: var(--r-pill);background: var(--surface)}.hero-h{font-size: clamp(46px,8.6vw,112px);font-stretch: 120%;font-weight: 720;letter-spacing: -0.045em;line-height: .96;max-width: 11ch;margin-block-end: var(--s-6) !important}.hero .lead{margin-block-end: var(--s-8)}.acts{display: flex;flex-wrap: wrap;gap: var(--s-3)}.rf-btn--lg{height: 48px;padding-inline: 22px;font-size: 16px}.hero-fig{margin: clamp(40px,6vw,72px) 0 0}.reg{position: relative;isolation: isolate}.reg::before,.reg::after{content: "";position: absolute;inset: 0;border-radius: 14px;pointer-events: none;z-index: 1;opacity: 0;animation: rf-register 1.4s var(--ease-out) .35s both}.reg::before{border: 2px solid var(--layer-design);--dx: -18px;--dy: -14px}.reg::after{border: 2px solid var(--layer-app);--dx: 18px;--dy: 14px}@keyframes rf-register{0%{opacity: 1;transform: translate(var(--dx),var(--dy))}70%{opacity: 1;transform: translate(0,0)}100%{opacity: 0;transform: translate(0,0)}}.reg .shot img{border-radius: 14px;box-shadow: var(--e-3)}.hero-fig figcaption{margin-block-start: var(--s-4);font-size: var(--t-sm);color: var(--ink-3)}@media (prefers-reduced-motion: reduce){.reg::before,.reg::after{animation: none;opacity: 0}}.shot{display: block;min-width: 0}.shot img{display: block;width: 100%;height: auto;border-radius: var(--r-lg);background: var(--surface);box-shadow: var(--e-frame)}.shot--card{max-width: 378px}.band{padding-block: clamp(56px,7vw,104px)}.band--tight{padding-block: clamp(40px,5vw,72px)}.band--quiet{background: var(--surface);border-block: 1px solid var(--line)}.band--quiet + .band--quiet{border-block-start: 0}.page-head{padding-block: clamp(40px,6vw,88px) clamp(8px,2vw,24px)}.page-h{font-size: clamp(40px,6vw,76px);font-stretch: 118%;font-weight: 700;letter-spacing: -0.04em;line-height: 1;margin-block-end: var(--s-5) !important}.steps{list-style: none;margin: var(--s-10) 0 0;padding: 0;display: grid;gap: clamp(48px,7vw,96px)}.step{display: grid;gap: var(--s-6);align-items: center}.step-copy{max-width: 46ch}.step-copy p{color: var(--ink-2);font-size: 17px}.step-copy .rf-h3{font-size: clamp(21px,1vw + 16px,26px);font-stretch: 110%;margin-block-end: var(--s-2)}.step-n{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;margin-block-end: var(--s-4);border-radius: 50%;border: 1.5px solid var(--ink);font-weight: var(--w-semibold);font-size: 15px;font-variant-numeric: tabular-nums}@media (min-width: 960px){.step{grid-template-columns: 5fr 7fr;gap: var(--s-16)}.step:nth-child(even) .step-copy{order: 2}.step .shot--card{justify-self: center}}.trio{display: grid;gap: var(--s-8);margin-block-start: var(--s-10)}.trio>div{border-block-start: 2px solid var(--ink);padding-block-start: var(--s-4)}.trio .rf-h3{margin-block-end: var(--s-2);font-size: 20px}.trio p{color: var(--ink-2)}@media (min-width: 860px){.trio{grid-template-columns: repeat(3,1fr);gap: var(--s-10)}}.band--cta{background: var(--ink);color: var(--bg)}.band--cta .sec-lead{color: color-mix(in srgb,var(--bg) 72%,var(--ink));margin-block-end: var(--s-6)}.cta-h{font-size: clamp(36px,5vw,64px);font-stretch: 118%;letter-spacing: -0.04em;margin-block-end: var(--s-4) !important}.band--cta .rf-btn--primary{background: var(--bg);border-color: var(--bg);color: var(--ink)}.band--cta .rf-btn--primary:hover{background: var(--surface)}.band--cta :focus-visible{outline-color: var(--bg)}.cta .rf-btn{margin-block-start: var(--s-4)}.split{display: grid;gap: var(--s-6);align-items: center}.split-copy{max-width: 52ch}.split-copy p{color: var(--ink-2)}.split-copy .rf-status{vertical-align: -1px}@media (min-width: 960px){.split{grid-template-columns: 5fr 6fr;gap: var(--s-16)}.split--flip .split-copy{order: 2}}.ticks{list-style: none;margin: var(--s-4) 0 0;padding: 0;display: grid;gap: var(--s-3)}.ticks li{display: grid;grid-template-columns: 20px 1fr;gap: var(--s-3);align-items: start;color: var(--ink-2)}.ticks svg{margin-block-start: 3px;color: var(--works)}.ticks[data-kind="cross"] svg{color: var(--ink-3)}.two{display: grid;gap: var(--s-10)}@media (min-width: 860px){.two{grid-template-columns: 1fr 1fr;gap: var(--s-16)}}.planes{display: grid;gap: var(--s-5);margin-block-start: var(--s-8)}.plane{border-radius: var(--r-xl);padding: var(--s-6)}.plane .rf-h3{margin-block-end: var(--s-4);font-size: 20px}.plane--yours{background: var(--surface);border: 1.5px solid var(--ink);box-shadow: var(--e-2)}.plane--ours{border: 1.5px dashed var(--line-strong);align-self: start}.defs dt{font-weight: var(--w-semibold)}.defs dd{margin: 2px 0 var(--s-4);color: var(--ink-2)}.defs dd:last-child{margin-block-end: 0}@media (min-width: 860px){.planes{grid-template-columns: 7fr 5fr}}.roles{font-size: var(--t-md)}.roles th[scope="row"]{font-weight: var(--w-semibold);color: var(--ink);white-space: nowrap;font-size: var(--t-md)}.roles td{color: var(--ink-2)}.rf-table-wrap{margin-block-start: var(--s-5)}.ask{display: grid;gap: var(--s-5)}.ask .rf-input,.ask .rf-select{height: 44px;font-size: 16px}.ask .rf-textarea{font-size: 16px}.ask .rf-label{font-size: var(--t-sm)}.ask .rf-hint{font-size: var(--t-sm)}.ask-acts{display: grid;gap: var(--s-3);justify-items: start}.ask .hp{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.ask-done{display: grid;gap: var(--s-3);padding: var(--s-6);border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--surface)}.ask-done h2{font-size: var(--t-xl)}.ask .notice-bad{color: var(--broken-text)}@media (min-width: 640px){.ask{grid-template-columns: 1fr 1fr}.rf-field--wide,.ask-acts{grid-column: 1 / -1}}.aside{margin-block-start: var(--s-12);padding-block-start: var(--s-6);border-block-start: 1px solid var(--line)}.aside .rf-h3{margin-block-end: var(--s-2)}.aside p{color: var(--ink-2)}.draft-bar{background: var(--differs-soft);color: var(--differs-text);border-block-end: 1px solid color-mix(in srgb,var(--differs) 30%,transparent);padding-block: 10px;font-size: var(--t-sm)}.ph{background: var(--differs-soft);color: var(--differs-text);padding: 0 5px;border-radius: var(--r-xs);font-weight: var(--w-medium)}.prose h2{font-size: 21px;font-stretch: 108%;font-weight: var(--w-semibold);letter-spacing: -0.015em;margin: var(--s-10) 0 var(--s-3)}.prose h2:first-child{margin-block-start: 0}.prose p,.prose li{color: var(--ink-2)}.prose ul{padding-inline-start: 1.2em;display: grid;gap: var(--s-2)}.foot{border-block-start: 1px solid var(--line);padding-block: var(--s-12) var(--s-6);background: var(--bg);font-size: var(--t-sm)}.foot-grid{display: grid;gap: var(--s-8)}.foot-line{color: var(--ink-3);margin-block-start: var(--s-3);max-width: 34ch}.foot-col{display: flex;flex-direction: column;gap: var(--s-2);align-items: flex-start}.foot-col a{color: var(--ink-2)}.foot-col p{color: var(--ink-3)}.foot-col p + p{margin-block-start: 0}.foot-h{font-size: var(--t-sm);font-weight: var(--w-semibold);color: var(--ink);margin-block-end: var(--s-1) !important}.foot-base{display: flex;flex-wrap: wrap;justify-content: space-between;gap: var(--s-2);margin-block-start: var(--s-10);padding-block-start: var(--s-5);border-block-start: 1px solid var(--line);color: var(--ink-3)}@media (min-width: 860px){.foot-grid{grid-template-columns: 2fr 1fr 1fr 1fr}}