.o-accordion{display:flex;flex-direction:column;gap:4px;color:var(--o-text);font:400 14px/1.5 var(--o-font-sans)}.o-accordion__item{border-radius:var(--o-radius-sm);background:var(--o-fill-1)}.o-accordion__item[data-state=open]{background:var(--o-fill-2)}.o-accordion__header{margin:0;font:inherit}.o-accordion__trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0;padding:12px 14px;border:0;border-radius:var(--o-radius-sm);background:none;color:var(--o-text-2);font:600 14px/1.4 var(--o-font-sans);text-align:left;cursor:pointer;transition:color var(--o-duration) ease}.o-accordion__trigger:hover,.o-accordion__trigger[data-state=open]{color:var(--o-text)}.o-accordion__trigger:focus-visible{outline:2px solid var(--o-accent);outline-offset:-2px}.o-accordion__trigger:disabled{opacity:.4;cursor:default}.o-accordion__chevron{flex-shrink:0;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.o-accordion__trigger[data-state=open] .o-accordion__chevron{transform:rotate(180deg)}@keyframes o-accordion-in{0%{opacity:0}}.o-accordion__content[data-state=open]{animation:o-accordion-in var(--o-duration) ease}.o-accordion__body{padding:0 14px 14px;color:var(--o-text-2)}@media (pointer: coarse){.o-accordion__trigger{padding-block:14px}}.o-alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--o-radius);background:var(--o-surface-strong);color:var(--o-text);font:400 14px/20px var(--o-font-sans)}.o-alert--accent{background:color-mix(in srgb,var(--o-accent) 7%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--o-accent) 45%,transparent)}.o-alert--danger{background:color-mix(in srgb,var(--o-danger) 8%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--o-danger) 45%,transparent)}.o-alert__icon{flex-shrink:0;display:flex;color:var(--o-text-2)}.o-alert--accent .o-alert__icon{color:var(--o-accent)}.o-alert--danger .o-alert__icon{color:var(--o-danger)}.o-alert__icon svg{width:20px;height:20px}.o-alert__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.o-alert__title{margin:0;font-weight:700}.o-alert__text{color:var(--o-text-2)}.o-alert__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.o-alert__close{flex-shrink:0;width:24px;height:24px;margin:-2px -4px 0 0;padding:4px;border:0;border-radius:6px;background:none;color:var(--o-text-3);cursor:pointer;transition:background-color var(--o-duration) ease,color var(--o-duration) ease}.o-alert__close:hover{background:var(--o-fill-2);color:var(--o-text)}.o-alert__close:focus-visible{outline:2px solid var(--o-accent);outline-offset:2px}.o-alert__close svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}@media (pointer: coarse){.o-alert__close{position:relative}.o-alert__close:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}}.o-avatar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;overflow:hidden;border-radius:50%;background:var(--o-fill-3);color:var(--o-text);font:600 12px/1 var(--o-font-sans);letter-spacing:.02em;vertical-align:middle;-webkit-user-select:none;user-select:none}.o-avatar--sm{width:24px;height:24px;font-size:10px}.o-avatar--lg{width:48px;height:48px;font-size:16px}.o-avatar__image{width:100%;height:100%;object-fit:cover}.o-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 50% 40%,#0000001a,#0009 80%),radial-gradient(60vw 50vh at 12% 8%,var(--o-bg-1) 0%,transparent 70%),radial-gradient(55vw 55vh at 92% 18%,var(--o-bg-2) 0%,transparent 70%),radial-gradient(60vw 50vh at 70% 100%,var(--o-bg-3) 0%,transparent 70%),radial-gradient(45vw 45vh at 8% 95%,var(--o-bg-4) 0%,transparent 70%),var(--o-bg)}.o-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.o-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#ffffff0f;color:var(--o-text);font:400 13px/1.4 var(--o-font-sans);white-space:nowrap}.o-badge svg{flex-shrink:0;width:1.1em;height:1.1em}.o-badge--accent{background:color-mix(in srgb,var(--o-accent) 15%,transparent);color:var(--o-accent)}.o-badge--danger{background:color-mix(in srgb,var(--o-danger) 15%,transparent);color:var(--o-danger)}.o-bar-chart{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px;height:var(--o-bar-chart-height, 180px);margin:0;padding:0;list-style:none;font-family:var(--o-font-sans)}.o-bar-chart--dense{gap:4px}.o-bar-chart__item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;min-height:0}.o-bar-chart__value{font:700 18px/1 var(--o-font-display);font-variant-numeric:tabular-nums;color:var(--o-text-2);white-space:nowrap}.o-bar-chart__value--accent{color:var(--o-accent)}.o-bar-chart__value--danger{color:var(--o-danger)}.o-bar-chart__track{flex:1;width:100%;min-height:0;display:flex;align-items:flex-end}.o-bar-chart__bar{position:relative;width:100%;min-height:2px;border-radius:8px 8px 2px 2px;background:var(--o-fill-4);transition:height var(--o-duration) ease}.o-bar-chart__bar--accent{background:var(--o-accent)}.o-bar-chart__bar--danger{background:var(--o-danger)}.o-bar-chart__dot{position:absolute;top:6px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--o-danger);box-shadow:0 0 0 2px #0006}.o-bar-chart__bar[class*=o-bar-chart__bar--] .o-bar-chart__dot{background:var(--o-on-accent);box-shadow:none}.o-bar-chart__label{max-width:100%;overflow:hidden;font-size:12px;line-height:1.4;color:var(--o-text-3);text-overflow:ellipsis;white-space:nowrap}.o-spinner{display:inline-flex;align-items:center;gap:.25em;vertical-align:middle}.o-spinner__dot{width:.35em;height:.35em;border-radius:50%;background:currentColor;opacity:.25;animation:o-spinner 1s ease-in-out infinite}.o-spinner__dot:nth-child(2){animation-delay:.15s}.o-spinner__dot:nth-child(3){animation-delay:.3s}@keyframes o-spinner{30%{opacity:1}}@media (prefers-reduced-motion: reduce){.o-spinner__dot{opacity:.6;animation:none}}.o-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:9px 18px;border:0;border-radius:12px;background:var(--o-fill-2);color:var(--o-text);font:600 15px/1.4 var(--o-font-sans);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--o-duration) ease,color var(--o-duration) ease,filter var(--o-duration) ease}.o-button:hover{background:var(--o-fill-3)}.o-button:focus-visible{outline:2px solid var(--o-accent);outline-offset:2px}.o-button:disabled,.o-button[aria-disabled=true]{opacity:.4;cursor:default;pointer-events:none}.o-button[aria-current]:not([aria-current=false]){background:var(--o-text);color:var(--o-on-accent)}.o-button--primary{background:var(--o-accent);color:var(--o-on-accent);font-weight:700}.o-button--primary:hover{background:var(--o-accent);filter:brightness(1.1)}.o-button--soft{background:color-mix(in srgb,var(--o-accent) 15%,transparent);color:var(--o-accent);font-weight:700}.o-button--soft:hover{background:color-mix(in srgb,var(--o-accent) 24%,transparent)}.o-button--ghost{background:none;color:var(--o-text-3)}.o-button--ghost:hover{background:none;color:var(--o-text)}.o-button--link{padding:0;border-radius:4px;background:none;color:var(--o-accent);font-size:13px}.o-button--link:hover{background:none;filter:brightness(1.1)}.o-button--sm{gap:6px;padding:5px 11px;border-radius:var(--o-radius-sm);font-size:13px}.o-button--lg{gap:14px;padding:15px 30px;border-radius:var(--o-radius);font-size:20px}.o-button--pill{border-radius:999px}.o-button--icon{width:42px;height:42px;padding:0}.o-button--icon.o-button--sm{width:30px;height:30px}.o-button--icon.o-button--lg{width:58px;height:58px}.o-button--loading{cursor:default;pointer-events:none}.o-button svg{flex-shrink:0;width:1.2em;height:1.2em}.o-button--flash{filter:brightness(1.35)}.o-button__key{padding:2px 7px;border-radius:6px;background:#ffffff1a;font:700 11px/1.4 var(--o-font-sans);letter-spacing:.04em;text-transform:uppercase}.o-button--primary .o-button__key,.o-button[aria-current]:not([aria-current=false]) .o-button__key{background:#00000026}@media (pointer: coarse){.o-button__key{display:none}.o-button--sm,.o-button--link{position:relative}.o-button--sm:after,.o-button--link:after{content:"";position:absolute;top:-7px;right:0;bottom:-7px;left:0}.o-button--link:after{top:-13px;right:0;bottom:-13px;left:0}}.o-surface{border-radius:var(--o-radius);background:var(--o-surface);color:var(--o-text);font-family:var(--o-font-sans)}.o-surface--strong{background:var(--o-surface-strong)}.o-surface--accent{background:color-mix(in srgb,var(--o-accent) 7%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--o-accent) 45%,transparent)}.o-surface--danger{background:color-mix(in srgb,var(--o-danger) 8%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--o-danger) 45%,transparent)}.o-card{padding:20px}.o-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.o-card__titles{display:flex;flex-direction:column;gap:6px;min-width:0}.o-card__label{font:700 11px/1.4 var(--o-font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--o-text-3)}.o-card__title{margin:0;font:700 24px/1.1 var(--o-font-display);letter-spacing:.03em;text-transform:uppercase}.o-card__actions{flex-shrink:0;display:flex;align-items:center;gap:8px}.o-card__footer{margin-top:16px;padding-top:14px;box-shadow:inset 0 1px #ffffff14;font-size:13px;color:var(--o-text-2)}.o-checkbox{position:relative;display:inline-flex;align-items:flex-start;gap:10px;color:var(--o-text);font:400 14px/20px var(--o-font-sans);cursor:pointer}.o-checkbox__input{position:absolute;top:0;left:0;width:20px;height:20px;margin:0;opacity:0;cursor:inherit}.o-checkbox__box{flex-shrink:0;box-sizing:border-box;width:20px;height:20px;border-radius:6px;background:var(--o-fill-2);box-shadow:inset 0 0 0 1px #fff6;color:transparent;transition:background-color var(--o-duration) ease,box-shadow var(--o-duration) ease}.o-checkbox__box svg{display:block;width:100%;height:100%;padding:3px;box-sizing:border-box;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.o-checkbox__input:checked+.o-checkbox__box{background:var(--o-accent);box-shadow:none;color:var(--o-on-accent)}.o-checkbox__input:focus-visible+.o-checkbox__box{outline:2px solid var(--o-accent);outline-offset:2px}.o-checkbox:has(.o-checkbox__input:disabled){opacity:.4;cursor:default}@media (pointer: coarse){.o-checkbox:after{content:"";position:absolute;top:-10px;right:0;bottom:-10px;left:0}}.o-combobox{position:relative;display:flex;width:100%}.o-combobox__input{padding-right:36px}.o-combobox__trigger{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;width:36px;margin:0;padding:0 12px;border:0;background:none;color:var(--o-text-3);cursor:pointer}.o-combobox__trigger:disabled{cursor:default}.o-combobox__trigger svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.o-select__list.o-combobox__list{min-width:var(--reka-combobox-trigger-width);max-height:min(var(--reka-combobox-content-available-height),320px)}.o-combobox__empty{padding:8px 14px;color:var(--o-text-3)}@keyframes o-fade-in{0%{opacity:0}}.o-dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:o-fade-in var(--o-duration) ease}.o-dialog{position:fixed;top:50%;left:50%;z-index:101;box-sizing:border-box;width:min(var(--o-dialog-width, 520px),calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:28px;border-radius:var(--o-radius-lg);background:var(--o-layer);-webkit-backdrop-filter:blur(var(--o-layer-blur));backdrop-filter:blur(var(--o-layer-blur));box-shadow:0 30px 80px #0009;color:var(--o-text);font-family:var(--o-font-sans);transform:translate(-50%,-50%);animation:o-fade-in var(--o-duration) ease}.o-dialog:focus{outline:none}.o-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.o-dialog__title{margin:0;font:700 30px/1.1 var(--o-font-display);letter-spacing:.03em;text-transform:uppercase}.o-dialog__description{margin:-12px 0 0;font-size:14px;color:var(--o-text-2)}.o-dialog__close{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;margin:0;padding:4px 8px;border:0;border-radius:6px;background:none;color:var(--o-text-3);font:400 14px/1.4 var(--o-font-sans);cursor:pointer;transition:color var(--o-duration) ease}.o-dialog__close:hover{color:var(--o-text)}.o-dialog__close:focus-visible{outline:2px solid var(--o-accent);outline-offset:2px}@media (pointer: coarse){.o-dialog__close{position:relative}.o-dialog__close .o-kbd{display:none}.o-dialog__close:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}}.o-command__box{display:flex;flex-direction:column;gap:12px;min-height:0}.o-command__list{max-height:min(340px,50dvh);overflow-y:auto;outline:none}.o-command__group+.o-command__group{margin-top:8px}.o-command__label{padding:6px 12px;font:700 11px/1.4 var(--o-font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--o-text-3)}.o-command__item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--o-radius-sm);outline:none;color:var(--o-text-2);font:400 14px/1.4 var(--o-font-sans);cursor:pointer;-webkit-user-select:none;user-select:none}.o-command__item[data-highlighted]{background:var(--o-fill-3);color:var(--o-text)}.o-command__item[data-disabled]{opacity:.4;cursor:default}.o-command__icon{flex-shrink:0;width:16px;height:16px}.o-command__text{flex-grow:1;min-width:0}.o-command__description{display:block;overflow:hidden;font-size:12px;color:var(--o-text-3);text-overflow:ellipsis;white-space:nowrap}.o-command__hint{flex-shrink:0;font-size:12px;color:var(--o-text-3)}.o-command__empty{margin:0;padding:20px 12px;text-align:center;font:400 14px/1.4 var(--o-font-sans);color:var(--o-text-3)}@media (pointer: coarse){.o-command__item{padding-block:12px}}.o-dialog.o-drawer{top:0;bottom:0;left:auto;right:0;width:min(var(--o-drawer-width, 420px),calc(100vw - 32px));max-height:none;border-radius:var(--o-radius-lg) 0 0 var(--o-radius-lg);transform:none}.o-dialog.o-drawer--left{left:0;right:auto;border-radius:0 var(--o-radius-lg) var(--o-radius-lg) 0}.o-dialog.o-drawer--bottom{top:auto;left:0;width:100%;max-height:min(var(--o-drawer-height, 85dvh),calc(100dvh - 32px));padding-bottom:max(28px,env(safe-area-inset-bottom));border-radius:var(--o-radius-lg) var(--o-radius-lg) 0 0}@keyframes o-dropdown-menu-in{0%{opacity:0}}.o-dropdown-menu{z-index:110;box-sizing:border-box;min-width:180px;padding:6px 0;border-radius:12px;background:var(--o-layer);-webkit-backdrop-filter:blur(var(--o-layer-blur));backdrop-filter:blur(var(--o-layer-blur));box-shadow:0 16px 40px #00000080;color:var(--o-text-2);font:400 14px/1.4 var(--o-font-sans);animation:o-dropdown-menu-in var(--o-duration) ease}.o-dropdown-menu__item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 14px;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none}.o-dropdown-menu__item[data-highlighted]{background:var(--o-fill-2);color:var(--o-text)}.o-dropdown-menu__item--danger,.o-dropdown-menu__item--danger[data-highlighted]{color:var(--o-danger)}.o-dropdown-menu__item[data-disabled]{opacity:.4;cursor:default}.o-dropdown-menu__label{display:flex;align-items:center;gap:10px}.o-dropdown-menu__label svg{flex-shrink:0;width:16px;height:16px}.o-dropdown-menu__hint{font-size:12px;color:var(--o-text-3)}.o-dropdown-menu__separator{height:1px;margin:6px 14px;background:#ffffff1a}.o-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 20px;color:var(--o-text);font-family:var(--o-font-sans);text-align:center}.o-empty__icon{display:flex;margin-bottom:6px;color:var(--o-text-3)}.o-empty__icon svg{width:32px;height:32px}.o-empty__title{margin:0;font:700 24px/1.1 var(--o-font-display);letter-spacing:.03em;text-transform:uppercase}.o-empty__text{max-width:44ch;margin:0;font-size:14px;line-height:1.5;color:var(--o-text-2)}.o-empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px}.o-field{display:flex;flex-direction:column;gap:6px;font-family:var(--o-font-sans)}.o-field__label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--o-text-3)}.o-field__message{min-height:18px;font-size:12px;line-height:18px;color:var(--o-text-3)}.o-field__message--error{color:var(--o-danger)}.o-input{box-sizing:border-box;width:100%;margin:0;padding:9px 12px;border:0;border-radius:var(--o-radius-sm);outline:none;background:var(--o-fill-2);box-shadow:inset 0 0 0 1px #ffffff26;color:var(--o-text);font:400 15px/1.4 var(--o-font-sans);transition:box-shadow var(--o-duration) ease}.o-input::placeholder{color:var(--o-text-3)}.o-input:focus{box-shadow:inset 0 0 0 2px var(--o-accent)}.o-input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--o-danger)}.o-input:disabled{opacity:.4}@media (pointer: coarse){.o-input{font-size:16px}}.o-kbd{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:1.75em;height:1.75em;padding:0 .45em;border-radius:.4em;background:linear-gradient(#ffffff2e,#ffffff12);box-shadow:inset 0 1px #ffffff47,0 .16em #0000008c;color:var(--o-text);font:700 max(.82em,11px) / 1 var(--o-font-sans);white-space:nowrap;transition:background-color var(--o-duration) ease,color var(--o-duration) ease,box-shadow var(--o-duration) ease}.o-kbd--cap{min-width:42px;height:42px;padding:0 10px;border-radius:var(--o-radius-sm);box-shadow:inset 0 1px #ffffff47,0 3px #0000008c;font:700 24px/1 var(--o-font-display)}.o-kbd--pressed{background:color-mix(in srgb,var(--o-accent) 24%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--o-accent) 70%,transparent),0 .16em #0000008c;color:var(--o-accent)}.o-kbd--cap.o-kbd--pressed{box-shadow:inset 0 1px color-mix(in srgb,var(--o-accent) 70%,transparent),0 3px #0000008c}.o-kbd--outline{min-width:0;height:auto;padding:0 6px;border-radius:5px;background:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 40%,transparent);color:inherit;font:700 11px/1.5 var(--o-font-sans)}.o-kbd--outline.o-kbd--pressed{background:color-mix(in srgb,var(--o-accent) 24%,transparent);box-shadow:inset 0 0 0 1px var(--o-accent);color:var(--o-accent)}.o-key-capture{display:inline-flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:0;border:0;background:none;color:var(--o-text);font-family:var(--o-font-sans);cursor:pointer}.o-key-capture:focus-visible{outline:none}.o-key-capture:disabled{opacity:.4;cursor:default}.o-key-capture__key{min-width:48px;height:48px;font-size:26px}.o-key-capture:hover:not(:disabled) .o-key-capture__key{box-shadow:inset 0 0 0 1px #fff6,0 3px #0000008c}.o-key-capture:focus-visible .o-key-capture__key{box-shadow:inset 0 0 0 2px #ffffffb3,0 3px #0000008c}.o-key-capture--waiting .o-key-capture__key,.o-key-capture--waiting:hover:not(:disabled) .o-key-capture__key{background:color-mix(in srgb,var(--o-accent) 18%,transparent);box-shadow:inset 0 0 0 2px var(--o-accent),0 3px #0000008c;color:var(--o-accent)}.o-key-capture__label{font-size:11px;line-height:1.4;color:var(--o-text-3)}.o-pagination{font-family:var(--o-font-sans)}.o-pagination__list{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.o-pagination__page{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:32px;height:32px;margin:0;padding:0 8px;border:0;border-radius:var(--o-radius-sm);background:none;color:var(--o-text-2);font:600 13px/1 var(--o-font-sans);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--o-duration) ease,color var(--o-duration) ease}.o-pagination__page:hover{background:var(--o-fill-2);color:var(--o-text)}.o-pagination__page[data-selected]{background:#ffffff24;color:var(--o-text)}.o-pagination__page:focus-visible{outline:2px solid var(--o-accent);outline-offset:-2px}.o-pagination__page:disabled{opacity:.4;background:none;cursor:default}.o-pagination__arrow svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.o-pagination__gap{min-width:20px;text-align:center;color:var(--o-text-3);font-size:13px}@media (pointer: coarse){.o-pagination__page{min-width:40px;height:40px}}.o-pin-input{display:inline-flex;gap:8px}.o-pin-input__cell{box-sizing:border-box;width:44px;height:52px;margin:0;padding:0;border:0;border-radius:var(--o-radius-sm);outline:none;background:var(--o-fill-2);box-shadow:inset 0 0 0 1px #ffffff26;color:var(--o-text);caret-color:var(--o-accent);font:700 28px/1 var(--o-font-display);text-align:center;transition:box-shadow var(--o-duration) ease}.o-pin-input__cell--gap{margin-left:12px}.o-pin-input__cell:focus{box-shadow:inset 0 0 0 2px var(--o-accent)}.o-pin-input__cell[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--o-danger)}.o-pin-input__cell:disabled{opacity:.4}.o-pips{position:relative;display:inline-flex;gap:10px}.o-pips--marked{padding-top:14px}.o-pips__pip{box-sizing:border-box;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff4d;transition:background-color var(--o-duration) ease,box-shadow var(--o-duration) ease}.o-pips__pip--done{background:var(--o-accent);box-shadow:inset 0 0 0 2px var(--o-accent)}.o-pips__marker{position:absolute;top:0;width:0;height:0;border-right:6px solid transparent;border-left:6px solid transparent;border-top:9px solid rgb(255 255 255 / .85)}@keyframes o-popover-in{0%{opacity:0}}.o-popover{z-index:110;box-sizing:border-box;width:min(var(--o-popover-width, 280px),calc(100vw - 32px));padding:16px;border-radius:var(--o-radius);background:var(--o-layer);-webkit-backdrop-filter:blur(var(--o-layer-blur));backdrop-filter:blur(var(--o-layer-blur));box-shadow:0 16px 40px #00000080;color:var(--o-text);font:400 14px/1.5 var(--o-font-sans);animation:o-popover-in var(--o-duration) ease}.o-popover:focus{outline:none}.o-progress{height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden}.o-progress__bar{height:100%;border-radius:inherit;background:var(--o-accent);transition:width var(--o-duration) ease,background-color var(--o-duration) ease}.o-progress--danger .o-progress__bar{background:var(--o-danger)}.o-radio{display:flex;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;border:0;color:var(--o-text);font:400 14px/20px var(--o-font-sans)}.o-radio__legend{margin-bottom:8px;padding:0;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--o-text-3)}.o-radio__option{position:relative;display:flex;align-items:flex-start;gap:10px;cursor:pointer}.o-radio__input{position:absolute;top:0;left:0;width:20px;height:20px;margin:0;opacity:0;cursor:inherit}.o-radio__dot{flex-shrink:0;box-sizing:border-box;width:20px;height:20px;border-radius:50%;background:var(--o-fill-2);box-shadow:inset 0 0 0 1px #fff6;transition:box-shadow var(--o-duration) ease}.o-radio__input:checked+.o-radio__dot{box-shadow:inset 0 0 0 6px var(--o-accent);background:var(--o-on-accent)}.o-radio__input:focus-visible+.o-radio__dot{outline:2px solid var(--o-accent);outline-offset:2px}.o-radio__text{display:flex;flex-direction:column}.o-radio__hint{font-size:12px;line-height:18px;color:var(--o-text-3)}.o-radio:disabled,.o-radio__option:has(.o-radio__input:disabled){opacity:.4}.o-radio:disabled .o-radio__option,.o-radio__option:has(.o-radio__input:disabled){cursor:default}@media (pointer: coarse){.o-radio__option:after{content:"";position:absolute;top:-3px;right:0;bottom:-3px;left:0}}.o-select{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 14px;border:0;border-radius:999px;background:var(--o-fill-2);color:var(--o-text);font:400 14px/1.4 var(--o-font-sans);white-space:nowrap;cursor:pointer;transition:background-color var(--o-duration) ease}.o-select:hover,.o-select[data-state=open]{background:var(--o-fill-3)}.o-select:focus-visible{outline:2px solid var(--o-accent);outline-offset:2px}.o-select[data-placeholder]{color:var(--o-text-3)}.o-select:disabled{opacity:.4;cursor:default}.o-select__chevron{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@keyframes o-select-in{0%{opacity:0}}.o-select__list{z-index:110;box-sizing:border-box;min-width:max(var(--reka-select-trigger-width),160px);max-height:min(var(--reka-select-content-available-height),320px);overflow-y:auto;padding:6px 0;border-radius:12px;background:var(--o-layer);-webkit-backdrop-filter:blur(var(--o-layer-blur));backdrop-filter:blur(var(--o-layer-blur));box-shadow:0 16px 40px #00000080;color:var(--o-text-2);font:400 14px/1.4 var(--o-font-sans);animation:o-select-in var(--o-duration) ease}.o-select__option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 14px;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none}.o-select__option[data-highlighted]{background:var(--o-fill-2);color:var(--o-text)}.o-select__option[data-state=checked]{color:var(--o-text);font-weight:600}.o-select__option[data-disabled]{opacity:.4;cursor:default}.o-select__hint{font-size:12px;font-weight:400;color:var(--o-text-3)}.o-skeleton{display:block;height:1em;border-radius:var(--o-radius-sm);background:var(--o-fill-2);animation:o-skeleton 1.4s ease-in-out infinite}@keyframes o-skeleton{50%{opacity:.45}}@media (prefers-reduced-motion: reduce){.o-skeleton{animation:none}}.o-slider{position:relative;display:flex;align-items:center;width:100%;height:20px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.o-slider__track{position:relative;flex-grow:1;height:6px;border-radius:999px;background:var(--o-fill-3)}.o-slider__range{position:absolute;height:100%;border-radius:inherit;background:var(--o-accent)}.o-slider__thumb{display:block;width:18px;height:18px;border-radius:50%;background:var(--o-text);box-shadow:0 2px 6px #00000080}.o-slider__thumb:focus-visible{outline:2px solid var(--o-accent);outline-offset:2px}.o-slider[data-disabled]{opacity:.4;cursor:default}@media (pointer: coarse){.o-slider__thumb:after{content:"";position:absolute;top:-13px;right:-13px;bottom:-13px;left:-13px}}.o-sparkline{display:block;max-width:100%;overflow:visible}.o-sparkline__line{fill:none;stroke:#ffffff73;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.o-sparkline__dot{fill:var(--o-accent)}.o-sparkline__dot--danger{fill:var(--o-danger)}.o-stat{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:var(--o-surface);color:var(--o-text)}.o-stat__label{font:700 11px/1.4 var(--o-font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--o-text-3)}.o-stat__value{font:700 28px/1 var(--o-font-display);font-variant-numeric:tabular-nums;white-space:nowrap}.o-stat__value--accent{color:var(--o-accent)}.o-stat__value--danger{color:var(--o-danger)}.o-switch{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;color:var(--o-text);font:400 14px/20px var(--o-font-sans);cursor:pointer}.o-switch__input{position:absolute;top:50%;right:0;width:38px;height:22px;margin:-11px 0 0;opacity:0;cursor:inherit}.o-switch__track{flex-shrink:0;display:flex;box-sizing:border-box;width:38px;height:22px;padding:3px;border-radius:999px;background:var(--o-fill-3)}.o-switch__thumb{width:16px;height:16px;border-radius:50%;background:#ffffffb3}.o-switch__input:checked+.o-switch__track{justify-content:flex-end;background:var(--o-accent)}.o-switch__input:checked+.o-switch__track .o-switch__thumb{background:var(--o-on-accent)}.o-switch__input:focus-visible+.o-switch__track{outline:2px solid var(--o-accent);outline-offset:2px}.o-switch:has(.o-switch__input:disabled){opacity:.4;cursor:default}@media (pointer: coarse){.o-switch:after{content:"";position:absolute;top:-10px;right:0;bottom:-10px;left:0}}.o-table{width:100%;border-collapse:separate;border-spacing:0;color:var(--o-text);font:400 14px/1.4 var(--o-font-sans)}.o-table th{padding:8px 12px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--o-text-3)}.o-table td{padding:10px 12px}.o-table tbody tr:nth-child(odd) td{background:var(--o-fill-1)}.o-table td:first-child{border-radius:var(--o-radius-sm) 0 0 var(--o-radius-sm)}.o-table td:last-child{border-radius:0 var(--o-radius-sm) var(--o-radius-sm) 0}.o-table th.o-table__numeric,.o-table td.o-table__numeric{text-align:right}.o-table td.o-table__numeric{font:700 20px/1 var(--o-font-display);font-variant-numeric:tabular-nums;white-space:nowrap}.o-table tr[class*=o-table__row--]{border-radius:var(--o-radius-sm);outline-style:solid;outline-width:2px;outline-offset:-2px}.o-table .o-table__row--accent{outline-color:color-mix(in srgb,var(--o-accent) 45%,transparent)}.o-table tbody .o-table__row--accent td{background:color-mix(in srgb,var(--o-accent) 10%,transparent)}.o-table .o-table__row--danger{outline-color:color-mix(in srgb,var(--o-danger) 45%,transparent)}.o-table tbody .o-table__row--danger td{background:color-mix(in srgb,var(--o-danger) 8%,transparent)}@media (hover: hover){.o-table.o-table--hoverable td{transition:background-color var(--o-duration) ease}.o-table.o-table--hoverable tbody tr:hover td{background:var(--o-fill-2)}.o-table.o-table--hoverable tbody .o-table__row--accent:hover td{background:color-mix(in srgb,var(--o-accent) 16%,transparent)}.o-table.o-table--hoverable tbody .o-table__row--danger:hover td{background:color-mix(in srgb,var(--o-danger) 14%,transparent)}}.o-tabs{font-family:var(--o-font-sans)}.o-tabs__list{display:flex;gap:4px;max-width:100%;overflow-x:auto}.o-tabs__tab{flex-shrink:0;margin:0;border:0;background:none;color:var(--o-text-2);font:600 13px/1.4 var(--o-font-sans);white-space:nowrap;cursor:pointer;transition:background-color var(--o-duration) ease,color var(--o-duration) ease,box-shadow var(--o-duration) ease}.o-tabs__tab:hover,.o-tabs__tab[data-state=active]{color:var(--o-text)}.o-tabs__tab:focus-visible{outline:2px solid var(--o-accent);outline-offset:-2px}.o-tabs__tab:disabled{opacity:.4;cursor:default}.o-tabs--segmented .o-tabs__list{display:inline-flex;padding:4px;border-radius:999px;background:var(--o-surface)}.o-tabs--segmented .o-tabs__tab{padding:6px 16px;border-radius:999px}.o-tabs--segmented .o-tabs__tab[data-state=active]{background:#ffffff24}.o-tabs--underline .o-tabs__list{box-shadow:inset 0 -1px #ffffff1a}.o-tabs--underline .o-tabs__tab{padding:10px 16px;font-size:15px;font-weight:400}.o-tabs--underline .o-tabs__tab[data-state=active]{box-shadow:inset 0 -2px 0 var(--o-accent);font-weight:600}.o-tabs__panel{padding-top:16px;outline:none}@media (pointer: coarse){.o-tabs--segmented .o-tabs__tab{padding-block:10px}}.o-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--o-radius-sm);background:var(--o-fill-2);color:var(--o-text);font:600 13px/1.4 var(--o-font-sans);white-space:nowrap}.o-tag svg{flex-shrink:0;width:1.1em;height:1.1em}.o-tag--accent{background:color-mix(in srgb,var(--o-accent) 15%,transparent);color:var(--o-accent)}.o-tag--danger{background:color-mix(in srgb,var(--o-danger) 15%,transparent);color:var(--o-danger)}.o-tag__remove{display:flex;margin:0 -3px 0 0;padding:2px;border:0;border-radius:5px;background:none;color:inherit;opacity:.6;cursor:pointer;transition:background-color var(--o-duration) ease,opacity var(--o-duration) ease}.o-tag__remove:hover{background:#ffffff1f;opacity:1}.o-tag__remove:focus-visible{outline:2px solid var(--o-accent);outline-offset:1px;opacity:1}.o-tag__remove svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}@media (pointer: coarse){.o-tag__remove{position:relative}.o-tag__remove:after{content:"";position:absolute;top:-14px;right:-10px;bottom:-14px;left:-10px}}.o-textarea{display:block;min-height:40px;line-height:1.5;resize:vertical}.o-timeline{margin:0;padding:0;list-style:none;color:var(--o-text);font:400 14px/20px var(--o-font-sans)}.o-timeline__item{position:relative;padding:0 0 20px 28px}.o-timeline__item:last-child{padding-bottom:0}.o-timeline__item:not(:last-child):before{content:"";position:absolute;top:20px;bottom:0;left:5px;width:2px;border-radius:1px;background:#ffffff1a}.o-timeline__dot{position:absolute;top:4px;left:0;box-sizing:border-box;width:12px;height:12px;border-radius:50%;background:#ffffff73}.o-timeline__item--pending .o-timeline__dot{background:none;box-shadow:inset 0 0 0 2px #ffffff4d}.o-timeline__item--pending .o-timeline__title{color:var(--o-text-2);font-weight:400}.o-timeline__item--accent .o-timeline__dot{background:var(--o-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--o-accent) 22%,transparent)}.o-timeline__item--danger .o-timeline__dot{background:var(--o-danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--o-danger) 22%,transparent)}.o-timeline__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.o-timeline__title{font-weight:600}.o-timeline__item--danger .o-timeline__title{color:var(--o-danger)}.o-timeline__time{flex-shrink:0;font-size:12px;color:var(--o-text-3);font-variant-numeric:tabular-nums;white-space:nowrap}.o-timeline__text{margin:2px 0 0;font-size:13px;color:var(--o-text-2)}.o-timeline__more{margin-top:8px}@keyframes o-toast-in{0%{opacity:0}}.o-toaster{position:fixed;right:16px;bottom:24px;left:16px;z-index:130;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.o-toast{max-width:min(480px,100%);margin:0;padding:10px 16px;border:0;border-radius:12px;background:var(--o-layer);-webkit-backdrop-filter:blur(var(--o-layer-blur));backdrop-filter:blur(var(--o-layer-blur));box-shadow:0 16px 40px #00000080;color:var(--o-text);font:400 14px/1.4 var(--o-font-sans);text-align:left;cursor:pointer;pointer-events:auto;animation:o-toast-in var(--o-duration) ease}.o-toast--accent{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--o-accent) 45%,transparent),0 16px 40px #00000080}.o-toast--danger{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--o-danger) 45%,transparent),0 16px 40px #00000080}.o-toast:focus-visible{outline:2px solid var(--o-accent);outline-offset:2px}.o-toggle{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 14px;border:0;border-radius:999px;background:var(--o-fill-2);color:var(--o-text-2);font:400 14px/1.4 var(--o-font-sans);white-space:nowrap;cursor:pointer;transition:background-color var(--o-duration) ease,color var(--o-duration) ease}.o-toggle svg{flex-shrink:0;width:1.2em;height:1.2em}.o-toggle:hover{background:var(--o-fill-3)}.o-toggle[aria-pressed=true]{background:color-mix(in srgb,var(--o-accent) 15%,transparent);color:var(--o-accent)}.o-toggle:focus-visible{outline:2px solid var(--o-accent);outline-offset:2px}.o-toggle:disabled{opacity:.4;cursor:default;pointer-events:none}.o-toggle__key{padding:0 6px;border-radius:5px;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 45%,transparent);font:700 11px/1.5 var(--o-font-sans);text-transform:uppercase}@media (pointer: coarse){.o-toggle__key{display:none}}@keyframes o-tooltip-in{0%{opacity:0}}.o-tooltip{z-index:120;max-width:260px;padding:6px 10px;border-radius:var(--o-radius-sm);background:var(--o-layer);-webkit-backdrop-filter:blur(var(--o-layer-blur));backdrop-filter:blur(var(--o-layer-blur));box-shadow:0 8px 24px #00000080;color:var(--o-text);font:400 12px/1.4 var(--o-font-sans);animation:o-tooltip-in var(--o-duration) ease}:root{--o-accent: #a5ff4d;--o-danger: #ff8a8a;--o-on-accent: #111;--o-surface: rgb(0 0 0 / .3);--o-surface-strong: rgb(0 0 0 / .4);--o-layer: rgb(20 20 26 / .8);--o-layer-blur: 16px;--o-fill-1: rgb(255 255 255 / .04);--o-fill-2: rgb(255 255 255 / .08);--o-fill-3: rgb(255 255 255 / .12);--o-fill-4: rgb(255 255 255 / .22);--o-text: #fff;--o-text-2: rgb(255 255 255 / .75);--o-text-3: rgb(255 255 255 / .5);--o-radius-sm: 8px;--o-radius: 14px;--o-radius-lg: 24px;--o-font-sans: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--o-font-display: "Barlow Condensed", "Fira Sans Condensed", "Avenir Next Condensed", "Arial Narrow", "Roboto Condensed", "sans-serif-condensed", "DejaVu Sans Condensed", "Liberation Sans Narrow", sans-serif;--o-duration: .16s;--o-bg: #0b0b0f;--o-bg-1: #3a4fd0;--o-bg-2: #8a2bb8;--o-bg-3: #0e7f78;--o-bg-4: #b0561a}@media (prefers-reduced-motion: reduce){:root{--o-duration: 0ms}}:root{color-scheme:dark}body{margin:0;font-family:var(--o-font-sans);color:var(--o-text);background-color:var(--o-bg)}*{scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .18) transparent}*,:before,:after{box-sizing:border-box}@media (pointer: coarse){html{touch-action:pan-x pan-y}}body{min-height:100dvh;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{max-width:1240px;margin:0 auto;padding:0 32px}.top{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font:800 30px/1 var(--o-font-display);letter-spacing:.1em}.top-nav,.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nowrap{flex-wrap:nowrap}.between{justify-content:space-between}.col{display:flex;flex-direction:column;gap:12px}.label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--o-text-3)}.hint{font-size:12px;color:var(--o-text-3)}.number{font:700 56px/1 var(--o-font-display)}.number.small{font-size:34px}.hero{padding:64px 0 48px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center}.hero h1{margin:0;font:800 clamp(56px,7.4vw,104px) / .92 var(--o-font-display);letter-spacing:.01em;text-transform:uppercase}.hero h1 em{font-style:normal;color:var(--o-accent)}.hero .lead{margin:22px 0 30px;max-width:46ch;font-size:18px;color:var(--o-text-2)}.demo-frame{margin:0;display:flex;flex-direction:column;gap:10px}.demo-frame__caption{display:flex;justify-content:flex-end;padding:0 4px}.demo-panel{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:20px}.demo-panel__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.demo-panel code{font:400 13px ui-monospace,SF Mono,Menlo,monospace}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.setup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:12px 0 48px}.setup__code{flex:1;margin:0;overflow-x:auto;color:var(--o-text-2);font:400 13px/1.7 ui-monospace,SF Mono,Menlo,monospace}.setup__more{align-self:flex-start}.claim{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.claim h3,.principles h3{margin:0;font:700 24px/1.1 var(--o-font-display);letter-spacing:.03em;text-transform:uppercase}.claim p,.principles p{margin:0;font-size:14px;color:var(--o-text-2)}.section{margin:24px 0 16px;font:700 36px/1.1 var(--o-font-display);letter-spacing:.03em;text-transform:uppercase}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:72px}.principles h3{margin-bottom:6px}.docs{display:grid;grid-template-columns:200px minmax(0,1fr) 150px;gap:40px;padding:28px 0 96px;align-items:start}.side{position:sticky;top:24px;display:flex;flex-direction:column;gap:22px}.side .label{padding:0 12px 6px}.side a{display:block;padding:6px 12px;border-radius:var(--o-radius-sm);font-size:14px;color:var(--o-text-2);transition:background-color var(--o-duration) ease,color var(--o-duration) ease}.side a:hover{background:var(--o-fill-1);color:var(--o-text)}.side a[aria-current]{background:var(--o-fill-3);color:var(--o-text);font-weight:600}.example{padding:20px 0 96px}.example-source{position:absolute;top:-50px;right:0;display:flex;gap:8px}.source{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:start}.source__files{position:sticky;top:0;display:flex;flex-direction:column;gap:2px}.source__files .label{padding:0 12px 8px;font:400 11px/1.5 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:0;text-transform:none;overflow-wrap:anywhere}.source__file{margin:0;padding:6px 12px;border:0;border-radius:var(--o-radius-sm);background:none;color:var(--o-text-2);font:400 13px/1.5 ui-monospace,SF Mono,Menlo,monospace;text-align:left;cursor:pointer;transition:background-color var(--o-duration) ease,color var(--o-duration) ease}.source__file:hover{background:var(--o-fill-1);color:var(--o-text)}.source__file[aria-current]{background:var(--o-fill-3);color:var(--o-text)}.source__file:focus-visible{outline:2px solid var(--o-accent);outline-offset:-2px}.source__github{align-self:flex-start;margin-top:14px}@media (max-width: 700px){.source{grid-template-columns:minmax(0,1fr)}.source__files{position:static}}.o-dialog.content div[class*=language-]{margin:0}.example-nav{display:flex;gap:8px;margin-bottom:20px}.example>div>:is(h1+p,h2,p,ul,div[class*=language-]){max-width:760px}.outline{position:sticky;top:24px;display:flex;flex-direction:column;gap:2px;font-size:13px}.outline .label{margin-bottom:6px}.outline a{padding:3px 0;color:var(--o-text-3);transition:color var(--o-duration) ease}.outline a:hover{color:var(--o-text)}@media (max-width: 1100px){.docs{grid-template-columns:200px minmax(0,1fr)}.outline{display:none}}.editor{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px;align-items:start;margin:24px 0 16px}.editor__panel{position:sticky;top:16px;display:flex;flex-direction:column;gap:20px}.editor__group,.editor__preview{display:flex;flex-direction:column;gap:12px}.editor__group{gap:10px}.editor__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.editor__pair,.editor__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.editor__stats{grid-template-columns:repeat(3,minmax(0,1fr))}.editor__dot{width:10px;height:10px;border-radius:50%}.editor__colour{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}.editor input[type=color]{width:32px;height:32px;padding:0;border:0;border-radius:var(--o-radius-sm);background:none;cursor:pointer}.editor input[type=color]::-webkit-color-swatch-wrapper{padding:0}.editor input[type=color]::-webkit-color-swatch{border:0;border-radius:var(--o-radius-sm)}.editor__reset{align-self:flex-start}.editor__css{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:760px}.editor__css>div{width:100%;margin:0}@media (max-width: 900px){.editor,.editor__pair{grid-template-columns:minmax(0,1fr)}.editor__panel{position:static}}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;margin:20px 0 56px}.gallery__item{display:flex;flex-direction:column;gap:6px;border-radius:var(--o-radius)}.gallery__item:focus-visible{outline:2px solid var(--o-accent);outline-offset:6px}.gallery__shot{margin-bottom:6px;padding:10px;overflow:hidden;transition:background-color var(--o-duration) ease}.gallery__item:hover .gallery__shot{background:var(--o-fill-2)}.gallery__shot img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top left;border-radius:calc(var(--o-radius) - 6px)}.gallery .gallery__title{margin:0;font:700 24px/1.1 var(--o-font-display);letter-spacing:.03em;text-transform:uppercase}.gallery p{margin:0;font-size:14px;color:var(--o-text-2)}.examples-tabs{margin-top:16px}.examples-tabs .section-lead{margin:4px 0 0;max-width:760px}.sites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 56px}.sites__item{display:flex;border-radius:var(--o-radius)}.sites__item:focus-visible{outline:2px solid var(--o-accent);outline-offset:4px}.sites__card{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px;transition:background-color var(--o-duration) ease}.sites__item:hover .sites__card{background:var(--o-fill-2)}.sites__head{display:flex;align-items:center;gap:8px}.sites .sites__name{margin:0;font:700 24px/1.1 var(--o-font-display);letter-spacing:.03em;text-transform:uppercase}.sites__arrow{width:18px;height:18px;color:var(--o-text-3)}.sites p{margin:0;font-size:14px;color:var(--o-text-2)}.sites__add .o-button{margin-top:4px}@media (max-width: 700px){.sites{grid-template-columns:minmax(0,1fr)}}.section-lead{margin:-8px 0 0;color:var(--o-text-2)}@media (max-width: 700px){.gallery{grid-template-columns:minmax(0,1fr)}}.not-found{padding:96px 0;display:flex;flex-direction:column;align-items:center;gap:16px}:where(.content) h1,.not-found h1{margin:0;font:800 64px/1 var(--o-font-display);letter-spacing:.02em;text-transform:uppercase}.content h1+p{margin:12px 0 28px;font-size:17px;color:var(--o-text-2)}:where(.content) h2{margin:44px 0 6px;font:700 30px/1.1 var(--o-font-display);letter-spacing:.03em;text-transform:uppercase}:where(.content) h3{margin:28px 0 4px;font-size:16px}:where(.content) p,:where(.content) li{color:var(--o-text-2)}:where(.content) p{margin:10px 0}.content :is(p,li) a{color:var(--o-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--o-accent) 45%,transparent);text-underline-offset:3px}.content :is(p,li) a:hover{text-decoration-color:currentColor}.content .header-anchor{display:none}.content :not(pre)>code{padding:1px 6px;border-radius:5px;background:var(--o-fill-2);color:var(--o-text);font-size:13px;white-space:nowrap}.content div[class*=language-]{margin:14px 0;border-radius:var(--o-radius);background:#00000073;overflow:hidden}.content div[class*=language-]{position:relative}.content div[class*=language-]>span.lang{display:none}.content div[class*=language-]>button.copy{position:absolute;top:8px;right:8px;z-index:1;margin:0;padding:4px 10px;border:0;border-radius:var(--o-radius-sm);background:var(--o-fill-2);color:var(--o-text-2);font:600 12px/1.4 var(--o-font-sans);cursor:pointer;opacity:0;transition:opacity var(--o-duration) ease,background-color var(--o-duration) ease,color var(--o-duration) ease}.content div[class*=language-]>button.copy:before{content:"Copy"}.content div[class*=language-]:hover>button.copy,.content div[class*=language-]>button.copy:focus-visible,.content div[class*=language-]>button.copy.copied{opacity:1}.content div[class*=language-]>button.copy:hover{background:var(--o-fill-3);color:var(--o-text)}.content div[class*=language-]>button.copy:focus-visible{outline:2px solid var(--o-accent);outline-offset:2px}.content div[class*=language-]>button.copy.copied{color:var(--o-accent)}.content div[class*=language-]>button.copy.copied:before{content:"Copied"}.content .vp-code-group{margin:14px 0}.content .vp-code-group .tabs{display:flex;gap:4px;padding:6px 6px 0;border-radius:var(--o-radius) var(--o-radius) 0 0;background:#00000073}.content .vp-code-group .tabs input{position:absolute;opacity:0;pointer-events:none}.content .vp-code-group .tabs label{padding:5px 12px;border-radius:999px;color:var(--o-text-2);font-size:13px;font-weight:600;cursor:pointer;transition:background-color var(--o-duration) ease,color var(--o-duration) ease}.content .vp-code-group .tabs label:hover{color:var(--o-text)}.content .vp-code-group .tabs input:checked+label{background:#ffffff24;color:var(--o-text)}.content .vp-code-group .tabs input:focus-visible+label{outline:2px solid var(--o-accent);outline-offset:2px}.content .vp-code-group .blocks>div[class*=language-]{display:none;margin:0;border-top-left-radius:0;border-top-right-radius:0}.content .vp-code-group .blocks>div[class*=language-].active{display:block}.content pre{margin:0;padding:16px 18px;overflow-x:auto;background:none!important;font-size:13px;line-height:1.6}.content code{font-family:ui-monospace,SF Mono,Menlo,monospace}.demo{margin:14px 0;padding:36px 24px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.demo:has(+div[class*=language-]){margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.demo+div[class*=language-]{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.demo p{margin:0}.table-scroll{overflow-x:auto}.table-scroll td code{white-space:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone}.table-scroll :is(th,td):last-child:not(:first-child){min-width:200px}@media (max-width: 900px){.table-scroll td code{white-space:nowrap}.table-scroll :is(th,td):last-child:not(:first-child){min-width:260px}}.content table{width:100%;margin:14px 0;border-collapse:collapse;font-size:14px}.content th{padding:8px 12px;text-align:left;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--o-text-3)}.content td{padding:10px 12px;vertical-align:top;color:var(--o-text-2)}.table-scroll tbody tr:nth-child(odd) td{background:var(--o-fill-1)}.content td:first-child{border-radius:var(--o-radius-sm) 0 0 var(--o-radius-sm)}.content td:last-child{border-radius:0 var(--o-radius-sm) var(--o-radius-sm) 0}@media (max-width: 900px){.wrap{padding:0 16px}.hero{grid-template-columns:1fr;padding-top:32px}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-panel__stats{gap:8px}.principles,.setup,.docs{grid-template-columns:minmax(0,1fr)}.side{display:none}.top{flex-wrap:wrap;padding:12px 0}.top-nav{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}.example-nav{overflow-x:auto;scrollbar-width:none}.example-nav>*{flex-shrink:0}.example-source{position:static;margin-bottom:16px}}@media (pointer: coarse){.hint:has(.o-kbd),[class*=__note]:has(.o-kbd){display:none}}.dash[data-v-5eee7492],.dash__col[data-v-5eee7492]{display:flex;flex-direction:column;gap:12px}.dash__head[data-v-5eee7492],.dash__row[data-v-5eee7492]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dash__row[data-v-5eee7492]{justify-content:space-between}.dash__head h1[data-v-5eee7492]{margin:0 8px 0 0;font:800 44px/1 var(--o-font-display);letter-spacing:.02em;text-transform:uppercase}.dash__spacer[data-v-5eee7492]{flex:1}.dash__stats[data-v-5eee7492]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dash__main[data-v-5eee7492]{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:12px}.dash__note[data-v-5eee7492]{margin:0;font-size:12px;color:var(--o-text-3)}.dash__swatch[data-v-5eee7492]{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--o-danger)}.dash__number[data-v-5eee7492]{font:700 56px/1 var(--o-font-display)}.dash__number--small[data-v-5eee7492]{font-size:34px}.dash__loading[data-v-5eee7492]{width:70%;height:28px}.dash__scroll[data-v-5eee7492]{overflow-x:auto}.dash code[data-v-5eee7492]{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.dash[data-v-5eee7492] .o-bar-chart{flex:1;height:auto;min-height:260px}@media (max-width: 900px){.dash__stats[data-v-5eee7492]{grid-template-columns:repeat(2,minmax(0,1fr))}.dash__main[data-v-5eee7492]{grid-template-columns:1fr}}.incident[data-v-b3b69084],.incident__col[data-v-b3b69084]{display:flex;flex-direction:column;gap:12px}.incident__head[data-v-b3b69084],.incident__row[data-v-b3b69084]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.incident__row[data-v-b3b69084]{justify-content:space-between}.incident__end[data-v-b3b69084]{justify-content:flex-end}.incident__head h1[data-v-b3b69084]{margin:0 4px 0 0;font:800 44px/1 var(--o-font-display);letter-spacing:.02em;text-transform:uppercase}.incident__spacer[data-v-b3b69084]{flex:1}.incident__stats[data-v-b3b69084]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.incident__main[data-v-b3b69084]{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:12px;align-items:start}.incident__label[data-v-b3b69084]{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--o-text-3)}.incident__note[data-v-b3b69084]{margin:0;font-size:12px;color:var(--o-text-3)}.incident__swatch[data-v-b3b69084]{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--o-danger)}.incident__scroll[data-v-b3b69084]{overflow-x:auto}.incident code[data-v-b3b69084]{font:400 13px ui-monospace,SF Mono,Menlo,monospace}@media (max-width: 900px){.incident__stats[data-v-b3b69084]{grid-template-columns:repeat(2,minmax(0,1fr))}.incident__main[data-v-b3b69084]{grid-template-columns:minmax(0,1fr)}}.projects[data-v-5dc8e3cf]{display:flex;flex-direction:column;gap:12px}.projects__head[data-v-5dc8e3cf],.projects__tools[data-v-5dc8e3cf],.projects__row[data-v-5dc8e3cf]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.projects__row[data-v-5dc8e3cf]{justify-content:space-between}.projects__end[data-v-5dc8e3cf]{justify-content:flex-end}.projects__head h1[data-v-5dc8e3cf]{margin:0 8px 0 0;font:800 44px/1 var(--o-font-display);letter-spacing:.02em;text-transform:uppercase}.projects__spacer[data-v-5dc8e3cf]{flex:1}.projects__search[data-v-5dc8e3cf]{flex:1;min-width:180px;max-width:360px}.projects__list[data-v-5dc8e3cf]{min-height:260px;overflow-x:auto}.projects__loading[data-v-5dc8e3cf]{display:flex;flex-direction:column;gap:8px;padding-top:34px}.projects__skeleton[data-v-5dc8e3cf]{height:46px}.projects__label[data-v-5dc8e3cf]{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--o-text-3)}.projects__person[data-v-5dc8e3cf]{display:inline-flex;align-items:center;gap:8px}.projects__note[data-v-5dc8e3cf]{margin:0;font-size:12px;color:var(--o-text-3)}.projects code[data-v-5dc8e3cf]{font:400 13px ui-monospace,SF Mono,Menlo,monospace}.settings[data-v-8ab800d0]{max-width:860px}.settings[data-v-8ab800d0],.settings__col[data-v-8ab800d0]{display:flex;flex-direction:column;gap:14px}.settings__head[data-v-8ab800d0],.settings__row[data-v-8ab800d0]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.settings__head[data-v-8ab800d0],.settings__between[data-v-8ab800d0]{justify-content:space-between}.settings__end[data-v-8ab800d0]{justify-content:flex-end}.settings__head h1[data-v-8ab800d0]{margin:0;font:800 44px/1 var(--o-font-display);letter-spacing:.02em;text-transform:uppercase}.settings__pair[data-v-8ab800d0]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings__narrow[data-v-8ab800d0]{max-width:480px}.settings__grow[data-v-8ab800d0]{flex:1}.settings__scroll[data-v-8ab800d0]{overflow-x:auto}.settings__threshold[data-v-8ab800d0]{gap:8px}.settings__member[data-v-8ab800d0]{display:flex;align-items:center;gap:12px}.settings__person[data-v-8ab800d0]{display:flex;flex-direction:column;gap:2px}.settings__person>span[data-v-8ab800d0]:first-child{display:flex;align-items:center;gap:8px}.settings__keys[data-v-8ab800d0]{display:flex;flex-wrap:wrap;gap:20px}.settings__label[data-v-8ab800d0]{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--o-text-3)}.settings__note[data-v-8ab800d0]{font-size:12px;color:var(--o-text-3)}.settings__secret[data-v-8ab800d0]{display:block;margin-top:8px;color:var(--o-text);overflow-wrap:anywhere}.settings code[data-v-8ab800d0]{font:400 13px ui-monospace,SF Mono,Menlo,monospace}@media (max-width: 640px){.settings__pair[data-v-8ab800d0]{grid-template-columns:1fr}}