@layer abaabil.reset;@layer abaabil.tokens{:root{--abaabil-blue-500:#2563eb;--abaabil-blue-400:#3b82f6;--abaabil-gray-900:#111827;--abaabil-gray-300:#d1d5db;--abaabil-gray-100:#f3f4f6;--abaabil-white:#fff;--abaabil-red-600:#dc2626;--color-primary:var(--abaabil-blue-500);--color-primary-hover:var(--abaabil-blue-400);--color-primary-fg:var(--abaabil-white);--color-surface:var(--abaabil-white);--color-text:var(--abaabil-gray-900);--color-border:var(--abaabil-gray-300);--color-muted:var(--abaabil-gray-100);--color-danger:var(--abaabil-red-600);--color-focus-ring:var(--abaabil-blue-500);--color-overlay:#00000080;--color-text-muted:#6b7280;--color-placeholder:#9ca3af;--radius-md:.375rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--font-size-sm:.875rem;--font-size-lg:1.125rem;--font-weight-semibold:600;--control-height-md:2.5rem;--duration-fast:.15s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-surface:#0b0f19;--color-text:#e5e7eb;--color-border:#374151;--color-muted:#1f2937;--color-text-muted:#9ca3af;--color-placeholder:#6b7280}}:root[data-theme=dark]{--color-surface:#0b0f19;--color-text:#e5e7eb;--color-border:#374151;--color-muted:#1f2937;--color-text-muted:#9ca3af;--color-placeholder:#6b7280}}@layer abaabil.base{.abaabil-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer abaabil.components{.abaabil-button{--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-fg);--btn-border:var(--color-primary);--btn-height:var(--control-height-md);--btn-padding-x:max(.375rem, calc((var(--btn-height) - var(--font-size-sm)) / 2));--btn-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-2);height:var(--btn-height);padding-inline:var(--btn-padding-x);border:1px solid var(--btn-border);border-radius:var(--btn-radius);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease;line-height:1;text-decoration:none;display:inline-flex}.abaabil-button:hover{--btn-bg:var(--color-primary-hover);--btn-border:var(--color-primary-hover)}.abaabil-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.abaabil-button[data-variant=secondary]{--btn-bg:transparent;--btn-fg:var(--color-text);--btn-border:var(--color-border)}.abaabil-button[data-variant=ghost]{--btn-bg:transparent;--btn-fg:var(--color-text);--btn-border:transparent}.abaabil-button[data-size=sm]{--btn-height:2rem}.abaabil-button[data-size=lg]{--btn-height:3rem}.abaabil-button:disabled,.abaabil-button[aria-disabled=true]{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.abaabil-button{transition:none}}.abaabil-input{--input-height:var(--control-height-md);--input-padding-x:max(.375rem, calc((var(--input-height) - var(--font-size-sm)) / 2));--input-border:var(--color-border);--input-placeholder-fg:var(--color-placeholder);width:100%;height:var(--input-height);padding-inline:var(--input-padding-x);border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);transition:border-color var(--duration-fast) ease;display:block}.abaabil-input::placeholder{color:var(--input-placeholder-fg)}.abaabil-input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.abaabil-input:disabled{opacity:.5;cursor:not-allowed}.abaabil-input[aria-invalid=true]{--input-border:var(--color-danger)}.abaabil-input-group{gap:var(--space-1);flex-direction:column;display:flex}.abaabil-input__label{font-size:var(--font-size-sm);color:var(--color-text)}.abaabil-input__description{--input-description-fg:var(--color-text-muted);font-size:var(--font-size-sm);color:var(--input-description-fg)}.abaabil-input__error{font-size:var(--font-size-sm);color:var(--color-danger)}@media (prefers-reduced-motion:reduce){.abaabil-input{transition:none}}.abaabil-select{--select-height:var(--control-height-md);--select-padding-x:max(.375rem, calc((var(--select-height) - var(--font-size-sm)) / 2));appearance:none;height:var(--select-height);padding-inline:var(--select-padding-x);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--select-padding-x) center;color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--duration-fast) ease;background-size:.75rem .75rem;padding-inline-end:calc(var(--select-padding-x) + 1.125rem);line-height:1}.abaabil-select:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){background-position:left var(--select-padding-x) center;padding-inline-start:calc(var(--select-padding-x) + 1.125rem);padding-inline-end:var(--select-padding-x)}.abaabil-select:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.abaabil-select:disabled{opacity:.5;cursor:not-allowed}.abaabil-select-group{gap:var(--space-1);flex-direction:column;display:flex}.abaabil-select__label{font-size:var(--font-size-sm);color:var(--color-text)}.abaabil-select__description{font-size:var(--font-size-sm);color:var(--color-text);opacity:.75;margin:0}.abaabil-select__error{font-size:var(--font-size-sm);color:var(--color-danger);margin:0}.abaabil-select[aria-invalid=true]{border-color:var(--color-danger)}@media (prefers-reduced-motion:reduce){.abaabil-select{transition:none}}.abaabil-checkbox{--checkbox-radius:min(var(--radius-md), .25rem);appearance:none;border:1px solid var(--color-border);border-radius:var(--checkbox-radius);background:var(--color-surface);cursor:pointer;width:1.125rem;height:1.125rem;transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease;flex-shrink:0;place-content:center;margin:0;display:inline-grid}.abaabil-checkbox:before{content:"";background:var(--color-primary-fg);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);width:.65rem;height:.65rem;transition:transform var(--duration-fast) ease;transform:scale(0)}.abaabil-checkbox:checked,.abaabil-checkbox:indeterminate{background:var(--color-primary);border-color:var(--color-primary)}.abaabil-checkbox:checked:before,.abaabil-checkbox:indeterminate:before{transform:scale(1)}.abaabil-checkbox:indeterminate:before{clip-path:none;border-radius:1px;width:.65rem;height:.125rem}.abaabil-checkbox:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.abaabil-checkbox:disabled{opacity:.5;cursor:not-allowed}.abaabil-checkbox__wrapper{align-items:flex-start;gap:var(--space-2);display:inline-flex}.abaabil-checkbox__label{font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.abaabil-checkbox__description{font-size:var(--font-size-sm);color:var(--color-text);opacity:.75;display:block}.abaabil-checkbox-group{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.abaabil-checkbox-group__legend{padding-inline:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}@media (prefers-reduced-motion:reduce){.abaabil-checkbox,.abaabil-checkbox:before{transition:none}}.abaabil-radio{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:1.125rem;height:1.125rem;transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease;border-radius:50%;flex-shrink:0;place-content:center;margin:0;display:inline-grid}.abaabil-radio:before{content:"";background:var(--color-primary-fg);width:.5rem;height:.5rem;transition:transform var(--duration-fast) ease;border-radius:50%;transform:scale(0)}.abaabil-radio:checked{background:var(--color-primary);border-color:var(--color-primary)}.abaabil-radio:checked:before{transform:scale(1)}.abaabil-radio:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.abaabil-radio:disabled{opacity:.5;cursor:not-allowed}.abaabil-radio__wrapper{align-items:flex-start;gap:var(--space-2);display:inline-flex}.abaabil-radio__label{font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.abaabil-radio__description{font-size:var(--font-size-sm);color:var(--color-text);opacity:.75;display:block}.abaabil-radio-group{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.abaabil-radio-group__legend{padding-inline:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}@media (prefers-reduced-motion:reduce){.abaabil-radio,.abaabil-radio:before{transition:none}}.abaabil-combobox{display:inline-block;position:relative}.abaabil-combobox__label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.abaabil-combobox__label--visible{margin-bottom:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text);display:block}.abaabil-combobox__input{height:var(--control-height-md);--input-padding-x:max(.375rem, calc((var(--control-height-md) - var(--font-size-sm)) / 2));padding-inline:var(--input-padding-x);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);width:100%}.abaabil-combobox__input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.abaabil-combobox__list{z-index:10;width:100%;max-height:15rem;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin:0;list-style:none;position:absolute;inset-block-start:calc(100% + var(--space-1));inset-inline-start:0;overflow-y:auto}.abaabil-combobox__option{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.abaabil-combobox__option:hover,.abaabil-combobox__option[data-active=true]{background:var(--color-muted)}@supports (anchor-name:--x){.abaabil-combobox__input{anchor-name:--abaabil-combobox-input}.abaabil-combobox__list{position-anchor:--abaabil-combobox-input;position-area:block-end span-inline-end;position-try-fallbacks:block-start span-inline-end;width:anchor-size(width);position:fixed;inset:auto}}.abaabil-dialog{--dialog-width:32rem;--dialog-padding:var(--space-4);width:min(var(--dialog-width), calc(100vw - 2rem));padding:var(--dialog-padding);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.abaabil-dialog::backdrop{background:var(--color-overlay)}.abaabil-dialog__title{margin:0 0 var(--space-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}@starting-style{.abaabil-dialog[open]{opacity:0;transform:translateY(.5rem)}}.abaabil-dialog[open]{opacity:1;transition:opacity var(--duration-fast) ease, transform var(--duration-fast) ease;transform:none}@media (prefers-reduced-motion:reduce){.abaabil-dialog[open]{transition:none}@starting-style{.abaabil-dialog[open]{opacity:1;transform:none}}}.abaabil-accordion-group{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:clip}.abaabil-accordion-group .abaabil-accordion+.abaabil-accordion{border-top:1px solid var(--color-border)}.abaabil-accordion{color:var(--color-text)}.abaabil-accordion__summary{list-style:none}.abaabil-accordion__summary::-webkit-details-marker{display:none}.abaabil-accordion__summary{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--control-height-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.3;display:flex}.abaabil-accordion__summary:hover{background:var(--color-muted)}.abaabil-accordion__summary:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.abaabil-accordion__summary:after{content:"";block-size:.5rem;inline-size:.5rem;transition:transform var(--duration-fast) ease;border-bottom:2px solid;border-right:2px solid;flex:none;transform:rotate(45deg)}.abaabil-accordion[open]>.abaabil-accordion__summary:after{transform:rotate(-135deg)}.abaabil-accordion__panel{padding:0 var(--space-4) var(--space-3)}@media (prefers-reduced-motion:reduce){.abaabil-accordion__summary:after{transition:none}}}*{box-sizing:border-box}:root{--paper:#e7e9e4;--ink:#14171a;--ink-soft:#5b6570;--rule:#cbcfc9;--accent:#8c2f39;--paper-tint:color-mix(in srgb, var(--ink) 5%, var(--paper));--font-display:"Bodoni Moda", Georgia, "Times New Roman", serif;--font-body:"Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-arabic:"Noto Naskh Arabic", serif;--radius-chrome:2px;--space-5:1.5rem;--space-6:2.5rem;--rail-width:15rem;--content-width:68ch;--margin-width:9rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#101316;--ink:#e7e9e4;--ink-soft:#8a949e;--rule:#262c31;--accent:#c4606a}}:root[data-theme=dark]{--paper:#101316;--ink:#e7e9e4;--ink-soft:#8a949e;--rule:#262c31;--accent:#c4606a}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);margin:0;line-height:1.55}code,pre,kbd{font-family:var(--font-mono)}a{color:var(--accent);text-underline-offset:.15em;text-decoration-thickness:1px;transition:color .15s,opacity .15s}a:hover{opacity:.75}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{grid-template-columns:var(--rail-width) minmax(0, 1fr);align-items:start;min-height:100vh;display:grid}.rail{height:100vh;padding:var(--space-5) var(--space-4);border-right:1px solid var(--rule);gap:var(--space-5);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.rail__brand{align-items:center;gap:var(--space-2);font-family:var(--font-display);color:var(--ink);letter-spacing:.01em;font-size:1.5rem;text-decoration:none;display:inline-flex}.rail__mark{color:var(--rule);flex:none}.rail__nav{gap:var(--space-4);flex-direction:column;display:flex}.rail__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rail__list a{color:var(--ink-soft);font-size:.9375rem;text-decoration:none;display:block}.rail__list a:hover{color:var(--accent);opacity:1}.rail__rule{border:none;border-top:1px solid var(--rule);margin:0}.shell__content{flex-direction:column;min-width:0;display:flex}.site-main{width:100%;min-width:0;max-width:calc(var(--content-width) + var(--space-6) + var(--margin-width));padding:var(--space-6) var(--space-4);flex:1;margin:0 auto}.site-footer{max-width:calc(var(--content-width) + var(--space-6) + var(--margin-width));padding:var(--space-4);color:var(--ink-soft);border-top:1px solid var(--rule);margin:0 auto;font-size:.8125rem}@media (width<=46rem){.shell{grid-template-columns:1fr}.rail{border-right:none;border-bottom:1px solid var(--rule);align-items:baseline;gap:var(--space-3) var(--space-5);height:auto;padding:var(--space-4);flex-flow:wrap;position:static;overflow:visible}.rail__nav{gap:var(--space-3) var(--space-5);flex-flow:wrap}.rail__list{gap:var(--space-1) var(--space-3);flex-flow:wrap}.rail__rule{display:none}.site-main,.site-footer{padding-left:var(--space-4);padding-right:var(--space-4)}}.page-col{max-width:var(--content-width)}.page-title{font-family:var(--font-display);margin:0 0 var(--space-3);color:var(--ink);font-size:clamp(2rem,4vw + 1rem,3rem);font-weight:400;line-height:1.05}.lede{color:var(--ink-soft);max-width:var(--content-width);font-size:1.0625rem}section{max-width:var(--content-width)}section+section{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--rule)}section h2{font-family:var(--font-body);margin:0 0 var(--space-3);color:var(--ink);font-size:1.0625rem;font-weight:600}section h3{font-family:var(--font-mono);color:var(--ink-soft);margin:var(--space-5) 0 var(--space-2);font-size:.9375rem;font-weight:600}.specimen-head{grid-template-columns:minmax(0, var(--content-width)) var(--margin-width);column-gap:var(--space-5);row-gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--rule);grid-template-areas:"title metrics""bar metrics""lede metrics";align-items:start;max-width:none;display:grid;position:relative}.specimen-head__title{grid-area:title;margin:0}.specimen-head__bar{grid-area:bar}.specimen-head__rank{margin:var(--space-1) 0 0;font-family:var(--font-mono);color:var(--ink-soft);font-size:.75rem}.specimen-head__lede{grid-area:lede;max-width:none;margin:0}.specimen-head__metrics{gap:var(--space-4);font-family:var(--font-mono);flex-direction:column;grid-area:metrics;padding-top:.35em;display:flex}.metric{flex-direction:column;line-height:1.2;display:flex}.metric__value{color:var(--ink);font-size:1.0625rem;font-weight:600}.metric--server .metric__value{color:var(--accent)}.metric__unit{color:var(--ink-soft);text-transform:lowercase;font-size:.75rem}.metric--server .metric__unit{order:-1}.specimen-head__mark{background:var(--paper);padding:0 var(--space-2);color:var(--rule);display:inline-flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}@media (width<=46rem){.specimen-head{grid-template-columns:1fr;grid-template-areas:"title""bar""metrics""lede"}.specimen-head__metrics{gap:var(--space-5);flex-flow:wrap}.metric{align-items:baseline;gap:var(--space-2);flex-direction:row}}.weight-bar{border:1px solid var(--rule);background:0 0;height:.875rem;overflow:hidden}.weight-bar__fill{background:var(--accent);height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.hero-compare{max-width:var(--content-width);margin:var(--space-5) 0 var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--rule)}.hero-compare__row{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:minmax(0,11rem) minmax(0,1fr) auto;display:grid}.hero-compare__row .weight-bar{height:2.25rem}.hero-compare__label{color:var(--ink-soft);font-size:.9375rem}.hero-compare__value{font-family:var(--font-display);color:var(--ink);text-align:right;min-width:7ch;font-size:clamp(1.375rem,1rem + 2vw,2.25rem);font-weight:400;line-height:1}.hero-compare__caption{color:var(--ink-soft);max-width:var(--content-width);font-size:.875rem}@media (width<=30rem){.hero-compare__row{gap:var(--space-1);grid-template-columns:1fr}.hero-compare__value{text-align:left}}.setup-steps{max-width:var(--content-width);margin:0;padding:0;list-style:none}.setup-step{column-gap:var(--space-3);grid-template-columns:2.5rem minmax(0,1fr);display:grid}.setup-step+.setup-step{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--rule)}.setup-step__num{font-family:var(--font-display);color:var(--accent);font-size:1.75rem;line-height:1}.setup-step__body h2{margin-top:0}.tier-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));display:grid}.tier-card{border:1px solid var(--rule);border-radius:var(--radius-chrome);min-width:0;padding:var(--space-4)}.tier-card pre{max-width:100%}.tier-card pre,.tier-card pre code{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:visible}.tier-card h3{margin-top:0}.tier-card pre{margin-bottom:var(--space-3)}.card{border:1px solid var(--rule);border-radius:var(--radius-chrome);padding:var(--space-4);background:var(--paper-tint)}.callout{border:1px solid var(--accent);border-radius:var(--radius-chrome);padding:var(--space-4);background:var(--paper-tint)}.callout a{font-weight:600}.verse{margin:var(--space-4) 0;padding:var(--space-3) var(--space-5);border-inline-start:3px solid var(--accent)}.verse__arabic{margin:0 0 var(--space-2);font-family:var(--font-arabic);color:var(--ink);text-align:start;font-size:1.375rem;line-height:2}.verse__citation{color:var(--ink-soft);margin:0;font-size:.875rem}.rtl-demo{font-family:var(--font-arabic)}section.section--tint{padding:var(--space-5);background:var(--paper-tint);border:1px solid var(--rule);border-radius:var(--radius-chrome)}section.section--tint table{background:var(--paper)}table{border-collapse:collapse;width:100%;max-width:100%;margin-bottom:var(--space-4);font-size:.875rem;display:block;overflow-x:auto}th,td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--rule);vertical-align:top}th{font-weight:600;font-family:var(--font-mono);text-transform:lowercase;color:var(--ink-soft);font-size:.75rem}td code,th code,p code,li code{background:var(--paper-tint);border-radius:var(--radius-chrome);padding:.05em .35em;font-size:.875em}pre{background:var(--paper-tint);border:1px solid var(--rule);border-radius:var(--radius-chrome);padding:var(--space-3);font-size:.875rem;overflow-x:auto}pre code{background:0 0;padding:0}.import-list pre{margin:var(--space-2) 0}.example{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-4);margin-top:var(--space-3);border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:var(--radius-chrome);background:var(--paper-tint);flex-wrap:wrap;display:flex;position:relative}.example:before{content:"live";top:-.7em;left:var(--space-3);background:var(--paper);padding:0 var(--space-2);font-family:var(--font-mono);color:var(--accent);font-size:.75rem;font-weight:600;position:absolute}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.theme-demo__controls{gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.theme-demo__control{gap:var(--space-1);color:var(--ink-soft);flex-direction:column;font-size:.875rem;display:flex}.theme-demo__scope{padding:var(--space-4);border:1px dashed var(--rule);border-radius:var(--radius-chrome)}.island{border:2px dashed var(--accent);border-radius:var(--radius-chrome);padding:var(--space-4);position:relative}.island:before{content:"client island";top:-.6em;left:var(--space-3);background:var(--paper);padding:0 var(--space-2);font-family:var(--font-mono);color:var(--accent);font-size:.75rem;font-weight:600;position:absolute}.server-block{border:2px dashed var(--rule);border-radius:var(--radius-chrome);padding:var(--space-4);position:relative}.server-block:before{content:"server component, zero client JS";top:-.6em;left:var(--space-3);background:var(--paper);padding:0 var(--space-2);font-family:var(--font-mono);color:var(--ink-soft);font-size:.75rem;font-weight:600;position:absolute}.badge{padding:.125rem var(--space-2);border-radius:var(--radius-chrome);background:var(--paper-tint);border:1px solid var(--rule);font-family:var(--font-mono);font-size:.75rem;display:inline-block}.server-block dialog[open]{max-width:100%;margin:0;position:static}.kitchen-sink__card{padding:var(--space-5)}.kitchen-sink__section h3{font-family:var(--font-body);margin:0 0 var(--space-3);color:var(--ink);font-size:1rem;font-weight:600}.kitchen-sink__section+.kitchen-sink__section{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--rule)}.kitchen-sink__hint{margin:0 0 var(--space-2);color:var(--ink-soft);font-size:.875rem}.kitchen-sink__invite-row{align-items:flex-end}.kitchen-sink__invite-row>*{flex:10rem}.kitchen-sink__invite-row>.row{flex:none}.kitchen-sink__invite-list{margin:var(--space-2) 0 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.kitchen-sink__invite{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--rule);border-radius:var(--radius-chrome);background:var(--paper-tint);font-size:.875rem;display:flex}.kitchen-sink__verified{color:var(--ink-soft);font-size:.875rem}.kitchen-sink__notice{color:var(--ink-soft);margin:0;font-size:.875rem}.kitchen-sink__notice--error{color:var(--accent)}.kitchen-sink__field-error{margin:calc(-1 * var(--space-2)) 0 0;color:var(--accent);font-size:.875rem}.kitchen-sink__summary h3{margin-top:0}.kitchen-sink__summary-lede{color:var(--ink-soft);font-size:.9375rem}.kitchen-sink__summary-list{gap:var(--space-1) var(--space-3);margin:var(--space-3) 0 var(--space-4);grid-template-columns:max-content 1fr;display:grid}.kitchen-sink__summary-list dt{color:var(--ink-soft);font-size:.875rem}.kitchen-sink__summary-list dd{margin:0;font-size:.875rem}.ar{font-family:Noto Naskh Arabic,serif;font-size:1.05em;line-height:1}.theme-toggle{border:1px solid var(--rule);border-radius:var(--radius-chrome);background:var(--paper-tint);align-items:center;gap:2px;padding:2px;display:inline-flex}.theme-toggle__option{appearance:none;border-radius:calc(var(--radius-chrome) - 1px);color:var(--ink-soft);font-family:var(--font-mono);text-transform:lowercase;cursor:pointer;background:0 0;border:none;padding:.375em .625em;font-size:.75rem;line-height:1;transition:background-color .15s,color .15s}.theme-toggle__option:hover{color:var(--ink)}.theme-toggle__option[data-checked=true]{background:var(--paper);color:var(--accent);font-weight:600}.theme-toggle__option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.theme-toggle__option{transition:none}}