@birdycom/omniaui 0.11.1 → 0.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/carousel.d.ts +6 -0
  2. package/dist/carousel.js +46 -0
  3. package/dist/components-extra.css +39 -0
  4. package/dist/components.css +166 -29
  5. package/dist/components.min.css +1 -1
  6. package/dist/oc-theme.css +1 -1
  7. package/dist/parts/site-fact-list.css +1 -1
  8. package/dist/parts/site-link-arrow.css +1 -1
  9. package/dist/parts/site-next-teaser.css +2 -2
  10. package/dist/parts/site-product-mark.css +1 -1
  11. package/dist/parts/site-project-card.css +4 -2
  12. package/dist/parts/site-stack-list.css +1 -1
  13. package/dist/parts/site-timeline.css +1 -1
  14. package/dist/showcase.css +21 -8
  15. package/manifest.json +8 -0
  16. package/package.json +3 -2
  17. package/snippets/carousel-loop.html +20 -0
  18. package/snippets/lightbox.html +13 -0
package/dist/components.min.css CHANGED
@@ -1 +1 @@
1
- :root{color-scheme:light dark;--oc-brand-1:light-dark(var(--color-teal-80),var(--color-skycyan-60));--oc-brand-2:light-dark(var(--color-blue-40),var(--color-blue-10));--oc-brand-3:light-dark(var(--color-purple-40),var(--color-purple-10));--oc-background:light-dark(var(--color-frostblue-2),var(--color-shallowblue-95));--oc-foreground:light-dark(var(--color-duskblue-60),var(--color-frostblue-10));--oc-muted:light-dark(var(--color-frostblue-60),var(--color-shallowblue-50));--oc-muted-foreground:light-dark(var(--color-stormblue-40),var(--color-mistblue-70));--oc-card:light-dark(var(--color-white-50),var(--color-shallowblue-70));--oc-popover:light-dark(var(--color-white-50),var(--color-shallowblue-60));--oc-popover-foreground:var(--oc-foreground);--oc-surface:light-dark(oklch(from var(--color-stormblue-50) l c h / .04),oklch(from var(--color-white-50) l c h / .04));--oc-surface-strong:light-dark(oklch(from var(--color-stormblue-50) l c h / .08),oklch(from var(--color-white-50) l c h / .07));--oc-primary:light-dark(var(--color-vividblue-95),var(--color-vividblue-100));--oc-primary-foreground:light-dark(var(--color-white-50),var(--color-shallowblue-95));--oc-secondary:var(--oc-muted);--oc-secondary-foreground:var(--oc-foreground);--oc-accent:var(--oc-muted);--oc-accent-foreground:var(--oc-foreground);--oc-destructive:light-dark(var(--color-red-70),var(--color-red-50));--oc-destructive-foreground:var(--color-white-50);--oc-success:light-dark(var(--color-green-60),var(--color-green-2));--oc-success-foreground:light-dark(var(--color-white-50),var(--color-shallowblue-95));--oc-warning:light-dark(var(--color-orange-95),var(--color-orange-50));--oc-warning-foreground:light-dark(var(--color-white-50),var(--color-shallowblue-95));--oc-border:light-dark(var(--color-frostblue-80),var(--color-duskblue-30));--oc-border-strong:light-dark(var(--color-mistblue-80),var(--color-stormblue-30));--oc-input:var(--oc-border);--oc-ring:var(--oc-primary);--oc-row-alt:light-dark(var(--color-frostblue-2),var(--color-shallowblue-100));--oc-hover:light-dark(var(--color-frostblue-100),var(--color-duskblue-50));--oc-pressed:light-dark(var(--color-frostblue-60),var(--color-duskblue-40));--oc-selected:light-dark(var(--color-mistblue-2),var(--color-stormblue-60));--oc-selected-foreground:var(--oc-foreground);--oc-disabled-foreground:light-dark(var(--color-duskblue-2),var(--color-duskblue-10));--oc-gradient-brand:linear-gradient(100deg, var(--oc-brand-1), var(--oc-brand-2) 50%, var(--oc-brand-3));--oc-radius:.5rem;--oc-focus-width:2px;--oc-transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--oc-transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--oc-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Cantarell, "Helvetica Neue", sans-serif;--oc-font-mono:"Cascadia Code", "JetBrains Mono", Consolas, ui-monospace, monospace;--oc-shadow-sm-color:light-dark(oklch(from var(--color-stormblue-50) l c h / .08),oklch(from var(--color-black-50) l c h / .4));--oc-shadow-sm:0px 1px 2px 0px var(--oc-shadow-sm-color);--oc-shadow-md-color:light-dark(oklch(from var(--color-stormblue-50) l c h / .12),oklch(from var(--color-black-50) l c h / .5));--oc-shadow-md:0px 4px 12px -2px var(--oc-shadow-md-color);--oc-shadow-lg-color:light-dark(oklch(from var(--color-stormblue-50) l c h / .16),oklch(from var(--color-black-50) l c h / .6));--oc-shadow-lg:0px 12px 32px -6px var(--oc-shadow-lg-color);--oc-bg-swatch:var(--oc-muted);--oc-border-swatch:var(--oc-border);--oc-text-swatch:var(--oc-foreground);--oc-text-swatch-soft:var(--oc-muted-foreground);--oc-card-background:var(--oc-card);--oc-card-border:var(--oc-border);--oc-card-foreground:var(--oc-foreground);--oc-card-muted-foreground:var(--oc-muted-foreground);--oc-badge-source-background:oklch(from var(--oc-badge-source-color) l c h / .14);--oc-badge-source-border:oklch(from var(--oc-badge-source-color) l c h / .25);--oc-badge-source-color:light-dark(var(--color-teal-90),var(--color-skycyan-50));--oc-badge-source-font-size:.72rem;--oc-badge-source-font-weight:500;--oc-badge-source-vertical-align:middle;--oc-badge-source-padding:2px 8px;--oc-badge-source-border-radius:5px;--oc-badge-source-border-width:1px;--oc-badge-source-border-style:solid;--oc-badge-source-border-color:oklch(from var(--oc-badge-source-color) l c h / .25);--oc-badge-source-border-color-hover:oklch(from var(--oc-badge-source-color) l c h / .35);--oc-badge-source-border-color-active:oklch(from var(--oc-badge-source-color) l c h / .45);--oc-badge-version-background:oklch(from var(--oc-badge-version-color) l c h / .18);--oc-badge-version-border:oklch(from var(--oc-badge-version-color) l c h / .4);--oc-badge-version-color:light-dark(var(--color-green-80),var(--color-green-2));--oc-badge-version-font-size:.72rem;--oc-badge-version-font-weight:600;--oc-badge-version-vertical-align:middle;--oc-badge-version-padding:2px 8px;--oc-badge-version-border-radius:5px;--oc-badge-version-border-width:1px;--oc-badge-version-border-style:solid;--oc-badge-version-border-color:oklch(from var(--oc-badge-version-color) l c h / .4);--oc-badge-version-border-color-hover:oklch(from var(--oc-badge-version-color) l c h / .6);--oc-badge-version-border-color-active:oklch(from var(--oc-badge-version-color) l c h / .8);--oc-badge-version-mdi-background:oklch(from var(--oc-badge-version-mdi-color) l c h / .2);--oc-badge-version-mdi-border:oklch(from var(--oc-badge-version-mdi-color) l c h / .5);--oc-badge-version-mdi-color:light-dark(var(--color-blue-50),var(--color-vividblue-50));--oc-badge-version-mdi-font-size:.72rem;--oc-badge-version-mdi-font-weight:600;--oc-badge-version-mdi-vertical-align:middle;--oc-badge-version-mdi-padding:2px 8px;--oc-badge-version-mdi-border-radius:5px;--oc-badge-version-mdi-border-width:1px;--oc-badge-version-mdi-border-style:solid;--oc-badge-version-mdi-border-color:oklch(from var(--oc-badge-version-mdi-color) l c h / .5);--oc-badge-version-mdi-border-color-hover:oklch(from var(--oc-badge-version-mdi-color) l c h / .6);--oc-badge-version-mdi-border-color-active:oklch(from var(--oc-badge-version-mdi-color) l c h / .8);--oc-badge-source-file-background:oklch(from var(--oc-badge-source-file-color) l c h / .2);--oc-badge-source-file-border:oklch(from var(--oc-badge-source-file-color) l c h / .5);--oc-badge-source-file-color:light-dark(var(--color-purple-50),var(--color-magenta-50));--oc-badge-source-file-font-size:.72rem;--oc-badge-source-file-font-weight:500;--oc-badge-source-file-vertical-align:middle;--oc-badge-source-file-padding:2px 8px;--oc-badge-source-file-border-radius:5px;--oc-badge-source-file-border-width:1px;--oc-badge-source-file-border-style:solid;--oc-badge-source-file-border-color:oklch(from var(--oc-badge-source-file-color) l c h / .5);--oc-badge-source-file-border-color-hover:oklch(from var(--oc-badge-source-file-color) l c h / .6);--oc-badge-source-file-border-color-active:oklch(from var(--oc-badge-source-file-color) l c h / .8);--oc-badge-source-scss-background:oklch(from var(--oc-badge-source-scss-color) l c h / .2);--oc-badge-source-scss-border:oklch(from var(--oc-badge-source-scss-color) l c h / .5);--oc-badge-source-scss-color:light-dark(var(--color-red-95),var(--color-orange-60));--oc-badge-source-scss-font-size:.72rem;--oc-badge-source-scss-font-weight:500;--oc-badge-source-scss-vertical-align:middle;--oc-badge-source-scss-padding:2px 8px;--oc-badge-source-scss-border-radius:5px;--oc-badge-source-scss-border-width:1px;--oc-badge-source-scss-border-style:solid;--oc-badge-source-scss-border-color:oklch(from var(--oc-badge-source-scss-color) l c h / .5);--oc-badge-source-scss-border-color-hover:oklch(from var(--oc-badge-source-scss-color) l c h / .6);--oc-badge-source-scss-border-color-active:oklch(from var(--oc-badge-source-scss-color) l c h / .8);--oc-table-border:var(--oc-border);--oc-table-text:var(--oc-foreground);--oc-table-text-soft:var(--oc-muted-foreground);--oc-table-code:var(--oc-primary);--oc-table-background:light-dark(oklch(from var(--color-frostblue-50) l c h / .5),oklch(from var(--color-vividblue-50) l c h / .06));--oc-table-background-bottom:light-dark(var(--color-frostblue-30),oklch(from var(--color-twilightblue-40) l c h / .4));--oc-table-expandable-background:light-dark(var(--color-frostblue-50),var(--color-twilightblue-100));--oc-table-expandable-text:var(--oc-foreground);--oc-table-expandable-border:var(--oc-border);--oc-preview-border:var(--oc-border);--oc-preview-background:light-dark(var(--color-frostblue-2),var(--color-shallowblue-100));--oc-preview-text:var(--oc-foreground);--oc-preview-text-soft:var(--oc-muted-foreground);--oc-preview-title-font-size:clamp(.85rem, 1.33vw, 1rem);--oc-preview-label-font-size:clamp(.64rem, 1vw, .75rem);--oc-preview-max-stroke:1rem;--oc-preview-gap:var(--oc-preview-max-stroke,1rem);--oc-section-padding:1rem 4rem;--oc-section-margin-bottom:1.5rem;--oc-section-background:light-dark(var(--color-white-50),var(--color-duskblue-100));--oc-section-border-radius:.875rem;--oc-section-border:1px solid var(--oc-border);--oc-section-header-title-font-size:clamp(1.28rem, 2vw, 1.5rem);--oc-section-header-desc-font-size:clamp(.85rem, 1.33vw, 1rem);--oc-section-header-title-margin:0 0 .5rem 0;--oc-section-header-desc-margin:0 0 1rem .5rem;--oc-section-content-title-font-size:clamp(1.06rem, 1.67vw, 1.25rem);--oc-section-content-desc-font-size:clamp(.85rem, 1.33vw, 1rem);--oc-section-content-title-margin:0 0 .5rem 0;--oc-section-content-desc-margin:0 0 1rem .5rem;--oc-section-content-padding:1rem 4rem;--oc-section-content-background:light-dark(var(--color-white-50),var(--color-duskblue-100));--oc-section-content-border-radius:calc(var(--oc-radius) + 2px);--oc-section-footer-title-font-size:clamp(1.28rem, 2vw, 1.5rem);--oc-section-footer-desc-font-size:clamp(.85rem, 1.33vw, 1rem);--oc-section-footer-title-margin:0 0 .5rem 0;--oc-section-footer-desc-margin:0 0 1rem .5rem;--oc-section-footer-padding:1rem;--oc-section-footer-border-top:1px solid var(--oc-border)}[data-theme=light]{color-scheme:light}[data-theme=dark],.dark,.oc-theme-docs{color-scheme:dark}:root:has(.oc-theme-switch input[value=light]:checked:not(.oc-theme-scope *)){color-scheme:light}:root:has(.oc-theme-switch input[value=dark]:checked:not(.oc-theme-scope *)){color-scheme:dark}.oc-theme-scope:has(.oc-theme-switch input[value=light]:checked){color-scheme:light}.oc-theme-scope:has(.oc-theme-switch input[value=dark]:checked){color-scheme:dark}:where(body){background-color:var(--oc-background);color:var(--oc-foreground)}.oc-block-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.oc-preview{border:1px solid var(--oc-preview-border);background:var(--oc-preview-background);color:var(--oc-preview-text);border-radius:.375rem;flex-wrap:wrap;min-height:10rem;margin-bottom:10px;padding:20px;display:flex}.oc-preview-margin{border:1px solid var(--oc-preview-border);background:var(--oc-preview-background);color:var(--oc-preview-text);border-radius:.375rem;min-height:10rem;margin-bottom:10px;overflow:auto}.oc-preview__title{font-size:var(--oc-preview-title-font-size);color:var(--oc-preview-text);margin:1rem 0 .25rem}.oc-preview-row{flex-direction:row}.oc-preview-col{flex-direction:column}.oc-preview__item{text-align:center;align-items:center;gap:var(--oc-preview-gap);flex-direction:column;display:flex}.oc-preview__item_content-left{text-align:left;align-items:flex-start;gap:var(--oc-preview-gap);flex-direction:column;display:flex}.oc-preview__label{font-size:var(--oc-preview-label-font-size);color:var(--oc-preview-text-soft);display:block}.oc-btn{border-radius:var(--oc-radius);background:var(--oc-primary);color:var(--oc-primary-foreground);cursor:pointer;transition:all var(--oc-transition-fast);white-space:nowrap;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.25rem;text-decoration:none;display:inline-flex}.oc-btn:hover{opacity:.9}.oc-btn:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-btn:active{transform:scale(.98)}.oc-btn:disabled,.oc-btn[disabled],.oc-btn[aria-disabled=true]{opacity:.5;pointer-events:none}.oc-btn--default{background:var(--oc-primary);color:var(--oc-primary-foreground)}.oc-btn--secondary{background:var(--oc-secondary);color:var(--oc-secondary-foreground);border-color:#0000}.oc-btn--secondary:hover{opacity:.8}.oc-btn--outline{border-color:var(--oc-border);color:var(--oc-foreground);background:0 0}.oc-btn--outline:hover{background:var(--oc-accent);color:var(--oc-accent-foreground);opacity:1}.oc-btn--ghost{color:var(--oc-foreground);background:0 0;border-color:#0000}.oc-btn--ghost:hover{background:var(--oc-accent);color:var(--oc-accent-foreground);opacity:1}.oc-btn--link{color:var(--oc-primary);text-underline-offset:4px;background:0 0;border-color:#0000}.oc-btn--link:hover{opacity:1;text-decoration:underline}.oc-btn--destructive{background:var(--oc-destructive);color:var(--oc-destructive-foreground)}.oc-btn--destructive:hover{opacity:.9}.oc-btn--success{background:var(--oc-success);color:var(--oc-success-foreground)}.oc-btn--xs{border-radius:calc(var(--oc-radius) - 2px);padding:.25rem .5rem;font-size:.75rem}.oc-btn--sm{border-radius:calc(var(--oc-radius) - 2px);padding:.375rem .75rem;font-size:.8rem}.oc-btn--lg{border-radius:calc(var(--oc-radius) + 2px);padding:.625rem 1.5rem;font-size:1rem}.oc-btn--icon{aspect-ratio:1;padding:.5rem}.oc-btn--icon.oc-btn--xs{padding:.25rem}.oc-btn--icon.oc-btn--sm{padding:.375rem}.oc-btn--icon.oc-btn--lg{padding:.625rem}.oc-btn-group{display:inline-flex}.oc-btn-group .oc-btn{border-radius:0}.oc-btn-group .oc-btn:first-child{border-radius:var(--oc-radius) 0 0 var(--oc-radius)}.oc-btn-group .oc-btn:last-child{border-radius:0 var(--oc-radius) var(--oc-radius) 0}.oc-btn-group .oc-btn+.oc-btn{margin-left:-1px}:root{--oc-link-color:var(--oc-primary);--oc-link-hover:var(--oc-primary);--oc-link-underline:1px;--oc-link-underline-offset:2px}.oc-link{color:var(--oc-link-color);border-bottom:var(--oc-link-underline) solid transparent;transition:color var(--oc-transition-fast), border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;border-radius:2px;text-decoration:none}.oc-link:hover{color:var(--oc-link-hover);border-bottom-color:var(--oc-link-hover)}.oc-link:focus-visible{box-shadow:0 0 0 2px var(--oc-background), 0 0 0 4px var(--oc-ring);outline:none}.oc-link--muted{--oc-link-color:var(--oc-muted-foreground);--oc-link-hover:var(--oc-foreground)}.oc-card{background:var(--oc-card-background);color:var(--oc-card-foreground);border:1px solid var(--oc-card-border);border-radius:calc(var(--oc-radius) + 4px);padding:12px;overflow:hidden}.oc-card--sm .oc-card-header,.oc-card--sm .oc-card-content,.oc-card--sm .oc-card-footer{padding:12px 14px}.oc-card-header{flex-direction:column;gap:4px;padding:20px 24px 0;display:flex;position:relative}.oc-card-title{color:var(--oc-card-foreground);font-size:1.1rem;font-weight:600;line-height:1.3;margin:5px 0 9px!important}.oc-card-description{color:var(--oc-muted-foreground);margin:0;font-size:.875rem;line-height:1.5}.oc-card-action{position:absolute;top:20px;right:24px}.oc-card-content{padding:16px 24px}.oc-card-footer{align-items:center;gap:8px;padding:16px 24px;display:flex}.oc-card-link{color:var(--oc-primary);font-size:.875rem;font-weight:600;text-decoration:none}.oc-card-link:hover{text-underline-offset:4px;text-decoration:underline}.oc-card-text{color:var(--oc-muted-foreground);margin:0 0 10px;font-size:.875rem;line-height:1.5}.oc-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.oc-field--horizontal{flex-direction:row;align-items:center;gap:12px}.oc-field--horizontal .oc-field-label{min-width:120px;margin-bottom:0}.oc-field-label{color:var(--oc-foreground);font-size:.875rem;font-weight:500;line-height:1}.oc-field-description{color:var(--oc-muted-foreground);font-size:.8rem}.oc-field-error{color:var(--oc-destructive);font-size:.8rem}.oc-field-group{gap:16px;display:grid}.oc-field-group--row{grid-template-columns:1fr 1fr}.oc-input{border:1px solid var(--oc-input);border-radius:var(--oc-radius);width:100%;color:var(--oc-foreground);transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);background:0 0;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;line-height:1.5;display:block}.oc-input::placeholder{color:var(--oc-muted-foreground)}.oc-input:focus{border-color:var(--oc-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-ring) 25%, transparent)}.oc-input:disabled{opacity:.5;cursor:not-allowed}.oc-input[aria-invalid=true],.oc-input--error{border-color:var(--oc-destructive)}.oc-input[aria-invalid=true]:focus,.oc-input--error:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-destructive) 25%, transparent)}textarea.oc-input{resize:vertical;min-height:80px}.oc-input-group{align-items:stretch;display:flex}.oc-input-group .oc-input{border-radius:0;flex:1}.oc-input-group .oc-input:first-child{border-radius:var(--oc-radius) 0 0 var(--oc-radius)}.oc-input-group .oc-input:last-child{border-radius:0 var(--oc-radius) var(--oc-radius) 0}.oc-input-addon{border:1px solid var(--oc-input);background:var(--oc-muted);color:var(--oc-muted-foreground);white-space:nowrap;align-items:center;padding:0 .75rem;font-size:.875rem;display:flex}.oc-input-addon:first-child{border-radius:var(--oc-radius) 0 0 var(--oc-radius);border-right:0}.oc-input-addon:last-child{border-radius:0 var(--oc-radius) var(--oc-radius) 0;border-left:0}.oc-select{border:1px solid var(--oc-input);border-radius:var(--oc-radius);width:100%;color:var(--oc-foreground);appearance:none;cursor:pointer;transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2371717a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") right 10px center/14px 14px no-repeat;outline:none;padding:.5rem 2rem .5rem .75rem;font-family:inherit;font-size:.875rem;line-height:1.5;display:block}.oc-select:focus{border-color:var(--oc-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-ring) 25%, transparent)}.oc-select option{background:var(--oc-background,var(--color-shallowblue-60));color:var(--oc-foreground,var(--color-frostblue-50));padding:.4rem .5rem}.oc-checkbox,.oc-radio{width:16px;height:16px;accent-color:var(--oc-primary);cursor:pointer;vertical-align:middle}.oc-label{color:var(--oc-foreground);margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.oc-form-group{margin-bottom:16px}.oc-helper{color:var(--oc-muted-foreground);margin-top:4px;font-size:.8rem}.oc-helper--error{color:var(--oc-destructive)}.oc-switch{cursor:pointer;flex-shrink:0;align-items:center;width:44px;height:24px;display:inline-flex;position:relative}.oc-switch input{opacity:0;width:0;height:0;position:absolute}.oc-switch-track{background:var(--oc-input);transition:background var(--oc-transition-fast);border-radius:999px;position:absolute;inset:0}.oc-switch-track:after{content:"";background:var(--oc-background);width:20px;height:20px;transition:transform var(--oc-transition-fast);box-shadow:0 1px 2px oklch(from var(--color-black-60) l c h / .1);border-radius:50%;position:absolute;top:2px;left:2px}.oc-switch input:checked+.oc-switch-track{background:var(--oc-primary)}.oc-switch input:checked+.oc-switch-track:after{transform:translate(20px)}.oc-switch input:focus-visible+.oc-switch-track{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-badge{corner-shape:round;background:var(--oc-primary);color:var(--oc-primary-foreground);border:1px solid #0000;border-radius:999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.oc-badge--secondary{background:var(--oc-secondary);color:var(--oc-secondary-foreground)}.oc-badge--outline{border-color:var(--oc-border);color:var(--oc-foreground);background:0 0}.oc-badge--success{background:oklch(from var(--oc-success) l c h / .16);color:var(--oc-success);border-color:oklch(from var(--oc-success) l c h / .4)}.oc-badge--warning{background:oklch(from var(--oc-warning) l c h / .16);color:var(--oc-warning);border-color:oklch(from var(--oc-warning) l c h / .4)}.oc-badge--destructive{background:var(--oc-destructive);color:var(--oc-destructive-foreground)}.oc-badge-source{background:var(--oc-badge-source-background);border:1px solid var(--oc-badge-source-border);border-radius:var(--oc-badge-source-border-radius);corner-shape:round;padding:var(--oc-badge-source-padding);font-size:var(--oc-badge-source-font-size);font-weight:var(--oc-badge-source-font-weight);color:var(--oc-badge-source-color);vertical-align:middle;display:inline-block}.oc-badge-version{background:var(--oc-badge-version-background);border:1px solid var(--oc-badge-version-border);border-radius:var(--oc-badge-version-border-radius);corner-shape:round;padding:var(--oc-badge-version-padding);font-size:var(--oc-badge-version-font-size);font-weight:var(--oc-badge-version-font-weight);color:var(--oc-badge-version-color);vertical-align:middle;display:inline-block}.oc-badge-version-mdi{background:var(--oc-badge-version-mdi-background);border:1px solid var(--oc-badge-version-mdi-border);border-radius:var(--oc-badge-version-mdi-border-radius);corner-shape:round;padding:var(--oc-badge-version-mdi-padding);font-size:var(--oc-badge-version-mdi-font-size);font-weight:var(--oc-badge-version-mdi-font-weight);color:var(--oc-badge-version-mdi-color);vertical-align:middle;display:inline-block}.oc-badge-source-file{background:var(--oc-badge-source-file-background);border:1px solid var(--oc-badge-source-file-border);border-radius:var(--oc-badge-source-file-border-radius);corner-shape:round;padding:var(--oc-badge-source-file-padding);font-size:var(--oc-badge-source-file-font-size);font-weight:var(--oc-badge-source-file-font-weight);color:var(--oc-badge-source-file-color);vertical-align:middle;display:inline-block}.oc-badge-source-scss{background:var(--oc-badge-source-scss-background);border:1px solid var(--oc-badge-source-scss-border);border-radius:var(--oc-badge-source-scss-border-radius);corner-shape:round;padding:var(--oc-badge-source-scss-padding);font-size:var(--oc-badge-source-scss-font-size);font-weight:var(--oc-badge-source-scss-font-weight);color:var(--oc-badge-source-scss-color);vertical-align:middle;display:inline-block}.oc-section,.oc-docs-section{border:1px solid var(--oc-border);background:light-dark(var(--color-white-50),var(--color-duskblue-100));border-radius:var(--oc-section-border-radius);margin-bottom:var(--oc-section-margin-bottom)}.oc-section-header{border-bottom:1px solid var(--oc-border);grid-template:"title source scss file.version""desc desc desc desc desc desc"/auto auto auto auto 1fr auto;align-items:center;gap:0 8px;padding:1rem;display:grid}.oc-section-header__title{margin:var(--oc-section-header-title-margin);font-size:var(--oc-section-header-title-font-size);grid-area:title}.oc-section-header__badge-source{grid-area:source;margin-left:0}.oc-section-header__badge-scss{grid-area:scss;margin-left:0}.oc-section-header__badge-file{grid-area:file;margin-left:0}.oc-section-header__badge-version{grid-area:version}.oc-section-header__desc{margin:var(--oc-section-header-desc-margin);font-size:var(--oc-section-header-desc-font-size);grid-area:desc}.oc-section-content__title{margin:var(--oc-section-content-title-margin);font-size:var(--oc-section-content-title-font-size)}.oc-section-content__desc{margin:var(--oc-section-content-desc-margin);font-size:var(--oc-section-content-desc-font-size)}.oc-section-content{padding:var(--oc-section-content-padding);background:var(--oc-section-content-background);border-radius:var(--oc-section-content-border-radius)}.oc-section-footer{padding:var(--oc-section-footer-padding);border-top:var(--oc-section-footer-border-top)}.oc-section-footer__title{margin:var(--oc-section-footer-title-margin);font-size:var(--oc-section-footer-title-font-size)}.oc-section-footer__desc{margin:var(--oc-section-footer-desc-margin);font-size:var(--oc-section-footer-desc-font-size)}.oc-alert{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);color:var(--oc-foreground);background:var(--oc-background);padding:16px;font-size:.875rem;line-height:1.5}.oc-alert-title{margin:0 0 4px;font-weight:600}.oc-alert-description{color:var(--oc-muted-foreground);margin:0}.oc-alert--info{border-color:color-mix(in srgb, var(--oc-primary) 40%, transparent);background:color-mix(in srgb, var(--oc-primary) 5%, var(--oc-background))}.oc-alert--success{border-color:color-mix(in srgb, var(--oc-success) 40%, transparent);background:color-mix(in srgb, var(--oc-success) 5%, var(--oc-background))}.oc-alert--warning{border-color:color-mix(in srgb, var(--oc-warning) 40%, transparent);background:color-mix(in srgb, var(--oc-warning) 5%, var(--oc-background))}.oc-alert--danger{border-color:color-mix(in srgb, var(--oc-destructive) 40%, transparent);background:color-mix(in srgb, var(--oc-destructive) 5%, var(--oc-background))}.oc-hero{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 6px);background:linear-gradient(140deg, color-mix(in oklch, var(--oc-primary) 14%, transparent), color-mix(in oklch, var(--oc-ring) 6%, transparent));color:var(--oc-foreground);gap:10px;margin-block-end:1rem;padding:clamp(18px,3vw,28px);display:grid}.oc-hero-title,.oc-hero>h1{text-wrap:balance;color:var(--oc-foreground);margin:0;font-size:clamp(1.4rem,3vw,2rem);line-height:1.2}.oc-hero-text,.oc-hero>p{max-inline-size:75ch;color:var(--oc-muted-foreground);text-wrap:pretty;margin:0;line-height:1.6}.oc-hero-eyebrow{border:1px solid var(--oc-border);color:var(--oc-muted-foreground);border-radius:999px;justify-self:start;padding:2px 10px;font-size:.75rem}.oc-hero-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.oc-modal{z-index:9999;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.oc-modal.is-open,.oc-modal[aria-expanded=true]{display:flex}.oc-modal-overlay{background:oklch(from var(--color-black-60) l c h / .5);backdrop-filter:blur(4px);animation:oc-fade-in var(--oc-transition-normal);position:fixed;inset:0}.oc-modal-content{z-index:1;background:var(--oc-background);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);width:100%;max-width:480px;box-shadow:0 16px 48px oklch(from var(--color-black-60) l c h / .2);animation:oc-scale-in var(--oc-transition-normal);flex-direction:column;max-height:85vh;display:flex;position:relative}.oc-modal-content--sm{max-width:360px}.oc-modal-content--lg{max-width:640px}.oc-modal-content--xl{max-width:800px}.oc-modal-content--full{max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}.oc-modal-header{flex-shrink:0;padding:24px 24px 0}.oc-modal-title{color:var(--oc-foreground);margin:0;font-size:1.1rem;font-weight:600}.oc-modal-description{color:var(--oc-muted-foreground);margin:6px 0 0;font-size:.875rem}.oc-modal-body{color:var(--oc-muted-foreground);flex:1;padding:16px 24px;font-size:.875rem;line-height:1.6;overflow-y:auto}.oc-modal-footer{border-top:1px solid var(--oc-border);flex-shrink:0;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.oc-modal-close{color:var(--oc-muted-foreground);cursor:pointer;border-radius:var(--oc-radius);transition:color var(--oc-transition-fast), background var(--oc-transition-fast);background:0 0;border:none;padding:4px;font-size:1.1rem;line-height:1;position:absolute;top:16px;right:16px}.oc-modal-close:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-modal-close:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}@keyframes oc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes oc-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.oc-dropdown{display:inline-block;position:relative}.oc-dropdown-menu{z-index:100;background:var(--oc-popover);min-width:200px;color:var(--oc-popover-foreground);border:1px solid var(--oc-border);border-radius:var(--oc-radius);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);animation:oc-fade-in var(--oc-transition-fast);margin-top:4px;padding:4px;display:none;position:absolute;top:100%;left:0}.oc-dropdown.is-open .oc-dropdown-menu,.oc-dropdown[aria-expanded=true] .oc-dropdown-menu{display:block}.oc-dropdown-item{width:100%;color:var(--oc-popover-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;text-align:left;transition:background var(--oc-transition-fast), color var(--oc-transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:.875rem;text-decoration:none;display:flex}.oc-dropdown-item:hover{background:var(--oc-accent);color:var(--oc-accent-foreground)}.oc-dropdown-item:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-dropdown-separator{background:var(--oc-border);height:1px;margin:4px 0}.oc-dropdown-label{color:var(--oc-muted-foreground);padding:8px 10px 4px;font-size:.75rem;font-weight:600}.oc-tooltip{cursor:help;position:relative}.oc-tooltip:after{content:attr(data-tooltip);color:var(--oc-primary-foreground);background:var(--oc-primary);border-radius:calc(var(--oc-radius) - 2px);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--oc-transition-fast);z-index:50;padding:6px 10px;font-size:.75rem;line-height:1.4;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.oc-tooltip:hover:after,.oc-tooltip:focus-within:after{opacity:1}.oc-avatar{background:var(--oc-muted);width:40px;height:40px;color:var(--oc-muted-foreground);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:inline-flex;overflow:hidden}.oc-avatar img{object-fit:cover;width:100%;height:100%}.oc-avatar--sm{width:28px;height:28px;font-size:.72rem}.oc-avatar--lg{width:56px;height:56px;font-size:1.1rem}.oc-avatar--xl{width:80px;height:80px;font-size:1.5rem}.oc-avatar-group{display:flex}.oc-avatar-group .oc-avatar{border:2px solid var(--oc-background);margin-left:-8px}.oc-avatar-group .oc-avatar:first-child{margin-left:0}.oc-separator{background:var(--oc-border);border:none;height:1px;margin:16px 0}.oc-separator--vertical{align-self:stretch;width:1px;height:auto;margin:0 12px;display:inline-block}.oc-tab-list{border-bottom:1px solid var(--oc-border);align-items:center;display:inline-flex}.oc-tab-trigger{color:var(--oc-muted-foreground);cursor:pointer;transition:color var(--oc-transition-fast), border-color var(--oc-transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;outline:none;margin-bottom:-1px;padding:10px 16px;font-family:inherit;font-size:.875rem;font-weight:500}.oc-tab-trigger:hover{color:var(--oc-foreground)}.oc-tab-trigger.is-active,.oc-tab-trigger[aria-selected=true]{color:var(--oc-foreground);border-bottom-color:var(--oc-foreground)}.oc-tab-trigger:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-tab-trigger:disabled,.oc-tab-trigger[aria-disabled=true]{opacity:.5;pointer-events:none}.oc-tab-list--pill{background:var(--oc-muted);border-radius:var(--oc-radius);border-bottom:none;gap:0;padding:4px}.oc-tab-list--pill .oc-tab-trigger{border-radius:calc(var(--oc-radius) - 2px);border-bottom:none;margin-bottom:0;padding:6px 14px}.oc-tab-list--pill .oc-tab-trigger.is-active,.oc-tab-list--pill .oc-tab-trigger[aria-selected=true]{background:var(--oc-background);box-shadow:0 1px 3px oklch(from var(--color-black-60) l c h / .08);color:var(--oc-foreground)}.oc-tab-list--vertical{border-bottom:none;border-right:1px solid var(--oc-border);flex-direction:column}.oc-tab-list--vertical .oc-tab-trigger{text-align:left;border-bottom:none;border-right:2px solid #0000;margin-bottom:0;margin-right:-1px}.oc-tab-list--vertical .oc-tab-trigger.is-active{border-right-color:var(--oc-foreground)}.oc-tab-panel{padding:16px 0;display:none}.oc-tab-panel.is-active,.oc-tab-panel[aria-selected=true]{display:block}.oc-tabs{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.oc-tab{border:1px solid var(--oc-border);background:color-mix(in srgb, var(--oc-foreground) 3%, transparent);color:var(--oc-muted-foreground);cursor:pointer;transition:color var(--oc-transition-fast,.15s ease), border-color var(--oc-transition-fast,.15s ease), background .15s ease;border-radius:999px;outline:none;padding:6px 12px;font-family:inherit;font-size:.82rem}.oc-tab:hover{color:var(--oc-foreground);border-color:color-mix(in srgb, var(--oc-primary) 60%, var(--oc-border))}.oc-tab.is-active,.oc-tab[aria-selected=true]{color:var(--oc-foreground);border-color:var(--oc-primary);background:color-mix(in srgb, var(--oc-primary) 20%, transparent)}.oc-tab:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-accordion{inline-size:min(100%, var(--oc-accordion-width,46rem));border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);overflow:hidden}.oc-accordion-item+.oc-accordion-item{border-top:1px solid var(--oc-border)}.oc-accordion-trigger{width:100%;color:var(--oc-foreground);cursor:pointer;text-align:left;transition:background var(--oc-transition-fast);background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;padding:16px;font-family:inherit;font-size:.9rem;font-weight:500;display:flex}.oc-accordion-trigger:hover{background:var(--oc-accent)}.oc-accordion-trigger:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-accordion-trigger:after{content:"";width:16px;height:16px;transition:transform var(--oc-transition-fast);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2371717a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;flex-shrink:0}.oc-accordion-trigger:has(.oc-accordion-chevron):after{display:none}.oc-accordion-trigger .oc-accordion-chevron{transition:transform var(--oc-transition-fast);color:var(--oc-muted-foreground);flex-shrink:0;display:inline-flex}.oc-accordion-item.is-open .oc-accordion-trigger .oc-accordion-chevron,.oc-accordion-item[aria-expanded=true] .oc-accordion-trigger .oc-accordion-chevron,.oc-accordion-item.is-open .oc-accordion-trigger:after,.oc-accordion-item[aria-expanded=true] .oc-accordion-trigger:after{transform:rotate(180deg)}.oc-accordion-content{color:var(--oc-muted-foreground);padding:0 16px 16px;font-size:.875rem;line-height:1.6;display:none}.oc-accordion-item.is-open .oc-accordion-content,.oc-accordion-item[aria-expanded=true] .oc-accordion-content{display:block}.oc-accordion-trigger:disabled{color:var(--oc-muted-foreground);cursor:not-allowed;opacity:.7}.oc-accordion-trigger:disabled:hover{background:0 0}.oc-accordion-trigger:disabled:after,.oc-accordion-trigger:disabled .oc-accordion-chevron{opacity:.5}.oc-accordion--flush{border:none;border-radius:0}.oc-accordion--flush .oc-accordion-item+.oc-accordion-item{border-top:1px solid var(--oc-border)}.oc-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.875rem}.oc-table th,.oc-table td{text-align:left;border:1px solid var(--oc-border);padding:.5rem .75rem}.oc-table th{background:var(--oc-muted);color:var(--oc-muted-foreground);font-weight:600}.oc-table tbody tr:hover{background:oklch(from var(--oc-primary) l c h / .06)}.oc-table thead th{border-block-end-width:2px}.oc-table caption{caption-side:top;text-align:start;color:var(--oc-foreground);padding-block-end:.5rem;font-weight:600}.oc-table-wrap{border-radius:calc(var(--oc-radius) + 2px);inline-size:100%;position:relative;overflow-x:auto}.oc-table-wrap>.oc-table{min-inline-size:32rem}.oc-table-ref{border-collapse:collapse;width:100%;font-size:.82rem}.oc-table-ref th{text-align:left;border-bottom:1px solid var(--oc-table-border);color:var(--oc-table-text);background:var(--oc-table-background);padding:8px 10px;font-size:.8rem;font-weight:600}.oc-table-ref td{border-bottom:1px solid var(--oc-table-background-bottom);color:var(--oc-table-text-soft);padding:8px 10px}.oc-table-ref code{color:var(--oc-table-code);font-size:.8rem}.oc-expandable-table{margin-bottom:2rem}.oc-expandable-table__row-dimmed{opacity:.6}.oc-expandable-table .oc-expandable-table__row-more{display:none}.oc-expandable-table:has(.oc-expandable-table__toggle:checked) .oc-expandable-table__row-more{display:table-row}.oc-expandable-table:has(.oc-expandable-table__toggle:checked) .oc-expandable-table__row-dimmed{opacity:1}.oc-expandable-table__toggle{opacity:0;pointer-events:none;position:absolute}.oc-expandable-table__trigger:has(.oc-expandable-table__toggle:focus-visible){outline:2px solid var(--oc-ring);outline-offset:2px}.oc-expandable-table__less,.oc-expandable-table__trigger:has(.oc-expandable-table__toggle:checked) .oc-expandable-table__more{display:none}.oc-expandable-table__trigger:has(.oc-expandable-table__toggle:checked) .oc-expandable-table__less{display:inline}.oc-expandable-table.is-expanded .oc-expandable-table__row-more{display:table-row}.oc-expandable-table.is-expanded .oc-expandable-table__row-dimmed{opacity:1}.oc-expandable-table:not(:has(.oc-expandable-table__row-more)) .oc-expandable-table__wrap{display:none}.oc-expandable-table__wrap{width:100%;margin-top:.5rem}.oc-expandable-table__wrap--full .oc-expandable-table__trigger{text-transform:uppercase;letter-spacing:.04em;background:var(--oc-table-expandable-background);width:100%;color:var(--oc-table-expandable-text);border:1px solid var(--oc-table-expandable-border);font-weight:600}.oc-expandable-table__wrap--full .oc-expandable-table__trigger:hover{background:var(--oc-table-expandable-background);color:var(--oc-table-expandable-text)}.oc-breadcrumb{flex-wrap:wrap;align-items:center;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.oc-breadcrumb-item{align-items:center;display:inline-flex}.oc-breadcrumb-item+.oc-breadcrumb-item:before{content:"/";color:var(--oc-muted-foreground);margin:0 8px}.oc-breadcrumb-item a,a.oc-breadcrumb-item{color:var(--oc-muted-foreground);text-decoration:none}.oc-breadcrumb-item a:hover,a.oc-breadcrumb-item:hover{color:var(--oc-foreground)}.oc-breadcrumb-item:last-child,.oc-breadcrumb-item[aria-current=page]{color:var(--oc-foreground);font-weight:500}.oc-progress{background:var(--oc-muted);border-radius:999px;width:100%;height:8px;overflow:hidden}.oc-progress-bar{background:var(--oc-primary);border-radius:999px;height:100%;transition:width .3s}.oc-progress-bar--success{background:var(--oc-success)}.oc-progress-bar--danger{background:var(--oc-destructive)}.oc-progress-bar--warning{background:var(--oc-warning)}.oc-skeleton{background:var(--oc-muted);border-radius:var(--oc-radius);animation:1.5s ease-in-out infinite oc-skeleton-pulse}.oc-skeleton--text{width:60%;height:1em;margin-bottom:8px}.oc-skeleton--title{width:40%;height:1.4em;margin-bottom:12px}.oc-skeleton--circle{border-radius:50%;width:40px;height:40px}.oc-skeleton--rect{width:100%;height:120px}@keyframes oc-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.oc-pagination{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.oc-pagination-item a,.oc-pagination-item button,a.oc-pagination-item,button.oc-pagination-item,span.oc-pagination-item{min-width:36px;height:36px;color:var(--oc-foreground);border:1px solid var(--oc-border);border-radius:var(--oc-radius);cursor:pointer;transition:all var(--oc-transition-fast);background:0 0;outline:none;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:.875rem;text-decoration:none;display:inline-flex}span.oc-pagination-item{color:var(--oc-muted-foreground);cursor:default;border-color:#0000}.oc-pagination-item a:hover,.oc-pagination-item button:hover,a.oc-pagination-item:hover,button.oc-pagination-item:hover{background:var(--oc-accent)}.oc-pagination-item a:focus-visible,.oc-pagination-item button:focus-visible,a.oc-pagination-item:focus-visible,button.oc-pagination-item:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-pagination-item.is-active a,.oc-pagination-item.is-active button,.oc-pagination-item[aria-current=page],.oc-pagination-item[aria-current=page]:hover,.oc-pagination-item>[aria-current=page]{background:var(--oc-primary);color:var(--oc-primary-foreground);border-color:var(--oc-primary)}.oc-nav-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.oc-nav-item-link{color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);transition:all var(--oc-transition-fast);padding:8px 10px;font-size:.875rem;text-decoration:none;display:block}.oc-nav-item-link:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-nav-item-link.is-active{color:var(--oc-foreground);background:var(--oc-accent);font-weight:500}@media (prefers-reduced-motion:reduce){.oc-skeleton,.oc-modal-overlay,.oc-modal-content,.oc-dropdown-menu{animation:none}.oc-btn,.oc-input,.oc-switch-track,.oc-switch-track:after,.oc-accordion-trigger:after{transition:none}}.oc-scrollbar::-webkit-scrollbar{width:8px;height:8px}.oc-scrollbar::-webkit-scrollbar-track{background:0 0;border-radius:4px}.oc-scrollbar::-webkit-scrollbar-thumb{background:var(--oc-muted,oklch(from var(--color-gray-30) l c h / .3));background-clip:content-box;border:2px solid #0000;border-radius:4px}.oc-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--oc-muted-foreground,oklch(from var(--color-gray-30) l c h / .5));background-clip:content-box}.oc-scrollbar--thin::-webkit-scrollbar{width:5px;height:5px}.oc-scrollbar--hidden::-webkit-scrollbar{display:none}.oc-scrollbar--hidden{-ms-overflow-style:none;scrollbar-width:none}.oc-scrollbar{scrollbar-width:thin;scrollbar-color:var(--oc-muted,oklch(from var(--color-gray-30) l c h / .3)) transparent}.oc-scrollbar--thin{scrollbar-width:thin}.oc-swatch{border:1px solid var(--oc-border-swatch,var(--color-twilightblue-40));background:var(--oc-bg-swatch,var(--color-twilightblue-60));border-radius:10px;overflow:hidden}.oc-swatch-color{border-bottom:1px solid var(--oc-border-swatch,var(--color-twilightblue-40));height:54px}.oc-swatch-meta{color:var(--oc-text-swatch-soft,var(--color-frostblue-80));padding:8px 10px;font-size:.82rem;line-height:1.45}.oc-swatch-meta strong{color:var(--oc-text-swatch,var(--color-frostblue-50));margin-bottom:3px;display:block}.oc-swatch-group{margin-top:12px}.oc-swatch-group-title{color:var(--oc-text-swatch,var(--color-frostblue-50));margin:0 0 8px;font-size:.9rem}dialog.oc-modal{width:100%;max-width:none;height:100%;max-height:none;color:var(--oc-foreground);background:0 0;border:0;margin:0;display:none}dialog.oc-modal[open]{display:flex}dialog.oc-modal::backdrop{background:oklch(from var(--color-black-60) l c h / .5);backdrop-filter:blur(4px)}dialog.oc-modal[open] .oc-modal-content{transition:opacity var(--oc-transition-normal), scale var(--oc-transition-normal);@starting-style{opacity:0;scale:.95}}.oc-dropdown-menu[popover]{position-area:block-end span-inline-end;position-try-fallbacks:flip-block, flip-inline;transition:opacity var(--oc-transition-fast), display var(--oc-transition-fast) allow-discrete, overlay var(--oc-transition-fast) allow-discrete;margin:4px 0 0;position:fixed;inset:auto}.oc-dropdown-menu[popover]:popover-open{display:block;@starting-style{opacity:0}}details.oc-accordion-item{interpolate-size:allow-keywords}details.oc-accordion-item>summary.oc-accordion-trigger{list-style:none}details.oc-accordion-item>summary.oc-accordion-trigger::-webkit-details-marker{display:none}details.oc-accordion-item[open]>.oc-accordion-trigger:after,details.oc-accordion-item[open]>.oc-accordion-trigger .oc-accordion-chevron{transform:rotate(180deg)}details.oc-accordion-item>.oc-accordion-content{display:block}details.oc-accordion-item::details-content{block-size:0;transition:block-size var(--oc-transition-normal), content-visibility var(--oc-transition-normal) allow-discrete;overflow:clip}details.oc-accordion-item[open]::details-content{block-size:auto}.oc-tabset .oc-tab-trigger{position:relative}.oc-tabset .oc-tab-trigger input[type=radio]{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.oc-tabset .oc-tab-trigger:has(input:checked){color:var(--oc-foreground);border-bottom-color:var(--oc-foreground)}.oc-tabset .oc-tab-list--pill .oc-tab-trigger:has(input:checked){background:var(--oc-background);box-shadow:0 1px 3px oklch(from var(--color-black-60) l c h / .08)}.oc-tabset .oc-tab-trigger:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-tabset>.oc-tab-panel{display:none}.oc-tabset:has(.oc-tab-trigger:first-child input:checked)>.oc-tab-list~.oc-tab-panel:nth-child(2),.oc-tabset:has(.oc-tab-trigger:nth-child(2) input:checked)>.oc-tab-list~.oc-tab-panel:nth-child(3),.oc-tabset:has(.oc-tab-trigger:nth-child(3) input:checked)>.oc-tab-list~.oc-tab-panel:nth-child(4),.oc-tabset:has(.oc-tab-trigger:nth-child(4) input:checked)>.oc-tab-list~.oc-tab-panel:nth-child(5),.oc-tabset:has(.oc-tab-trigger:nth-child(5) input:checked)>.oc-tab-list~.oc-tab-panel:nth-child(6),.oc-tabset:has(.oc-tab-trigger:nth-child(6) input:checked)>.oc-tab-list~.oc-tab-panel:nth-child(7){display:block}.oc-tabset:has(>.oc-tab-list--vertical){grid-template-columns:auto 1fr;align-items:start;column-gap:1.5rem;display:grid}.oc-tabset>.oc-tab-list--vertical{grid-row:1/span 6}.oc-tabset .oc-tab-list--vertical .oc-tab-trigger{justify-content:flex-start}.oc-tabset:has(>.oc-tab-list--vertical)>.oc-tab-panel{grid-area:1/2;padding-block:.25rem}.oc-tabset .oc-tab-list--vertical .oc-tab-trigger:has(input:checked){border-bottom-color:#0000;border-right-color:var(--oc-foreground)}.oc-theme-switch{border:1px solid var(--oc-border);background:var(--oc-muted);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.oc-theme-switch label{color:var(--oc-muted-foreground);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:.8rem;position:relative}.oc-theme-switch input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.oc-theme-switch label:has(input:checked){background:var(--oc-background);color:var(--oc-foreground);box-shadow:0 1px 3px oklch(from var(--color-black-60) l c h / .12)}.oc-theme-switch label:has(input:focus-visible){outline:2px solid var(--oc-ring)}@property --oc-counter-value{syntax:"<integer>";inherits:false;initial-value:0}.oc-counter{--oc-counter-value:var(--oc-counter-to,0);counter-reset:oc-counter var(--oc-counter-value);font-variant-numeric:tabular-nums;animation:oc-counter-up var(--oc-counter-duration,2s) ease-out both}.oc-counter:after{content:var(--oc-counter-prefix,"") counter(oc-counter) var(--oc-counter-suffix,"")}@keyframes oc-counter-up{0%{--oc-counter-value:var(--oc-counter-from,0)}}@supports (animation-timeline:view()){.oc-counter--on-view{animation-timeline:view();animation-range:entry cover 40%}}@media (prefers-reduced-motion:reduce){dialog.oc-modal[open] .oc-modal-content,.oc-dropdown-menu[popover],details.oc-accordion-item::details-content,.oc-counter{transition:none;animation:none}}.oc-heading{flex-direction:column;gap:2px;margin-block-end:1.5rem;display:flex}.oc-heading-title{letter-spacing:-.01em;color:var(--oc-foreground);margin:0;font-size:1.25rem;font-weight:600}.oc-heading-description{color:var(--oc-muted-foreground);margin:0;font-size:.875rem}.oc-heading--sm{margin-block-end:.75rem}.oc-heading--sm .oc-heading-title{font-size:1rem;font-weight:500}.oc-back-link{color:var(--oc-foreground);border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-background);transition:background var(--oc-transition-fast);align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.oc-back-link:before{content:"←"}.oc-back-link:hover{background:var(--oc-accent)}.oc-back-link:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-user{text-align:start;align-items:center;gap:.625rem;min-inline-size:0;font-size:.875rem;line-height:1.25;display:flex}.oc-user-text{flex:1;min-inline-size:0;display:grid}.oc-user-name,.oc-user-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-user-name{color:var(--oc-foreground);font-weight:500}.oc-user-email{color:var(--oc-muted-foreground);font-size:.75rem}.oc-btn>svg{flex-shrink:0;block-size:1.1em;inline-size:1.1em}.oc-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.oc-empty{text-align:center;color:var(--oc-muted-foreground);flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.oc-empty-icon{background:var(--oc-muted);block-size:3rem;inline-size:3rem;color:var(--oc-muted-foreground);border-radius:50%;place-items:center;font-size:1.25rem;display:grid}.oc-empty-title{color:var(--oc-foreground);margin:0;font-size:1rem;font-weight:600}.oc-empty-text{max-inline-size:28rem;margin:0;font-size:.875rem}.oc-empty-actions{gap:.5rem;margin-block-start:.5rem;display:flex}.oc-badge--info{background:oklch(from var(--oc-primary) l c h / .12);color:var(--oc-primary);border-color:oklch(from var(--oc-primary) l c h / .35)}.oc-sidebar{--oc-sidebar-width:16rem;--oc-sidebar-width-icon:3.5rem;inline-size:var(--oc-sidebar-width);background:var(--oc-card);block-size:100%;min-block-size:0;color:var(--oc-foreground);border-inline-end:1px solid var(--oc-border);transition:inline-size var(--oc-transition-normal);flex-direction:column;display:flex}.oc-sidebar--right{border-inline-end:0;border-inline-start:1px solid var(--oc-border)}.oc-sidebar--floating{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);block-size:calc(100% - 1rem);box-shadow:0 4px 16px oklch(from var(--color-black-60) l c h / .1);margin:.5rem}.oc-sidebar-header,.oc-sidebar-footer{flex-direction:column;flex-shrink:0;gap:.5rem;padding:.75rem;display:flex}.oc-sidebar-content{flex-direction:column;flex:1;gap:.5rem;min-block-size:0;padding:.5rem;display:flex;overflow-y:auto}.oc-sidebar-group{flex-direction:column;gap:2px;display:flex}.oc-sidebar-group-label{letter-spacing:.04em;text-transform:uppercase;color:var(--oc-muted-foreground);padding:.5rem .625rem .25rem;font-size:.7rem;font-weight:600}.oc-sidebar-separator{background:var(--oc-border);block-size:1px;margin:.25rem .5rem}.oc-sidebar-menu{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.oc-sidebar-menu-button{inline-size:100%;font:inherit;text-align:start;color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;transition:background var(--oc-transition-fast), color var(--oc-transition-fast);background:0 0;border:0;align-items:center;gap:.625rem;padding:.5rem .625rem;font-size:.875rem;text-decoration:none;display:flex}.oc-sidebar-menu-button:hover{background:var(--oc-accent);color:var(--oc-accent-foreground)}.oc-sidebar-menu-button:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-sidebar-menu-button[aria-current=page],.oc-sidebar-menu-button.is-active{background:var(--oc-accent);color:var(--oc-accent-foreground);font-weight:600}.oc-sidebar-menu-button[aria-disabled=true],.oc-sidebar-menu-button:disabled{opacity:.5;pointer-events:none}.oc-sidebar-menu-button--lg{padding-block:.625rem}.oc-sidebar-menu-icon{flex-shrink:0;block-size:1rem;inline-size:1rem}.oc-sidebar-menu-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.oc-sidebar-menu-badge{background:var(--oc-primary);color:var(--oc-primary-foreground);border-radius:999px;margin-inline-start:auto;padding:.125rem .4rem;font-size:.7rem;font-weight:600;line-height:1}.oc-sidebar-menu-sub{border-inline-start:1px solid var(--oc-border);flex-direction:column;gap:2px;margin:2px 0 2px 1.1rem;padding:0 0 0 .5rem;list-style:none;display:flex}.oc-sidebar-menu-sub .oc-sidebar-menu-button{padding-block:.375rem;font-size:.8125rem}details.oc-sidebar-collapsible>summary{list-style:none}details.oc-sidebar-collapsible>summary::-webkit-details-marker{display:none}details.oc-sidebar-collapsible>summary:after{content:"";block-size:.4rem;inline-size:.4rem;transition:transform var(--oc-transition-fast);border-block-end:2px solid;border-inline-end:2px solid;margin-inline-start:auto;transform:rotate(45deg)}details.oc-sidebar-collapsible[open]>summary:after{transform:rotate(225deg)}.oc-sidebar--collapsed{inline-size:var(--oc-sidebar-width-icon)}.oc-sidebar--collapsed .oc-sidebar-menu-label,.oc-sidebar--collapsed .oc-sidebar-menu-badge,.oc-sidebar--collapsed .oc-sidebar-menu-sub,.oc-sidebar--collapsed .oc-sidebar-group-label,.oc-sidebar--collapsed .oc-user-text,.oc-sidebar--collapsed details.oc-sidebar-collapsible>summary:after{display:none}.oc-sidebar--collapsed .oc-sidebar-menu-button{justify-content:center;padding-inline:0}.oc-sidebar--collapsed .oc-sidebar-header,.oc-sidebar--collapsed .oc-sidebar-footer{align-items:center;padding-inline:.5rem}.oc-navmenu{flex-wrap:wrap;align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.oc-navmenu-link{font:inherit;color:var(--oc-muted-foreground);border-radius:var(--oc-radius);cursor:pointer;transition:background var(--oc-transition-fast), color var(--oc-transition-fast);background:0 0;border:0;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.oc-navmenu-link:hover{color:var(--oc-foreground);background:oklch(from var(--oc-accent) l c h / .5)}.oc-navmenu-link:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-navmenu-link[aria-current=page],.oc-navmenu-link.is-active{color:var(--oc-accent-foreground);background:var(--oc-accent)}.oc-navmenu-link--caret:after{content:"";border-block-end:2px solid;border-inline-end:2px solid;block-size:.35rem;inline-size:.35rem;margin-inline-start:.25rem;transform:translateY(-2px)rotate(45deg)}dialog.oc-sheet{block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--oc-foreground);background:0 0;border:0;margin:0;padding:0;display:none}dialog.oc-sheet[open]{justify-content:flex-end;align-items:stretch;display:flex}dialog.oc-sheet::backdrop{background:oklch(from var(--color-black-60) l c h / .5);backdrop-filter:blur(4px)}.oc-sheet-content{background:var(--oc-background);border-inline-start:1px solid var(--oc-border);block-size:100%;inline-size:min(24rem,100%);box-shadow:0 16px 48px oklch(from var(--color-black-60) l c h / .2);flex-direction:column;display:flex;position:relative}dialog.oc-sheet[open] .oc-sheet-content{transition:translate var(--oc-transition-normal), opacity var(--oc-transition-normal);@starting-style{opacity:0;translate:100%}}dialog.oc-sheet--left[open]{justify-content:flex-start}dialog.oc-sheet--left .oc-sheet-content{border-inline-start:0;border-inline-end:1px solid var(--oc-border)}dialog.oc-sheet--left[open] .oc-sheet-content{@starting-style{opacity:0;translate:-100%}}dialog.oc-sheet--top[open]{flex-direction:column;justify-content:flex-start}dialog.oc-sheet--bottom[open]{flex-direction:column;justify-content:flex-end}dialog.oc-sheet--top .oc-sheet-content,dialog.oc-sheet--bottom .oc-sheet-content{border-inline:0;block-size:auto;max-block-size:85dvh;inline-size:100%}dialog.oc-sheet--top .oc-sheet-content{border-block-end:1px solid var(--oc-border)}dialog.oc-sheet--bottom .oc-sheet-content{border-block-start:1px solid var(--oc-border)}dialog.oc-sheet--top[open] .oc-sheet-content{@starting-style{opacity:0;translate:0 -100%}}dialog.oc-sheet--bottom[open] .oc-sheet-content{@starting-style{opacity:0;translate:0 100%}}.oc-sheet-content--wide{inline-size:min(40rem,100%)}.oc-sheet-header{flex-direction:column;flex-shrink:0;gap:.25rem;padding:1.25rem 1.5rem 0;display:flex}.oc-sheet-title{color:var(--oc-foreground);margin:0;padding-inline-end:2rem;font-size:1.05rem;font-weight:600}.oc-sheet-description{color:var(--oc-muted-foreground);margin:0;font-size:.875rem}.oc-sheet-body{flex:1;min-block-size:0;padding:1rem 1.5rem;font-size:.875rem;overflow-y:auto}.oc-sheet-footer{border-block-start:1px solid var(--oc-border);flex-shrink:0;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;display:flex}.oc-sheet-close{color:var(--oc-muted-foreground);border-radius:var(--oc-radius);cursor:pointer;background:0 0;border:0;padding:.25rem .4rem;font-size:1.1rem;line-height:1;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.oc-sheet-close:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-sheet-close:focus-visible{outline:2px solid var(--oc-ring)}.oc-alert-dialog{text-align:center;align-items:center;padding:1.5rem 1.5rem 0}.oc-alert-dialog-icon{border:2px solid var(--oc-alert-dialog-color,var(--oc-warning));block-size:3.5rem;inline-size:3.5rem;color:var(--oc-alert-dialog-color,var(--oc-warning));background:oklch(from var(--oc-alert-dialog-color,var(--oc-warning)) l c h / .12);border-radius:50%;place-items:center;margin-block-end:.75rem;font-size:1.75rem;font-weight:700;line-height:1;display:grid}.oc-alert-dialog--success{--oc-alert-dialog-color:var(--oc-success)}.oc-alert-dialog--error{--oc-alert-dialog-color:var(--oc-destructive)}.oc-alert-dialog--warning{--oc-alert-dialog-color:var(--oc-warning)}.oc-alert-dialog--info,.oc-alert-dialog--question{--oc-alert-dialog-color:var(--oc-primary)}.oc-alert-dialog .oc-modal-title{font-size:1.2rem}.oc-alert-dialog .oc-modal-body{padding:.5rem 0 1rem}.oc-alert-dialog .oc-modal-footer{border-block-start:0;justify-content:center;align-self:stretch;padding-inline:0}.oc-popover[popover]{position-area:block-end span-inline-end;position-try-fallbacks:flip-block, flip-inline;inline-size:18rem;max-inline-size:calc(100vw - 1rem);color:var(--oc-popover-foreground);background:var(--oc-popover);border:1px solid var(--oc-border);border-radius:var(--oc-radius);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);transition:opacity var(--oc-transition-fast), display var(--oc-transition-fast) allow-discrete, overlay var(--oc-transition-fast) allow-discrete;margin:4px 0 0;padding:1rem;font-size:.875rem;position:fixed;inset:auto}.oc-popover[popover]:popover-open{display:block;@starting-style{opacity:0}}.oc-popover--sm[popover]{inline-size:12rem;padding:.5rem}.oc-popover--lg[popover]{inline-size:26rem}.oc-popover-title{color:var(--oc-foreground);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.oc-popover-text{color:var(--oc-muted-foreground);margin:0}.oc-command{color:var(--oc-popover-foreground);background:var(--oc-popover);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);flex-direction:column;display:flex;overflow:hidden}.oc-command-input{inline-size:100%;font:inherit;color:var(--oc-foreground);border:0;border-block-end:1px solid var(--oc-border);background:0 0;outline:none;padding:.75rem 1rem;font-size:.875rem}.oc-command-input::placeholder{color:var(--oc-muted-foreground)}.oc-command-list{max-block-size:20rem;margin:0;padding:.25rem;list-style:none;overflow-y:auto}.oc-command-group-label{text-transform:uppercase;letter-spacing:.04em;color:var(--oc-muted-foreground);padding:.5rem .625rem .25rem;font-size:.7rem;font-weight:600}.oc-command-item{color:var(--oc-popover-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;transition:background var(--oc-transition-fast), color var(--oc-transition-fast);align-items:center;gap:.625rem;padding:.5rem .625rem;font-size:.875rem;display:flex}.oc-command-item:hover,.oc-command-item[aria-selected=true]{background:var(--oc-accent);color:var(--oc-accent-foreground)}.oc-command-item[aria-disabled=true]{opacity:.5;pointer-events:none}.oc-command-shortcut{letter-spacing:.08em;color:var(--oc-muted-foreground);margin-inline-start:auto;font-size:.7rem}.oc-command-separator{background:var(--oc-border);block-size:1px;margin:.25rem -.25rem}.oc-command-empty{text-align:center;color:var(--oc-muted-foreground);padding:1.5rem 1rem;font-size:.875rem}.oc-command-item[hidden],.oc-command-empty[hidden]{display:none}.oc-toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:.5rem;inline-size:min(22rem,100vw - 2rem);display:flex;position:fixed;inset-block-end:1rem;inset-inline-end:1rem}.oc-toast-container--top{inset-block:1rem auto}.oc-toast-container--static{inline-size:min(22rem,100%);position:static}.oc-toast{--oc-toast-color:var(--oc-primary);pointer-events:auto;color:var(--oc-foreground);background:color-mix(in srgb, var(--oc-toast-color) 8%, var(--oc-popover));border:1px solid color-mix(in srgb, var(--oc-toast-color) 45%, transparent);border-radius:calc(var(--oc-radius) + 2px);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);animation:oc-fade-in var(--oc-transition-normal);align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex}.oc-toast--success{--oc-toast-color:var(--oc-success)}.oc-toast--error{--oc-toast-color:var(--oc-destructive)}.oc-toast--warning{--oc-toast-color:var(--oc-warning)}.oc-toast--info{--oc-toast-color:var(--oc-primary)}.oc-toast-icon{color:var(--oc-toast-color);flex-shrink:0;margin-block-start:.1rem;font-weight:700;line-height:1}.oc-toast-body{flex:1;min-inline-size:0}.oc-toast-title{color:var(--oc-foreground);margin:0;font-size:.875rem;font-weight:600}.oc-toast-description{color:var(--oc-muted-foreground);margin:.125rem 0 0;font-size:.8125rem}.oc-toast-close{color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0 .25rem;font-size:1.1rem;line-height:1.2}.oc-toast-close:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-toast-close:focus-visible{outline:2px solid var(--oc-ring)}.oc-toast--auto{animation:oc-fade-in var(--oc-transition-normal), oc-toast-out .3s ease forwards calc(var(--oc-toast-duration,6s))}@keyframes oc-toast-out{to{opacity:0;visibility:hidden;transform:translate(1rem)}}.oc-segmented{background:var(--oc-muted);border:1px solid var(--oc-border);border-radius:var(--oc-radius);gap:2px;padding:3px;display:inline-flex}.oc-segmented-item{letter-spacing:.02em;color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;transition:background var(--oc-transition-fast), color var(--oc-transition-fast);padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:relative}.oc-segmented-item:hover{color:var(--oc-foreground)}.oc-segmented-item input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.oc-segmented-item:has(input:checked){background:var(--oc-background);color:var(--oc-foreground);box-shadow:0 1px 3px oklch(from var(--color-black-60) l c h / .12);cursor:default}.oc-segmented-item:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:1px}.oc-segmented-item:has(input:disabled){opacity:.5;cursor:not-allowed}.oc-segmented--block{display:flex}.oc-segmented--block .oc-segmented-item{text-align:center;flex:1}.oc-segmented--sm .oc-segmented-item{padding:.125rem .5rem;font-size:.7rem}.oc-stepper{counter-reset:oc-step;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.oc-stepper--horizontal{flex-direction:row;overflow-x:auto}.oc-stepper>li{flex:1 0 auto;display:flex}.oc-stepper-item{inline-size:100%;min-inline-size:10rem;font:inherit;text-align:start;color:var(--oc-muted-foreground);background:var(--oc-surface);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);counter-increment:oc-step;cursor:default;opacity:.85;flex:1 0 auto;align-items:flex-start;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;display:flex}.oc-stepper-item:before{content:counter(oc-step);border:1px solid var(--oc-border-strong);border-radius:50%;flex-shrink:0;place-items:center;block-size:1.375rem;inline-size:1.375rem;font-size:.75rem;font-weight:600;line-height:1;display:grid}.oc-stepper-label{font-weight:500;line-height:1.3;display:block}.oc-stepper-meta{color:var(--oc-muted-foreground);font-size:.75rem;display:block}.oc-stepper-item--done{color:var(--oc-foreground);background:var(--oc-surface-strong);cursor:pointer;opacity:1}.oc-stepper-item--done:before{content:"✓";color:var(--oc-success-foreground);background:var(--oc-success);border-color:var(--oc-success)}.oc-stepper-item--done:hover{background:var(--oc-accent)}.oc-stepper-item--active,.oc-stepper-item[aria-current=step]{color:var(--oc-foreground);background:oklch(from var(--oc-primary) l c h / .08);border-color:var(--oc-primary);box-shadow:0 0 0 1px oklch(from var(--oc-primary) l c h / .35);opacity:1}.oc-stepper-item--active:before,.oc-stepper-item[aria-current=step]:before{color:var(--oc-primary-foreground);background:var(--oc-primary);border-color:var(--oc-primary)}.oc-stepper-item:disabled{cursor:not-allowed}.oc-stepper-item:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-dl-panel{background:var(--oc-surface-strong);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);padding:1rem;font-size:.875rem}.oc-dl-title{color:var(--oc-foreground);margin:0;font-size:.875rem;font-weight:600}.oc-dl-description{color:var(--oc-muted-foreground);margin:.25rem 0 0;font-size:.75rem}.oc-dl{border-block-start:1px solid var(--oc-border);margin:.75rem 0 0}.oc-dl-row{border-block-end:1px solid var(--oc-border);gap:.25rem 1rem;padding:.75rem 0;display:grid}.oc-dl-row:last-child{border-block-end:0;padding-block-end:0}@media (width>=40rem){.oc-dl-row{grid-template-columns:minmax(10rem,40%) minmax(0,1fr);align-items:start}}.oc-dl-term{color:var(--oc-muted-foreground);margin:0;line-height:1.35}.oc-dl-detail{min-inline-size:0;color:var(--oc-foreground);overflow-wrap:anywhere;margin:0;font-weight:600}.oc-dl-footer{border-block-start:1px solid var(--oc-border);margin-block-start:.5rem;padding-block-start:.75rem}details.oc-collapsible{background:var(--oc-card);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);box-shadow:0 1px 2px oklch(from var(--color-black-60) l c h / .05);interpolate-size:allow-keywords}details.oc-collapsible>summary{cursor:pointer;border-radius:calc(var(--oc-radius) + 4px);transition:background var(--oc-transition-fast);align-items:center;gap:.75rem;padding:1rem;list-style:none;display:flex}details.oc-collapsible>summary::-webkit-details-marker{display:none}details.oc-collapsible>summary:hover{background:var(--oc-surface-strong)}details.oc-collapsible>summary:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}details.oc-collapsible>summary:after{content:"";border-inline-end:2px solid var(--oc-muted-foreground);border-block-end:2px solid var(--oc-muted-foreground);block-size:.5rem;inline-size:.5rem;transition:transform var(--oc-transition-normal);flex-shrink:0;margin-inline-start:auto;transform:rotate(45deg)}details.oc-collapsible[open]>summary:after{transform:rotate(225deg)}details.oc-collapsible[open]>summary{border-end-end-radius:0;border-end-start-radius:0}.oc-collapsible-icon{block-size:1.25rem;inline-size:1.25rem;color:var(--oc-primary);flex-shrink:0}.oc-collapsible-title{letter-spacing:-.01em;color:var(--oc-foreground);font-size:1.05rem;font-weight:500}.oc-collapsible-content{border-block-start:1px solid var(--oc-border);padding:1.5rem}.oc-collapsible--dense>summary{padding:.75rem}.oc-collapsible--dense .oc-collapsible-content{padding:1rem}details.oc-collapsible::details-content{block-size:0;transition:block-size var(--oc-transition-normal), content-visibility var(--oc-transition-normal) allow-discrete;overflow:clip}details.oc-collapsible[open]::details-content{block-size:auto}.oc-checklist{flex-direction:column;gap:.375rem;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.oc-checklist-item{color:var(--oc-muted-foreground);align-items:flex-start;gap:.5rem;display:flex}.oc-checklist-item:before{content:"";border:1.5px solid var(--oc-border-strong);border-radius:50%;flex-shrink:0;place-items:center;block-size:1rem;inline-size:1rem;margin-block-start:.05rem;font-size:.65rem;font-weight:700;line-height:1;display:grid}.oc-checklist-item.is-done,.oc-checklist-item[aria-checked=true]{color:var(--oc-success)}.oc-checklist-item.is-done:before,.oc-checklist-item[aria-checked=true]:before{content:"✓";color:var(--oc-success-foreground);background:var(--oc-success);border-color:var(--oc-success)}.oc-checklist--card{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);background:var(--oc-surface);gap:0;font-size:.875rem}.oc-checklist--card .oc-checklist-item{align-items:center;padding:.75rem 1rem}.oc-checklist--card .oc-checklist-item+.oc-checklist-item{border-block-start:1px solid var(--oc-border)}.oc-checklist--card .oc-checklist-item.is-done{color:var(--oc-foreground)}.oc-checklist-text{flex:1;min-inline-size:0}.oc-checklist-title{color:var(--oc-foreground);font-weight:500;display:block}.oc-checklist-hint{color:var(--oc-muted-foreground);font-size:.75rem;display:block}.oc-tag{color:var(--oc-accent-foreground);background:var(--oc-accent);border-radius:calc(var(--oc-radius) - 2px);align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.8125rem;line-height:1.2;display:inline-flex}.oc-tag-remove{font:inherit;color:var(--oc-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0 .15rem;line-height:1}.oc-tag-remove:hover{color:var(--oc-destructive)}.oc-tag-remove:focus-visible{outline:2px solid var(--oc-ring)}.oc-tag-input{background:var(--oc-background);border:1px solid var(--oc-input);border-radius:var(--oc-radius);transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);flex-wrap:wrap;align-items:center;gap:.375rem;padding:.375rem .5rem;display:flex}.oc-tag-input:focus-within{border-color:var(--oc-ring);box-shadow:0 0 0 2px oklch(from var(--oc-ring) l c h / .25)}.oc-tag-input>input{min-inline-size:8rem;font:inherit;color:var(--oc-foreground);background:0 0;border:0;outline:none;flex:1;padding:.25rem;font-size:.875rem}.oc-tag-suggestions{flex-wrap:wrap;gap:.25rem;margin-block-start:.375rem;display:flex}.oc-tag-suggestions>button{font:inherit;color:var(--oc-muted-foreground);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;background:0 0;padding:.15rem .5rem;font-size:.75rem}.oc-tag-suggestions>button:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-otp{--oc-otp-length:6;--oc-otp-cell:2.75ch;inline-size:calc(var(--oc-otp-length) * var(--oc-otp-cell));max-inline-size:100%;padding:.6rem 0 .6rem calc((var(--oc-otp-cell) - 1ch) / 2);letter-spacing:calc(var(--oc-otp-cell) - 1ch);text-align:start;color:var(--oc-foreground);background-color:var(--oc-background);background-image:repeating-linear-gradient(90deg, var(--oc-input) 0 1px, transparent 1px calc(var(--oc-otp-cell) - 1px), var(--oc-input) calc(var(--oc-otp-cell) - 1px) var(--oc-otp-cell));border:0;border-block:1px solid var(--oc-input);border-radius:var(--oc-radius);background-origin:border-box;outline:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.5rem}.oc-otp:focus{box-shadow:0 0 0 2px oklch(from var(--oc-ring) l c h / .35)}.oc-otp[aria-invalid=true]{border-block-color:var(--oc-destructive)}.oc-otp:disabled{opacity:.5;cursor:not-allowed}.oc-input-reveal{display:block;position:relative}.oc-input-reveal>.oc-input{padding-inline-end:2.5rem}.oc-input-reveal-button{block-size:1.75rem;font:inherit;color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;transition:background var(--oc-transition-fast), color var(--oc-transition-fast);background:0 0;border:0;margin-block:auto;padding:0 .5rem;font-size:.75rem;position:absolute;inset-block:0;inset-inline-end:.25rem}.oc-input-reveal-button:hover{color:var(--oc-foreground);background:var(--oc-surface-strong)}.oc-input-reveal-button:focus-visible{outline:2px solid var(--oc-ring)}.oc-input-reveal-button[aria-pressed=true]{color:var(--oc-primary)}.oc-copy-field{background:var(--oc-surface-strong);border:1px solid var(--oc-border);border-radius:var(--oc-radius);align-items:stretch;inline-size:100%;display:flex;overflow:hidden}.oc-copy-field-value{min-inline-size:0;color:var(--oc-foreground);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;outline:none;flex:1;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;overflow:hidden}.oc-copy-field-button{font:inherit;color:var(--oc-foreground);background:var(--oc-muted);border:0;border-inline-start:1px solid var(--oc-border);cursor:pointer;padding:0 .75rem;font-size:.75rem;font-weight:500}.oc-copy-field-button:hover{background:var(--oc-accent)}.oc-copy-field-button:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-copy-field-button.is-copied{color:var(--oc-success)}.oc-color-field{align-items:center;gap:.5rem;display:flex}.oc-color-field>input[type=color]{background:var(--oc-background);border:1px solid var(--oc-input);border-radius:var(--oc-radius);cursor:pointer;block-size:2.25rem;inline-size:2.5rem;padding:2px}.oc-color-field>input[type=color]:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-color-field>.oc-input{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.oc-dropzone{text-align:center;color:var(--oc-foreground);border:1px dashed var(--oc-border-strong);border-radius:calc(var(--oc-radius) + 2px);cursor:pointer;transition:background var(--oc-transition-fast), border-color var(--oc-transition-fast);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;font-size:.875rem;display:flex;position:relative}.oc-dropzone:hover{background:oklch(from var(--oc-accent) l c h / .4)}.oc-dropzone.is-dragover,.oc-dropzone:has(input:focus-visible){border-color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .06)}.oc-dropzone:has(input:disabled){opacity:.5;cursor:not-allowed}.oc-dropzone>input[type=file]{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;position:absolute;inset:0}.oc-dropzone-icon svg,.oc-launcher-icon svg,.oc-empty-icon svg{block-size:1.25em;inline-size:1.25em}.oc-dropzone-icon{color:var(--oc-muted-foreground);font-size:1.5rem;line-height:1}.oc-dropzone-hint{color:var(--oc-muted-foreground);font-size:.75rem}.oc-launcher{min-block-size:7.75rem;font:inherit;text-align:start;color:var(--oc-card-foreground);background:var(--oc-card);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);box-shadow:0 1px 2px oklch(from var(--color-black-60) l c h / .05);cursor:pointer;transition:border-color var(--oc-transition-fast), transform var(--oc-transition-fast), box-shadow var(--oc-transition-fast);flex-direction:column;gap:.5rem;padding:1rem;text-decoration:none;display:flex}.oc-launcher:hover{border-color:var(--oc-primary);box-shadow:0 4px 12px oklch(from var(--color-black-60) l c h / .1);transform:translateY(-1px)}.oc-launcher:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-launcher[aria-current=true],.oc-launcher.is-active{border-color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .06)}.oc-launcher[aria-disabled=true],.oc-launcher:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.oc-launcher-icon{block-size:2.5rem;inline-size:2.5rem;color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1);border-radius:calc(var(--oc-radius) + 2px);place-items:center;font-size:1.25rem;display:grid}.oc-launcher-title{color:var(--oc-foreground);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.oc-launcher-description{color:var(--oc-muted-foreground);margin:0;font-size:.8125rem;line-height:1.45}.oc-launcher-footer{color:var(--oc-muted-foreground);margin-block-start:auto;font-size:.75rem}.oc-recovery-codes{background:oklch(from var(--oc-warning) l c h / .08);border:2px solid var(--oc-warning);border-radius:calc(var(--oc-radius) + 2px);padding:1rem}.oc-recovery-codes-title{color:var(--oc-foreground);margin:0;font-size:.875rem;font-weight:600}.oc-recovery-codes-warning{color:var(--oc-muted-foreground);margin:.25rem 0 0;font-size:.75rem}.oc-recovery-codes-list{font-variant-numeric:tabular-nums;user-select:all;color:var(--oc-foreground);background:var(--oc-background);border:1px solid var(--oc-border);border-radius:var(--oc-radius);grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem 1.5rem;margin:.75rem 0 0;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem;list-style:none;display:grid}.oc-recovery-codes-actions{flex-wrap:wrap;gap:.5rem;margin-block-start:.75rem;display:flex}.oc-table--borderless th,.oc-table--borderless td{border-inline:0}.oc-table--borderless{border-collapse:collapse}.oc-table--compact th,.oc-table--compact td{padding:.25rem .5rem;font-size:.8125rem}.oc-table--striped tbody tr:nth-child(2n){background:var(--oc-surface)}.oc-table--sticky thead th{z-index:1;position:sticky;inset-block-start:0}.oc-table th[data-numeric],.oc-table td[data-numeric]{text-align:end;font-variant-numeric:tabular-nums}.oc-table tbody tr[aria-selected=true]{background:oklch(from var(--oc-primary) l c h / .1)}.oc-table-sort{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.375rem;padding:0;text-decoration:none;display:inline-flex}.oc-table-sort:after{content:"↕";opacity:.35;font-size:.75em}.oc-table th[aria-sort=ascending] .oc-table-sort:after{content:"↑";opacity:1;color:var(--oc-primary)}.oc-table th[aria-sort=descending] .oc-table-sort:after{content:"↓";opacity:1;color:var(--oc-primary)}.oc-table-sort:hover{color:var(--oc-foreground)}.oc-table-sort:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-table-actions{white-space:nowrap;text-align:end}.oc-table-actions>*+*{margin-inline-start:.25rem}.oc-table-row-action{font:inherit;color:var(--oc-muted-foreground);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;transition:color var(--oc-transition-fast), background var(--oc-transition-fast);background:0 0;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-flex}.oc-table-row-action:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-table-row-action--primary:hover{color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1)}.oc-table-row-action--success:hover{color:var(--oc-success);background:oklch(from var(--oc-success) l c h / .1)}.oc-table-row-action--destructive{color:var(--oc-destructive)}.oc-table-row-action--destructive:hover{background:oklch(from var(--oc-destructive) l c h / .1)}.oc-table-row-action:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-table-row-action:disabled,.oc-table-row-action[aria-disabled=true]{opacity:.5;pointer-events:none}.oc-table-empty td{border:0;padding:0}.oc-table-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;padding-block-end:.75rem;display:flex}.oc-table-toolbar-spacer{flex:1}.oc-table-toolbar .oc-input{inline-size:min(20rem,100%)}.oc-table-footer{color:var(--oc-muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-block-start:.75rem;font-size:.8125rem;display:flex}.oc-table-footer .oc-select{inline-size:auto;padding-block:.25rem}.oc-filter-pills{border-inline-start:1px solid var(--oc-border);flex-wrap:wrap;gap:.25rem;padding-inline-start:.5rem;display:inline-flex}.oc-filter-pill{font:inherit;color:var(--oc-muted-foreground);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.25rem .625rem;font-size:.75rem;font-weight:500;text-decoration:none}.oc-filter-pill:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-filter-pill[aria-current=true],.oc-filter-pill.is-active{color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1);border-color:oklch(from var(--oc-primary) l c h / .35)}.oc-filter-pill:focus-visible{outline:2px solid var(--oc-ring)}@media (prefers-reduced-motion:reduce){.oc-sidebar,.oc-toast,.oc-launcher,dialog.oc-sheet[open] .oc-sheet-content,.oc-popover[popover],details.oc-collapsible::details-content,details.oc-collapsible>summary:after{transition:none;animation:none}.oc-toast--auto{animation:none}}:root{--oc-accent-from:var(--oc-brand-1);--oc-accent-to:var(--oc-brand-2);--oc-radius-lg:1.25rem;--oc-radius-md:.75rem;--oc-ease-out:cubic-bezier(.2, .8, .2, 1)}.oc-accent--blue{--oc-accent-from:light-dark(var(--color-vividblue-95),var(--color-vividblue-60));--oc-accent-to:light-dark(var(--color-blue-40),var(--color-blue-20))}.oc-accent--cyan{--oc-accent-from:light-dark(var(--color-teal-60),var(--color-skycyan-70));--oc-accent-to:light-dark(var(--color-teal-80),var(--color-teal-40))}.oc-accent--green{--oc-accent-from:light-dark(var(--color-green-60),var(--color-green-20));--oc-accent-to:light-dark(var(--color-teal-70),var(--color-teal-50))}.oc-accent--orange{--oc-accent-from:light-dark(var(--color-peru-80),var(--color-orange-70));--oc-accent-to:light-dark(var(--color-red-70),var(--color-red-40))}.oc-accent--red{--oc-accent-from:light-dark(var(--color-red-60),var(--color-red-30));--oc-accent-to:light-dark(var(--color-magenta-80),var(--color-magenta-60))}.oc-accent--violet{--oc-accent-from:light-dark(var(--color-purple-30),var(--color-violet-70));--oc-accent-to:light-dark(var(--color-indigo-30),var(--color-purple-30))}.oc-accent--yellow{--oc-accent-from:light-dark(var(--color-peru-60),var(--color-yellow-80));--oc-accent-to:light-dark(var(--color-orange-95),var(--color-orange-80))}.oc-text-gradient,.oc-text-accent{background:var(--oc-gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.oc-text-accent{background-image:linear-gradient(100deg, var(--oc-accent-from), var(--oc-accent-to))}.oc-eyebrow{color:var(--oc-brand-1);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem;font-size:.8rem;font-weight:600}.oc-btn--pill{border-radius:999px}.oc-btn--gradient{background:linear-gradient(100deg, var(--oc-accent-from), var(--oc-accent-to));color:var(--color-white-50);box-shadow:0 10px 30px -10px var(--oc-accent-to);transition:transform .2s var(--oc-ease-out), box-shadow .2s;border-radius:999px}.oc-btn--gradient:hover{box-shadow:0 16px 40px -10px var(--oc-accent-to);opacity:1;transform:translateY(-2px)}.oc-btn--glass{border-color:var(--oc-border-strong);background:var(--oc-surface);color:var(--oc-foreground);border-radius:999px}.oc-btn--glass:hover{background:var(--oc-surface-strong)}.oc-link-arrow{color:var(--oc-brand-1);align-items:center;gap:.4rem;font-weight:600;text-decoration:none;display:inline-flex}.oc-link-arrow:after{content:"→";transition:translate .2s var(--oc-ease-out)}.oc-link-arrow:hover:after{translate:4px}.oc-backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.oc-backdrop--local{position:absolute}.oc-backdrop:before,.oc-backdrop:after,.oc-backdrop>.oc-backdrop__blob{content:"";aspect-ratio:1;filter:blur(120px);inline-size:42rem;opacity:var(--oc-backdrop-opacity,.35);border-radius:50%;animation:24s ease-in-out infinite alternate oc-drift;position:absolute}.oc-backdrop:before{background:var(--color-blue-40);inset-block-start:-18rem;inset-inline-start:-12rem}.oc-backdrop:after{background:var(--color-purple-30);animation-delay:-8s;inset-block-start:10rem;inset-inline-end:-16rem}.oc-backdrop>.oc-backdrop__blob{background:var(--color-teal-40);opacity:calc(var(--oc-backdrop-opacity,.35) * .6);animation-delay:-16s;inset-block-end:-20rem;inset-inline-start:30%}.oc-backdrop>.oc-backdrop__grid{background-image:linear-gradient(oklch(from var(--oc-foreground) l c h / .05) 1px, transparent 1px), linear-gradient(90deg, oklch(from var(--oc-foreground) l c h / .05) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:0;mask-image:radial-gradient(at 50% 0,#000 20%,#0000 70%)}@keyframes oc-drift{to{transform:translate(6rem,4rem)scale(1.15)}}.oc-container{inline-size:min(100% - 2.5rem, var(--oc-container,1200px));margin-inline:auto}.oc-section-pad{padding-block:clamp(4rem,9vw,7rem)}.oc-section-pad--tight{padding-block:clamp(2rem,5vw,3.5rem)}.oc-display{letter-spacing:-.025em;text-wrap:balance;margin:0 0 1.5rem;font-size:clamp(2.6rem,5.6vw,4.6rem);font-weight:700;line-height:1.05}.oc-display--md{font-size:clamp(1.9rem,4vw,3rem)}.oc-lead{color:var(--oc-muted-foreground);text-wrap:pretty;max-inline-size:42rem;margin:0 0 1rem;font-size:1.15rem;line-height:1.65}.oc-split{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:center;gap:3rem;display:grid}.oc-code-window{border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-lg);background:oklch(from var(--color-shallowblue-60) l c h / .9);box-shadow:0 40px 80px -30px oklch(from var(--color-black-50) l c h / .6);backdrop-filter:blur(12px);color-scheme:dark;position:relative;overflow:hidden}.oc-code-window__bar{border-block-end:1px solid var(--oc-border);align-items:center;gap:.45rem;padding:.8rem 1rem;display:flex}.oc-code-window__bar>i{aspect-ratio:1;background:var(--color-red-50);border-radius:50%;inline-size:.7rem}.oc-code-window__bar>i:nth-child(2){background:var(--color-orange-60)}.oc-code-window__bar>i:nth-child(3){background:var(--color-green-20)}.oc-code-window__title{color:var(--oc-muted-foreground);font-family:var(--oc-font-mono);margin-inline-start:.6rem;font-size:.78rem}.oc-code-window .oc-code-block{border:0;border-radius:0;margin:0}.oc-code-window__body{font-family:var(--oc-font-mono);color:var(--oc-foreground);margin:0;padding:1.4rem 1.5rem;font-size:clamp(.75rem,1.3vw,.92rem);line-height:1.85;overflow-x:auto}.oc-browser-frame{border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-md);background:var(--oc-card);box-shadow:0 30px 60px -30px oklch(from var(--oc-accent-to) l c h / .55);display:block;overflow:hidden}.oc-browser-frame__bar{border-block-end:1px solid var(--oc-border);background:var(--oc-surface-strong);gap:.4rem;padding:.6rem .8rem;display:flex}.oc-browser-frame__bar>i{aspect-ratio:1;background:var(--oc-border-strong);border-radius:50%;inline-size:.6rem}.oc-browser-frame__bar>i:first-child{background:var(--oc-accent-from)}.oc-browser-frame>img,.oc-browser-frame__body{aspect-ratio:16/10;object-fit:cover;object-position:top;inline-size:100%;display:block}.oc-icon-tile{--oc-tile-size:3rem;inline-size:var(--oc-tile-size);aspect-ratio:1;border:1px solid oklch(from var(--oc-accent-from) l c h / .4);background:linear-gradient(135deg, oklch(from var(--oc-accent-from) l c h / .3), oklch(from var(--oc-accent-to) l c h / .18)), var(--oc-card);color:var(--oc-accent-from);font-size:calc(var(--oc-tile-size) * .45);border-radius:28%;flex-shrink:0;place-items:center;line-height:1;display:inline-grid}.oc-icon-tile>:is(img,svg){object-fit:contain;block-size:58%;inline-size:58%}.oc-icon-tile--sm{--oc-tile-size:2.4rem}.oc-icon-tile--lg{--oc-tile-size:3.5rem}.oc-icon-tile--xl{--oc-tile-size:clamp(7rem, 22vw, 15rem);box-shadow:0 0 120px -20px var(--oc-accent-from);border-radius:30%}.oc-icon-tile--float{animation:6s ease-in-out infinite oc-float}@keyframes oc-float{50%{translate:0 -12px}}.oc-card-grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--oc-card-min,17rem)), 1fr));gap:1.25rem;display:grid}.oc-product-card{border:1px solid var(--oc-border);border-radius:var(--oc-radius-lg);background:radial-gradient(22rem circle at 50% 0%, oklch(from var(--oc-accent-from) l c h / var(--oc-glow,0)), transparent 60%), var(--oc-surface);color:var(--oc-foreground);transition:transform .35s var(--oc-ease-out), border-color .35s, --oc-glow .35s;flex-direction:column;gap:.5rem;padding:1.6rem;text-decoration:none;display:flex;position:relative}@property --oc-glow{syntax:"<number>";inherits:false;initial-value:0}.oc-product-card:hover{--oc-glow:.22;border-color:oklch(from var(--oc-accent-from) l c h / .55);transform:translateY(-6px)}.oc-product-card__top{justify-content:space-between;align-items:flex-start;margin-block-end:.75rem;display:flex}.oc-product-card__name{letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:700}.oc-product-card__tagline{color:var(--oc-accent-from);margin:0;font-size:.95rem;font-weight:600}.oc-product-card__summary{color:var(--oc-muted-foreground);flex-grow:1;margin:0;font-size:.95rem}.oc-product-card__more{align-items:center;gap:.4rem;margin-block-start:.75rem;font-size:.92rem;font-weight:600;display:inline-flex}.oc-product-card__more:after{content:"→";transition:translate .25s var(--oc-ease-out)}.oc-product-card:hover .oc-product-card__more:after{translate:5px}.oc-pill{border:1px solid var(--oc-border);background:var(--oc-surface);color:var(--oc-muted-foreground);border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.oc-pill--accent{border-color:oklch(from var(--oc-accent-from) l c h / .45);background:oklch(from var(--oc-accent-from) l c h / .14);color:var(--oc-accent-from)}.oc-status-dot{aspect-ratio:1;background:var(--oc-accent-from);border-radius:50%;inline-size:.5rem;animation:2s infinite oc-pulse}@keyframes oc-pulse{0%{box-shadow:0 0 0 0 oklch(from var(--oc-accent-from) l c h / .6)}70%,to{box-shadow:0 0 0 8px #0000}}.oc-stat-strip{border-block:1px solid var(--oc-border);background:var(--oc-surface);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.oc-stat-strip__item{border-inline-start:1px solid var(--oc-border);padding:2rem 1.5rem}.oc-stat-strip__item:first-child{border-inline-start:0}.oc-stat-strip__value{font-size:clamp(2.2rem,4vw,3rem);font-weight:700;line-height:1.1}.oc-stat-strip__suffix{color:var(--oc-brand-1)}.oc-stat-strip__label{color:var(--oc-muted-foreground);font-size:.92rem;display:block}.oc-spotlight{border:1px solid oklch(from var(--oc-accent-from) l c h / .4);border-radius:calc(var(--oc-radius-lg) * 1.6);background:radial-gradient(36rem circle at 100% 0%, oklch(from var(--oc-accent-to) l c h / .16), transparent 60%), radial-gradient(36rem circle at 0% 100%, oklch(from var(--oc-accent-from) l c h / .22), transparent 60%), var(--oc-card);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));align-items:center;gap:3rem;padding:clamp(2rem,5vw,3.5rem);display:grid}.oc-spotlight__title{align-items:center;gap:1rem;margin:1.25rem 0 .5rem;font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.1;display:flex}.oc-spotlight__tagline{color:var(--oc-accent-from);font-size:1.2rem;font-weight:600}.oc-spotlight__modules{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.oc-spotlight__modules>li{border:1px solid var(--oc-border);border-radius:var(--oc-radius-md);background:var(--oc-surface);align-items:center;gap:.75rem;padding:.9rem;font-size:.95rem;display:flex}.oc-steps{counter-reset:oc-step;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.oc-steps>li{border-block-start:2px solid var(--oc-border-strong);counter-increment:oc-step;padding:1.75rem 1.5rem;position:relative}.oc-steps>li:before{content:"";background:var(--oc-gradient-brand);block-size:2px;inline-size:3rem;position:absolute;inset-block-start:-2px;inset-inline-start:0}.oc-steps>li:after{content:counter(oc-step, decimal-leading-zero);color:var(--oc-brand-1);font-family:var(--oc-font-mono);font-size:.85rem;position:absolute;inset-block-start:1.75rem;inset-inline-end:1.5rem}.oc-steps h3{margin:0 0 .5rem;font-size:1.3rem}.oc-steps p{color:var(--oc-muted-foreground);margin:0;font-size:.95rem}.oc-marquee{overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.oc-marquee__track{inline-size:max-content;animation:oc-marquee var(--oc-marquee-duration,40s) linear infinite;gap:1rem;display:flex}.oc-marquee:hover .oc-marquee__track{animation-play-state:paused}.oc-marquee__item{border:1px solid var(--oc-border);background:var(--oc-surface);color:var(--oc-muted-foreground);font-family:var(--oc-font-mono);white-space:nowrap;border-radius:999px;padding:.6rem 1.2rem;font-size:.88rem}@keyframes oc-marquee{to{transform:translate(calc(-50% - .5rem))}}.oc-timeline{border-inline-start:1px solid var(--oc-border-strong);gap:.9rem;margin:0;padding:0 0 0 1.25rem;list-style:none;display:grid}.oc-timeline>li{gap:.15rem;display:grid}.oc-timeline strong{color:var(--oc-brand-1);font-family:var(--oc-font-mono);font-size:.9rem}.oc-timeline span{color:var(--oc-muted-foreground);font-size:.95rem}.oc-fact-list{border:1px solid var(--oc-border);border-radius:var(--oc-radius-lg);background:var(--oc-surface);margin:0}.oc-fact-list>div{border-block-start:1px solid var(--oc-border);justify-content:space-between;gap:1rem;padding:1rem 1.25rem;display:flex}.oc-fact-list>div:first-child{border-block-start:0}.oc-fact-list dt{color:var(--oc-muted-foreground)}.oc-fact-list dd{text-align:end;margin:0;font-weight:600}.oc-tag-list{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.oc-tag-list>li{border:1px solid oklch(from var(--oc-accent-from) l c h / .35);background:oklch(from var(--oc-accent-from) l c h / .1);font-family:var(--oc-font-mono);border-radius:999px;padding:.55rem 1.1rem;font-size:.88rem}.oc-check-list{gap:.5rem;margin:1.1rem 0 0;padding:0;font-size:.93rem;list-style:none;display:grid}.oc-check-list>li{align-items:baseline;gap:.5rem;display:flex}.oc-check-list>li:before{content:"✓";color:var(--oc-brand-1);font-weight:700}.oc-site-header{z-index:50;border-block-end:1px solid #0000;position:sticky;inset-block-start:0}@supports (animation-timeline:scroll()){.oc-site-header{animation:linear both oc-header-glass scroll(root);animation-range:0 120px}}@keyframes oc-header-glass{to{background:oklch(from var(--oc-background) l c h / .72);border-block-end-color:var(--oc-border);backdrop-filter:blur(16px)saturate(1.4)}}.oc-site-header__inner{justify-content:space-between;align-items:center;gap:1rem;block-size:4.5rem;display:flex}.oc-site-header__brand{color:var(--oc-foreground);letter-spacing:-.03em;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:700;text-decoration:none;display:inline-flex}.oc-site-header__nav{align-items:center;gap:2rem;font-size:.95rem;display:flex}.oc-site-header__nav[popover]{color:inherit;background:0 0;border:0;margin:0;padding:0;position:static;inset:auto;overflow:visible}.oc-site-header__nav a:not(.oc-btn){color:var(--oc-muted-foreground);text-decoration:none;transition:color .2s}.oc-site-header__nav a:not(.oc-btn):hover,.oc-site-header__nav a[aria-current=page]{color:var(--oc-foreground)}.oc-site-header__toggle{border:1px solid var(--oc-border);border-radius:var(--oc-radius-md);background:var(--oc-surface);color:var(--oc-foreground);cursor:pointer;padding:.5rem .7rem;display:none}@media (width>=861px){.oc-site-header__nav[popover]{display:flex}}@media (width<=860px){.oc-site-header__toggle{display:block}.oc-site-header__nav[popover]:popover-open{border-block-end:1px solid var(--oc-border);background:oklch(from var(--oc-background) l c h / .96);backdrop-filter:blur(16px);flex-direction:column;align-items:stretch;gap:.25rem;padding:1rem 1.25rem 1.5rem;display:flex;position:fixed;inset:4.5rem 0 auto}.oc-site-header__nav[popover] a:not(.oc-btn){padding:.75rem 0;font-size:1.1rem}}.oc-site-footer{border-block-start:1px solid var(--oc-border);background:linear-gradient(to bottom, transparent, var(--oc-surface-strong));color:var(--oc-muted-foreground);margin-block-start:4rem;padding-block-start:4rem;font-size:.95rem}.oc-site-footer__grid{grid-template-columns:1.6fr repeat(3,1fr);gap:2.5rem;display:grid}.oc-site-footer__about p{max-inline-size:22rem;margin-block:1rem 0}.oc-site-footer__title{color:var(--oc-foreground);margin:0 0 1rem;font-size:.95rem;font-weight:700}.oc-site-footer__list{flex-direction:column;gap:.5rem;margin:0;padding:0;font-style:normal;list-style:none;display:flex}.oc-site-footer a{color:inherit;text-decoration:none}.oc-site-footer a:hover{color:var(--oc-foreground)}.oc-site-footer__bottom{border-block-start:1px solid var(--oc-border);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-block-start:3rem;padding-block:1.5rem;font-size:.85rem;display:flex}@media (width<=860px){.oc-site-footer__grid{grid-template-columns:1fr 1fr}.oc-site-footer__about{grid-column:1/-1}}@supports (animation-timeline:view()){.oc-reveal{animation:linear both oc-reveal view();animation-range:entry cover 30%}}@keyframes oc-reveal{0%{opacity:0;translate:0 24px}}@media (prefers-reduced-motion:reduce){.oc-backdrop:before,.oc-backdrop:after,.oc-backdrop>.oc-backdrop__blob,.oc-icon-tile--float,.oc-marquee__track,.oc-status-dot,.oc-reveal,.oc-site-header{animation:none}}.oc-sidebar--docs{--oc-sidebar-width:auto;--oc-sidebar-docs-active:oklch(from var(--oc-primary) l c h / .1);background:0 0;border:0;gap:0;block-size:auto;inline-size:auto}.oc-sidebar-title{color:var(--oc-foreground);margin:0 0 .75rem;font-size:1rem;font-weight:600}.oc-sidebar--docs .oc-sidebar-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--oc-muted-foreground);margin:1rem 0 .5rem;padding:0;font-size:.75rem}.oc-sidebar--docs .oc-sidebar-menu{gap:6px}.oc-sidebar--docs .oc-sidebar-menu-button{border:1px solid #0000;border-radius:8px;padding:.5rem .625rem;display:block}.oc-sidebar--docs .oc-sidebar-menu-button:hover{color:var(--oc-foreground);border-color:var(--oc-border);background:oklch(from var(--oc-foreground) l c h / .03)}.oc-sidebar--docs .oc-sidebar-menu-button[aria-current=page],.oc-sidebar--docs .oc-sidebar-menu-button.is-active{color:var(--oc-foreground);border-color:var(--oc-primary);background:var(--oc-sidebar-docs-active);font-weight:500}.oc-sidebar--docs .oc-sidebar-menu-sub{border-inline-start:1px dashed var(--oc-border);gap:4px;margin:4px 0 0 .625rem;padding:0 0 0 .625rem}.oc-sidebar--docs .oc-sidebar-menu-sub .oc-sidebar-menu-button{padding:.375rem .5rem;font-size:.84rem}.oc-sidebar--docs details.oc-sidebar-collapsible>summary{display:flex}.oc-sidebar--docs.oc-sidebar--collapsed{inline-size:auto}.oc-toc{max-block-size:100%;padding-block-start:2px;padding-inline-end:.5rem;position:sticky;inset-block-start:0;overflow:auto}.oc-toc-title{text-transform:uppercase;letter-spacing:.08em;color:var(--oc-muted-foreground);margin:1rem 0 .5rem;font-size:.75rem}.oc-toc-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.oc-toc-link{color:var(--oc-muted-foreground);overflow-wrap:anywhere;border:1px solid #0000;border-radius:8px;padding:.375rem .5rem;font-size:.875rem;text-decoration:none;display:block}.oc-toc-link:hover{color:var(--oc-foreground);border-color:var(--oc-border)}.oc-toc-link:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-toc-link[aria-current],.oc-toc-link.is-active{color:var(--oc-foreground);border-color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1)}.oc-toc-list{scroll-target-group:auto}.oc-toc-link:target-current{color:var(--oc-foreground);border-color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1)}.oc-toc-item--sub{margin-inline-start:.75rem}.oc-toc-item--sub .oc-toc-link{font-size:.8125rem}.oc-topbar{box-sizing:border-box;min-block-size:var(--ocm-header-height,3.75rem);color:var(--oc-foreground);background:var(--ocm-header-bg,oklch(from var(--oc-background) l c h / .78));border-block-end:1px solid var(--ocm-header-border,var(--oc-border));backdrop-filter:blur(6px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-inline:clamp(14px,2vw,28px);display:flex;position:relative}.oc-topbar--fixed{z-index:1100;position:fixed;inset:0 0 auto}.oc-topbar-brand{letter-spacing:.02em;color:inherit;white-space:nowrap;margin:0;font-size:1.1rem;font-weight:700;text-decoration:none}.oc-topbar-nav{display:block}.oc-topbar-actions{flex-shrink:0;align-items:center;gap:.5rem;margin:0;display:flex}.oc-navmenu--site{gap:8px}.oc-navmenu--site .oc-navmenu-link{border:1px solid var(--oc-border);background:oklch(from var(--oc-foreground) l c h / .03);border-radius:10px;gap:4px;padding:.5rem .75rem;font-weight:400}.oc-navmenu--site .oc-navmenu-link:hover,.oc-navmenu--site .oc-navmenu-link[aria-current=page]{color:var(--oc-foreground);border-color:var(--oc-primary);background:oklch(from var(--oc-foreground) l c h / .03)}.oc-navmenu-icon{flex-shrink:0;block-size:1.25rem;inline-size:1.25rem}.oc-topbar-toggle{opacity:0;pointer-events:none;position:absolute}.oc-topbar-burger{border:1px solid var(--oc-border);border-radius:var(--oc-radius);cursor:pointer;block-size:2.25rem;inline-size:2.25rem;color:var(--oc-foreground);justify-content:center;align-items:center;display:none}.oc-topbar-burger:hover{background:var(--oc-accent)}.oc-topbar-toggle:focus-visible+.oc-topbar-burger{outline:2px solid var(--oc-ring);outline-offset:2px}@media (width<=760px){.oc-topbar{padding-block:8px}.oc-topbar--collapsible .oc-topbar-burger{display:inline-flex}.oc-topbar--collapsible .oc-topbar-nav{order:3;inline-size:100%;display:none}.oc-topbar--collapsible:has(.oc-topbar-toggle:checked) .oc-topbar-nav{display:block}}.oc-footerbar{box-sizing:border-box;block-size:var(--ocm-footer-height,2.25rem);text-align:center;color:var(--oc-muted-foreground);background:var(--ocm-footer-bg,oklch(from var(--oc-background) l c h / .9));border-block-start:1px solid var(--ocm-header-border,var(--oc-border));backdrop-filter:blur(6px);justify-content:center;align-items:center;gap:.25em;padding-inline:clamp(14px,2vw,28px);font-size:.82rem;display:flex}.oc-footerbar a{color:var(--oc-primary)}.oc-footerbar--fixed{z-index:1000;position:fixed;inset:auto 0 0}.oc-search{inline-size:100%;max-inline-size:20rem;color:var(--oc-muted-foreground);background:var(--oc-background);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);align-items:center;gap:.5rem;padding-inline:.625rem;display:flex}.oc-search:focus-within{border-color:var(--oc-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-ring) 25%, transparent)}.oc-search-icon{flex-shrink:0;block-size:1rem;inline-size:1rem}.oc-search-input{min-inline-size:0;font:inherit;color:var(--oc-foreground);background:0 0;border:0;outline:0;flex:1;padding-block:.5rem;font-size:.875rem}.oc-search-input::placeholder{color:var(--oc-muted-foreground)}.oc-search-input::-webkit-search-cancel-button{cursor:pointer}.oc-search-hint{font:.72rem var(--oc-font-mono,ui-monospace, monospace);color:var(--oc-muted-foreground);border:1px solid var(--oc-border);border-radius:4px;padding:.1rem .4rem}.oc-search:focus-within .oc-search-hint{display:none}.oc-demo{border:1px solid var(--oc-border);background:color-mix(in oklch, light-dark(var(--color-white-50),var(--color-shallowblue-80)) 70%, transparent);border-radius:12px;flex-direction:column;gap:10px;margin:12px 0 20px;padding:clamp(12px,2vw,20px);display:flex}.oc-demo>.oc-preview__title{margin:4px 0 0}.oc-demo__preview{border:1px solid var(--oc-border);background:var(--oc-background);border-radius:10px;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:clamp(12px,2vw,20px);display:flex;overflow-x:auto}.oc-demo__preview>*{min-width:0}.oc-demo__preview--tall{align-items:flex-start;min-block-size:20rem;overflow:visible}.oc-demo__preview--center{justify-content:center;align-items:center}.oc-demo .oc-code-block{margin:0}.oc-demo__tablist{border-radius:calc(var(--oc-radius) + 2px);background:var(--oc-muted);gap:4px;inline-size:fit-content;padding:3px;display:flex}.oc-demo__tab{color:var(--oc-muted-foreground);border-radius:var(--oc-radius);cursor:pointer;padding:.3rem .9rem;font-size:.8125rem;font-weight:500;position:relative}.oc-demo__tab input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.oc-demo__tab:has(input:checked){color:var(--oc-foreground);background:var(--oc-background);box-shadow:0 1px 2px oklch(from var(--oc-foreground) l c h / .15)}.oc-demo__tab:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:1px}.oc-demo--tabs>.oc-demo__code,.oc-demo--tabs:has(.oc-demo__tab:nth-child(2) input:checked)>.oc-demo__preview{display:none}.oc-demo--tabs:has(.oc-demo__tab:nth-child(2) input:checked)>.oc-demo__code{display:block}.oc-code-copy{font:inherit;color:var(--oc-muted-foreground);background:var(--oc-card);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;transition:color var(--oc-transition-fast), border-color var(--oc-transition-fast);padding:.25rem .625rem;font-size:.75rem;position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}.oc-code-copy:hover{color:var(--oc-foreground);border-color:var(--oc-border-strong)}.oc-code-copy:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-code-copy.is-copied{color:var(--oc-success);border-color:currentColor}.oc-code-window:has(.oc-code-copy){position:relative}.oc-code-window__bar .oc-code-copy{margin-inline-start:auto;position:static}.oc-btn--toggle{position:relative}.oc-btn--toggle>input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.oc-btn--toggle:has(>input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:2px}.oc-btn--toggle .oc-btn-toggle__on,.oc-btn--toggle:has(>input:checked) .oc-btn-toggle__off{display:none}.oc-btn--toggle:has(>input:checked) .oc-btn-toggle__on{display:inline}.oc-showmore__extra{display:none}.oc-showmore:has(.oc-btn--toggle>input:checked) .oc-showmore__extra{display:revert}.oc-demo__preview>:is(.oc-topbar,.oc-footerbar,.oc-demo,.oc-code-window,.oc-expandable-table,.oc-showmore){flex:100%}.oc-demo__preview>:is(.oc-timeline,.oc-fact-list,.oc-project-card){inline-size:100%}.oc-demo__preview>.oc-price-card{inline-size:min(100%,24rem)}.oc-spinner{--oc-spinner-size:1.25rem;inline-size:var(--oc-spinner-size);block-size:var(--oc-spinner-size);vertical-align:-.2em;border:max(2px, calc(var(--oc-spinner-size) / 10)) solid color-mix(in oklab, currentColor 22%, transparent);border-block-start-color:currentColor;border-radius:50%;flex:none;animation:.75s linear infinite oc-spinner-rotate;display:inline-block}.oc-spinner--sm{--oc-spinner-size:.875rem}.oc-spinner--lg{--oc-spinner-size:2rem}.oc-spinner--xl{--oc-spinner-size:3rem}.oc-spinner--primary{color:var(--oc-primary)}.oc-spinner--muted{color:var(--oc-muted-foreground)}@keyframes oc-spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.oc-spinner{animation-duration:2.5s}}.oc-kbd{block-size:1.4rem;min-inline-size:1.4rem;color:var(--oc-muted-foreground);background:var(--oc-muted);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 3px);white-space:nowrap;user-select:none;border-block-end-width:2px;justify-content:center;align-items:center;padding:0 .35rem;font:600 .6875rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-flex}.oc-kbd-group{align-items:center;gap:.25rem;display:inline-flex}.oc-kbd-group>.oc-kbd-sep{color:var(--oc-muted-foreground);font-size:.75rem}.oc-slider{--oc-slider-progress:0%;--oc-slider-track:.375rem;--oc-slider-thumb:1.125rem;appearance:none;inline-size:100%;block-size:var(--oc-slider-thumb);cursor:pointer;accent-color:var(--oc-primary);background:0 0;margin:0;padding:0;display:block}.oc-slider:focus{outline:none}.oc-slider::-webkit-slider-runnable-track{block-size:var(--oc-slider-track);background:linear-gradient(to right, var(--oc-primary) var(--oc-slider-progress), var(--oc-muted) var(--oc-slider-progress));box-shadow:inset 0 0 0 1px var(--oc-border);border-radius:999px}.oc-slider::-webkit-slider-thumb{appearance:none;inline-size:var(--oc-slider-thumb);block-size:var(--oc-slider-thumb);border:2px solid var(--oc-primary);background:var(--oc-background);box-shadow:0 1px 3px oklch(from var(--color-black-60) l c h / .25);transition:box-shadow var(--oc-transition-fast), scale var(--oc-transition-fast);border-radius:50%;margin-block-start:calc((var(--oc-slider-track) - var(--oc-slider-thumb)) / 2)}.oc-slider::-moz-range-track{block-size:var(--oc-slider-track);background:var(--oc-muted);box-shadow:inset 0 0 0 1px var(--oc-border);border-radius:999px}.oc-slider::-moz-range-progress{block-size:var(--oc-slider-track);background:var(--oc-primary);border-radius:999px}.oc-slider::-moz-range-thumb{box-sizing:border-box;inline-size:var(--oc-slider-thumb);block-size:var(--oc-slider-thumb);border:2px solid var(--oc-primary);background:var(--oc-background);box-shadow:0 1px 3px oklch(from var(--color-black-60) l c h / .25);border-radius:50%}.oc-slider:hover::-webkit-slider-thumb{scale:1.08}.oc-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px oklch(from var(--oc-ring) l c h / .28)}.oc-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px oklch(from var(--oc-ring) l c h / .28)}.oc-slider:disabled{opacity:.5;cursor:not-allowed}.oc-slider--vertical{writing-mode:vertical-lr;inline-size:var(--oc-slider-thumb);direction:rtl;block-size:10rem}.oc-slider--vertical::-webkit-slider-runnable-track{background:linear-gradient(to top, var(--oc-primary) var(--oc-slider-progress), var(--oc-muted) var(--oc-slider-progress))}.oc-toggle{min-block-size:2.25rem;color:var(--oc-foreground);border-radius:var(--oc-radius);cursor:pointer;user-select:none;transition:background var(--oc-transition-fast), color var(--oc-transition-fast), border-color var(--oc-transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 .75rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1;display:inline-flex;position:relative}.oc-toggle:hover{background:var(--oc-muted)}.oc-toggle:focus-visible,.oc-toggle:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:1px}.oc-toggle[aria-pressed=true],.oc-toggle[data-state=on],.oc-toggle:has(input:checked){background:color-mix(in oklab, var(--oc-primary) 16%, transparent);color:var(--oc-foreground)}.oc-toggle[disabled],.oc-toggle:has(input:disabled){opacity:.5;pointer-events:none}.oc-toggle input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.oc-toggle svg{flex:none;block-size:1rem;inline-size:1rem}.oc-toggle--outline{border-color:var(--oc-input)}.oc-toggle--outline:hover{background:var(--oc-accent)}.oc-toggle--sm{min-block-size:1.875rem;padding:0 .5rem;font-size:.8125rem}.oc-toggle--lg{min-block-size:2.75rem;padding:0 1rem;font-size:1rem}.oc-toggle--icon{inline-size:2.25rem;padding:0}.oc-toggle-group{align-items:center;display:inline-flex}.oc-toggle-group>.oc-toggle{border-radius:0}.oc-toggle-group>.oc-toggle:first-child{border-start-start-radius:var(--oc-radius);border-end-start-radius:var(--oc-radius)}.oc-toggle-group>.oc-toggle:last-child{border-start-end-radius:var(--oc-radius);border-end-end-radius:var(--oc-radius)}.oc-toggle-group>.oc-toggle--outline+.oc-toggle--outline{margin-inline-start:-1px}.oc-toggle-group>.oc-toggle--outline[aria-pressed=true],.oc-toggle-group>.oc-toggle--outline:has(input:checked){z-index:1;border-color:var(--oc-primary)}.oc-toggle-group--spaced{gap:.25rem}.oc-toggle-group--spaced>.oc-toggle{border-radius:var(--oc-radius)}.oc-toggle-group--spaced>.oc-toggle--outline+.oc-toggle--outline{margin-inline-start:0}.oc-item{color:var(--oc-foreground);border-radius:var(--oc-radius);transition:background var(--oc-transition-fast), border-color var(--oc-transition-fast);background:0 0;border:1px solid #0000;flex-wrap:wrap;align-items:center;gap:1rem;padding:.875rem 1rem;font-size:.875rem;text-decoration:none;display:flex}a.oc-item:hover,.oc-item--interactive:hover{background:var(--oc-surface-strong)}a.oc-item:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-item--outline{border-color:var(--oc-border)}.oc-item--muted{background:var(--oc-surface)}.oc-item--sm{gap:.625rem;padding:.5rem .75rem}.oc-item-media{flex:none;justify-content:center;align-self:flex-start;align-items:center;gap:.5rem;display:flex}.oc-item-media--icon{block-size:2.25rem;inline-size:2.25rem;color:var(--oc-foreground);background:var(--oc-muted);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 2px)}.oc-item-media--icon svg{block-size:1.1rem;inline-size:1.1rem}.oc-item-media--image{border-radius:calc(var(--oc-radius) - 2px);block-size:2.5rem;inline-size:2.5rem;overflow:hidden}.oc-item-media--image>img{object-fit:cover;block-size:100%;inline-size:100%}.oc-item-content{flex-direction:column;flex:14rem;gap:.125rem;min-inline-size:0;display:flex}.oc-item-title{color:var(--oc-foreground);margin:0;font-weight:500;line-height:1.35}.oc-item-description{color:var(--oc-muted-foreground);text-wrap:balance;margin:0;font-size:.8125rem;line-height:1.45}.oc-item-actions{flex:none;align-items:center;gap:.5rem;display:flex}.oc-item-header,.oc-item-footer{flex-basis:100%;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.oc-item-group{flex-direction:column;display:flex}.oc-item-group>.oc-item-separator{background:var(--oc-border);border:0;block-size:1px;margin:0}.oc-aspect{--oc-aspect:16 / 9;aspect-ratio:var(--oc-aspect);background:var(--oc-muted);border-radius:var(--oc-radius);position:relative;overflow:hidden}.oc-aspect--square{--oc-aspect:1 / 1}.oc-aspect--photo{--oc-aspect:4 / 3}.oc-aspect--portrait{--oc-aspect:3 / 4}.oc-aspect--wide{--oc-aspect:21 / 9}.oc-aspect>img,.oc-aspect>video,.oc-aspect>iframe,.oc-aspect>svg,.oc-aspect>picture{object-fit:cover;border:0;block-size:100%;inline-size:100%;display:block}.oc-aspect--center{place-items:center;display:grid}.oc-hover-card{anchor-scope:--oc-hover-card;display:inline-block;position:relative}.oc-hover-card-trigger{anchor-name:--oc-hover-card}.oc-hover-card-content{position-anchor:--oc-hover-card;z-index:100;inline-size:20rem;max-inline-size:calc(100vw - 1rem);color:var(--oc-popover-foreground);background:var(--oc-popover);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);visibility:hidden;opacity:0;transition:opacity var(--oc-transition-fast) 0s, translate var(--oc-transition-fast) 0s, visibility 0s var(--oc-transition-fast);margin:.5rem 0 0;padding:1rem;font-size:.875rem;display:block;position:fixed;inset:auto;inset-block-start:anchor(bottom);inset-inline-start:anchor(start);translate:0 -2px}.oc-hover-card-content:before{content:"";block-size:.75rem;position:absolute;inset-block-end:100%;inset-inline:0}.oc-hover-card:hover>.oc-hover-card-content,.oc-hover-card:focus-within>.oc-hover-card-content,.oc-hover-card-content:popover-open{visibility:visible;opacity:1;transition-delay:.35s,.35s,.35s;translate:0}.oc-hover-card-content:popover-open{position-try-fallbacks:flip-block, flip-inline}.oc-hover-card--top>.oc-hover-card-content{margin:0 0 .5rem;inset-block-start:auto;inset-block-end:anchor(top)}.oc-hover-card--top>.oc-hover-card-content:before{inset-block:100% auto}.oc-hover-card-content--sm{inline-size:14rem;padding:.75rem}@media (prefers-reduced-motion:reduce){.oc-hover-card-content{transition:none}}.oc-dropdown-item{position:relative}.oc-dropdown-menu[popover]{overflow:visible}.oc-dropdown-shortcut{letter-spacing:.06em;color:var(--oc-muted-foreground);margin-inline-start:auto;padding-inline-start:1.5rem;font-size:.7rem}.oc-dropdown-item[aria-disabled=true],.oc-dropdown-item:disabled{opacity:.5;pointer-events:none}.oc-dropdown-item--destructive{color:var(--oc-destructive)}.oc-dropdown-item--destructive:hover{background:oklch(from var(--oc-destructive) l c h / .12);color:var(--oc-destructive)}.oc-dropdown-item--inset,.oc-dropdown-item[role=menuitemcheckbox],.oc-dropdown-item[role=menuitemradio]{padding-inline-start:2rem}.oc-dropdown-item[role=menuitemcheckbox]:before,.oc-dropdown-item[role=menuitemradio]:before{content:"";opacity:0;block-size:.75rem;inline-size:.75rem;position:absolute;inset-block-start:50%;inset-inline-start:.7rem;translate:0 -50%}.oc-dropdown-item[role=menuitemcheckbox]:before{border-block-end:2px solid;border-inline-end:2px solid;block-size:.65rem;inline-size:.35rem;margin-inline-start:.12rem;translate:0 -62%;rotate:45deg}.oc-dropdown-item[role=menuitemradio]:before{background:currentColor;border-radius:50%;block-size:.45rem;inline-size:.45rem;margin-inline-start:.15rem}.oc-dropdown-item[aria-checked=true]:before{opacity:1}.oc-dropdown-sub{position:relative}.oc-dropdown-sub>.oc-dropdown-item:after{content:"";opacity:.7;border-block-start:2px solid;border-inline-end:2px solid;block-size:.4rem;inline-size:.4rem;margin-inline-start:auto;rotate:45deg}.oc-dropdown-submenu{z-index:1;background:var(--oc-popover);min-inline-size:11rem;color:var(--oc-popover-foreground);border:1px solid var(--oc-border);border-radius:var(--oc-radius);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);visibility:hidden;opacity:0;transition:opacity var(--oc-transition-fast), translate var(--oc-transition-fast), visibility 0s var(--oc-transition-fast);padding:4px;position:absolute;inset-block-start:-5px;inset-inline-start:calc(100% + 2px);translate:-4px}.oc-dropdown-sub:hover>.oc-dropdown-submenu,.oc-dropdown-sub:focus-within>.oc-dropdown-submenu{visibility:visible;opacity:1;transition-delay:0s;translate:0}.oc-dropdown-sub:hover>.oc-dropdown-item,.oc-dropdown-sub:focus-within>.oc-dropdown-item{background:var(--oc-accent)}.oc-menubar{background:var(--oc-background);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);align-items:center;gap:.25rem;padding:.25rem;display:inline-flex}.oc-menubar-trigger{color:var(--oc-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;background:0 0;border:0;padding:.3rem .7rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.4}.oc-menubar-trigger:hover,.oc-menubar-trigger:focus-visible,.oc-menubar-trigger[aria-expanded=true],.oc-menubar-trigger:has(+:popover-open),.oc-menubar-trigger:popover-open{background:var(--oc-accent);outline:none}.oc-menubar-trigger:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-dropdown-menu.oc-context-menu[popover]{position-area:none;position-try-fallbacks:none;inset:var(--oc-context-y,0px) auto auto var(--oc-context-x,0px);margin:0;position:fixed}.oc-context-area{min-block-size:8rem;color:var(--oc-muted-foreground);border:1px dashed var(--oc-border-strong);border-radius:var(--oc-radius);user-select:none;place-items:center;padding:1rem;font-size:.875rem;display:grid}.oc-carousel{anchor-scope:--oc-carousel;position:relative}.oc-carousel-viewport{anchor-name:--oc-carousel;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--oc-radius);gap:1rem;display:flex;overflow-x:auto}.oc-carousel-viewport::-webkit-scrollbar{display:none}.oc-carousel-viewport:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.oc-carousel-viewport{scroll-behavior:smooth}}.oc-carousel-item{scroll-snap-align:center;flex:0 0 100%;min-inline-size:0}.oc-carousel--halves .oc-carousel-item{flex-basis:calc(50% - .5rem)}.oc-carousel--thirds .oc-carousel-item{flex-basis:calc(33.3333% - .666667rem)}.oc-carousel-dots{justify-content:center;gap:.5rem;padding-block-start:.75rem;display:flex}.oc-carousel-dot{background:var(--oc-border-strong);block-size:.5rem;inline-size:.5rem;transition:background var(--oc-transition-fast);border-radius:50%}.oc-carousel-dot:hover,.oc-carousel-dot:focus-visible{background:var(--oc-primary)}@supports (scroll-marker-group:after){.oc-carousel-dots{display:none}.oc-carousel-viewport{scroll-marker-group:after}.oc-carousel{padding-block-end:1.5rem}.oc-carousel-viewport::scroll-marker-group{position-anchor:--oc-carousel;inline-size:anchor-size(inline);justify-content:center;gap:.5rem;display:flex;position:fixed;inset-block-start:calc(anchor(end) + .5rem);inset-inline-start:anchor(start)}.oc-carousel-item::scroll-marker{content:"";background:var(--oc-border-strong);block-size:.5rem;inline-size:.5rem;transition:inline-size var(--oc-transition-fast), background var(--oc-transition-fast);border-radius:999px}.oc-carousel-item::scroll-marker:target-current{background:var(--oc-primary);inline-size:1.25rem}.oc-carousel-item::scroll-marker:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}}@supports selector(::scroll-button(inline-start)){.oc-carousel-viewport::scroll-button(inline-start),.oc-carousel-viewport::scroll-button(inline-end){position-anchor:--oc-carousel;block-size:2.25rem;inline-size:2.25rem;color:var(--oc-foreground);background:var(--oc-background);border:1px solid var(--oc-border);box-shadow:0 2px 8px oklch(from var(--color-black-60) l c h / .18);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:1rem;display:grid;position:fixed;inset-block-start:anchor(center);translate:0 -50%}.oc-carousel-viewport::scroll-button(inline-start){content:"←" / "Previous slide";inset-inline-start:calc(anchor(start) + .5rem)}.oc-carousel-viewport::scroll-button(inline-end){content:"→" / "Next slide";inset-inline-end:calc(anchor(end) + .5rem)}.oc-carousel-viewport::scroll-button(inline-start):hover,.oc-carousel-viewport::scroll-button(inline-end):hover{background:var(--oc-accent)}.oc-carousel-viewport::scroll-button(inline-start):focus-visible,.oc-carousel-viewport::scroll-button(inline-end):focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-carousel-viewport::scroll-button(inline-start):disabled,.oc-carousel-viewport::scroll-button(inline-end):disabled{opacity:.35;cursor:default}}.oc-resizable{background:var(--oc-card);border:1px solid var(--oc-border);border-radius:var(--oc-radius);min-block-size:10rem;font-size:.875rem;display:flex;overflow:hidden}.oc-resizable-panel{flex:1 1 0;min-block-size:0;min-inline-size:0;padding:1rem;overflow:auto}.oc-resizable-panel--resizable{resize:horizontal;border-inline-end:1px solid var(--oc-border-strong);flex:none;inline-size:50%;min-inline-size:5rem;max-inline-size:calc(100% - 5rem)}.oc-resizable-panel--resizable::-webkit-resizer{background:linear-gradient(135deg, transparent 50%, var(--oc-border-strong) 50% 56%, transparent 56% 70%, var(--oc-border-strong) 70% 76%, transparent 76%)}.oc-resizable--vertical{flex-direction:column}.oc-resizable--vertical>.oc-resizable-panel--resizable{resize:vertical;border-inline-end:0;border-block-end:1px solid var(--oc-border-strong);block-size:50%;min-block-size:3rem;max-block-size:calc(100% - 3rem);inline-size:auto;min-inline-size:0;max-inline-size:none}.oc-resizable-box{resize:both;min-block-size:4rem;min-inline-size:8rem;max-inline-size:100%;overflow:auto}.oc-combobox{inline-size:min(100%,18rem);display:inline-block;position:relative}.oc-combobox-input{padding-inline-end:2.25rem}.oc-combobox:after{content:"";border-inline-end:2px solid var(--oc-muted-foreground);border-block-end:2px solid var(--oc-muted-foreground);pointer-events:none;block-size:.4rem;inline-size:.4rem;transition:rotate var(--oc-transition-fast);position:absolute;inset-block-start:1.05rem;inset-inline-end:.9rem;rotate:45deg}.oc-combobox:focus-within:after,.oc-combobox[data-open]:after{translate:0 3px;rotate:225deg}.oc-combobox-list{z-index:100;max-block-size:15rem;color:var(--oc-popover-foreground);background:var(--oc-popover);border:1px solid var(--oc-border);border-radius:var(--oc-radius);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);visibility:hidden;opacity:0;transition:opacity var(--oc-transition-fast), translate var(--oc-transition-fast), visibility 0s var(--oc-transition-fast);margin:0;padding:4px;font-size:.875rem;list-style:none;position:absolute;inset-block-start:calc(100% + 4px);inset-inline:0;overflow-y:auto;translate:0 -4px}.oc-combobox:focus-within>.oc-combobox-list,.oc-combobox[data-open]>.oc-combobox-list{visibility:visible;opacity:1;transition-delay:0s;translate:0}.oc-combobox[data-open=false]>.oc-combobox-list{visibility:hidden;opacity:0}.oc-combobox-option{border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;outline:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .625rem;display:flex}.oc-combobox-option:hover,.oc-combobox-option:focus-visible,.oc-combobox-option[data-active]{background:var(--oc-accent);color:var(--oc-accent-foreground)}.oc-combobox-option[aria-selected=true]:after{content:"";border-block-end:2px solid;border-inline-end:2px solid;block-size:.65rem;inline-size:.35rem;margin-inline-end:.2rem;rotate:45deg}.oc-combobox-option[aria-disabled=true]{opacity:.5;pointer-events:none}.oc-combobox-option[hidden],.oc-combobox-empty[hidden]{display:none}.oc-combobox-group{text-transform:uppercase;letter-spacing:.04em;color:var(--oc-muted-foreground);padding:.5rem .625rem .25rem;font-size:.7rem;font-weight:600}.oc-combobox-empty{text-align:center;color:var(--oc-muted-foreground);padding:1rem}dialog.oc-drawer{block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--oc-foreground);background:0 0;border:0;margin:0;padding:0;display:none}dialog.oc-drawer[open]{justify-content:center;align-items:flex-end;display:flex}dialog.oc-drawer::backdrop{background:oklch(from var(--color-black-60) l c h / .5);backdrop-filter:blur(4px)}.oc-drawer-content{background:var(--oc-background);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) * 2) calc(var(--oc-radius) * 2) 0 0;max-block-size:85dvh;inline-size:min(100%,32rem);box-shadow:0 -16px 48px oklch(from var(--color-black-60) l c h / .2);border-block-end:0;flex-direction:column;display:flex}dialog.oc-drawer[open] .oc-drawer-content{transition:translate var(--oc-transition-normal), opacity var(--oc-transition-normal);@starting-style{opacity:0;translate:0 100%}}.oc-drawer-handle{background:var(--oc-border-strong);border-radius:999px;flex:none;block-size:.3rem;inline-size:3rem;margin:.625rem auto 0}.oc-drawer-header{text-align:center;flex-direction:column;gap:.25rem;padding:1rem 1.5rem 0;display:flex}.oc-drawer-title{color:var(--oc-foreground);margin:0;font-size:1.05rem;font-weight:600}.oc-drawer-description{color:var(--oc-muted-foreground);margin:0;font-size:.875rem}.oc-drawer-body{flex:1;min-block-size:0;padding:1rem 1.5rem;font-size:.875rem;overflow-y:auto}.oc-drawer-footer{flex-direction:column;gap:.5rem;padding:1rem 1.5rem 1.5rem;display:flex}@media (width>=40rem){dialog.oc-drawer--center[open]{align-items:center}dialog.oc-drawer--center .oc-drawer-content{border-block-end:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) * 2)}dialog.oc-drawer--center .oc-drawer-handle{display:none}}@supports (appearance:base-select){.oc-select--custom,.oc-select--custom::picker(select){appearance:base-select}.oc-select--custom{field-sizing:fixed;background-image:none;align-items:center;gap:.5rem;inline-size:100%;padding-inline-end:.75rem;display:flex}.oc-select--custom::picker-icon{color:var(--oc-muted-foreground);transition:rotate var(--oc-transition-fast);margin-inline-start:auto}.oc-select--custom:open::picker-icon{rotate:180deg}.oc-select--custom::picker(select){color:var(--oc-popover-foreground);background:var(--oc-popover);border:1px solid var(--oc-border);border-radius:var(--oc-radius);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);transition:opacity var(--oc-transition-fast), display var(--oc-transition-fast) allow-discrete, overlay var(--oc-transition-fast) allow-discrete;margin-block:4px;padding:4px}.oc-select--custom:open::picker(select){opacity:1;@starting-style{opacity:0}}.oc-select--custom option{border-radius:calc(var(--oc-radius) - 2px);align-items:center;gap:.5rem;padding:.45rem .625rem;display:flex}.oc-select--custom option:hover,.oc-select--custom option:focus-visible{background:var(--oc-accent);color:var(--oc-accent-foreground);outline:none}.oc-select--custom option:checked{font-weight:600}.oc-select--custom option::checkmark{color:var(--oc-primary);order:1;margin-inline-start:auto}}.oc-toast-container--stack{pointer-events:none;align-items:end;gap:0;padding-block-start:1.5rem;display:grid}.oc-toast-container--stack>.oc-toast{--oc-stack-depth:0;transform-origin:50% 100%;translate:0 calc(var(--oc-stack-depth) * -.7rem);scale:calc(1 - var(--oc-stack-depth) * .05);opacity:calc(1 - var(--oc-stack-depth) * .25);z-index:calc(10 - var(--oc-stack-depth));transition:translate var(--oc-transition-normal), scale var(--oc-transition-normal), opacity var(--oc-transition-normal);grid-area:1/1}.oc-toast-container--stack>.oc-toast:nth-last-child(2){--oc-stack-depth:1}.oc-toast-container--stack>.oc-toast:nth-last-child(3){--oc-stack-depth:2}.oc-toast-container--stack>.oc-toast:nth-last-child(4){--oc-stack-depth:3}.oc-toast-container--stack>.oc-toast:nth-last-child(n+5){--oc-stack-depth:4;opacity:0;visibility:hidden}.oc-toast-container--stack>.oc-toast:not(:last-child){pointer-events:none}.oc-toast-container--stack>.oc-toast:not(:last-child)>*{visibility:hidden}.oc-toast-container--stack:hover,.oc-toast-container--stack:focus-within{pointer-events:auto;flex-direction:column;gap:.5rem;display:flex}.oc-toast-container--stack:hover>.oc-toast,.oc-toast-container--stack:focus-within>.oc-toast{opacity:1;visibility:visible;pointer-events:auto;translate:none;scale:none}.oc-toast-container--stack:hover>.oc-toast>*,.oc-toast-container--stack:focus-within>.oc-toast>*{visibility:visible}@media (prefers-reduced-motion:reduce){.oc-toast-container--stack>.oc-toast{transition:none}}.oc-calendar{--oc-calendar-cell:2.25rem;color:var(--oc-foreground);background:var(--oc-card);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);padding:.75rem;display:inline-block}.oc-calendar-header{justify-content:space-between;align-items:center;gap:.5rem;margin-block-end:.5rem;display:flex}.oc-calendar-title{margin:0;font-size:.875rem;font-weight:600}.oc-calendar-nav{block-size:1.75rem;inline-size:1.75rem;color:var(--oc-foreground);border:1px solid var(--oc-input);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;background:0 0;place-items:center;padding:0;display:inline-grid}.oc-calendar-nav:hover{background:var(--oc-accent)}.oc-calendar-nav:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-calendar-grid{border-collapse:collapse;table-layout:fixed}.oc-calendar-grid th,.oc-calendar-grid td{text-align:center;padding:0}.oc-calendar-weekday{inline-size:var(--oc-calendar-cell);color:var(--oc-muted-foreground);padding-block-end:.25rem;font-size:.75rem;font-weight:500}.oc-calendar-day{inline-size:var(--oc-calendar-cell);block-size:var(--oc-calendar-cell);color:var(--oc-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;place-items:center;padding:0;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1;display:inline-grid}.oc-calendar-day:hover{background:var(--oc-accent)}.oc-calendar-day:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-calendar-day--today{background:var(--oc-muted);font-weight:600}.oc-calendar-day--outside{color:var(--oc-muted-foreground);opacity:.55}.oc-calendar-day:disabled{opacity:.35;pointer-events:none}.oc-calendar-day[aria-selected=true],.oc-calendar-day--range-start,.oc-calendar-day--range-end{background:var(--oc-primary);color:var(--oc-primary-foreground);opacity:1;font-weight:600}.oc-calendar-day--range-middle{background:color-mix(in oklab, var(--oc-primary) 16%, transparent);border-radius:0}.oc-calendar-day--range-start{border-start-end-radius:0;border-end-end-radius:0}.oc-calendar-day--range-end{border-start-start-radius:0;border-end-start-radius:0}.oc-popover--calendar[popover]{inline-size:auto;box-shadow:none;background:0 0;border:0;padding:0}.oc-popover--calendar .oc-calendar{box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15)}.oc-date-picker-trigger{justify-content:space-between;min-inline-size:14rem;font-weight:400}.oc-date-picker-trigger[data-empty]{color:var(--oc-muted-foreground)}input.oc-input[type=date],input.oc-input[type=time],input.oc-input[type=datetime-local],input.oc-input[type=month]{inline-size:auto;min-inline-size:11rem}:root{--oc-chart-1:light-dark(var(--color-vividblue-95),var(--color-vividblue-50));--oc-chart-2:light-dark(var(--color-teal-70),var(--color-teal-30));--oc-chart-3:light-dark(var(--color-orange-90),var(--color-orange-50));--oc-chart-4:light-dark(var(--color-purple-50),var(--color-purple-30));--oc-chart-5:light-dark(var(--color-pink-95),var(--color-pink-50));--oc-chart-grid:var(--oc-border);--oc-chart-axis:var(--oc-muted-foreground)}.oc-chart-legend{color:var(--oc-muted-foreground);flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.oc-chart-legend>li{align-items:center;gap:.4rem;display:inline-flex}.oc-chart-swatch{background:var(--oc-chart-color,var(--oc-chart-1));border-radius:2px;flex:none;block-size:.65rem;inline-size:.65rem}.oc-chart-legend>:first-child{--oc-chart-color:var(--oc-chart-1)}.oc-chart-legend>:nth-child(2){--oc-chart-color:var(--oc-chart-2)}.oc-chart-legend>:nth-child(3){--oc-chart-color:var(--oc-chart-3)}.oc-chart-legend>:nth-child(4){--oc-chart-color:var(--oc-chart-4)}.oc-chart-legend>:nth-child(5){--oc-chart-color:var(--oc-chart-5)}.oc-chart-bars{border-block-end:1px solid var(--oc-chart-grid);background:repeating-linear-gradient(to top, transparent 0 calc(25% - 1px), var(--oc-chart-grid) calc(25% - 1px) 25%);grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:.5rem;block-size:10rem;margin:0;padding:0 0 .25rem;list-style:none;display:grid}.oc-chart-bars>*{--oc-bar:50%;block-size:var(--oc-bar);background:var(--oc-chart-color,var(--oc-chart-1));text-align:center;color:var(--oc-primary-foreground);border-start-start-radius:4px;border-start-end-radius:4px;font-size:.7rem}.oc-chart-bars>:nth-child(5n+1){--oc-chart-color:var(--oc-chart-1)}.oc-chart-bars>:nth-child(5n+2){--oc-chart-color:var(--oc-chart-2)}.oc-chart-bars>:nth-child(5n+3){--oc-chart-color:var(--oc-chart-3)}.oc-chart-bars>:nth-child(5n+4){--oc-chart-color:var(--oc-chart-4)}.oc-chart-bars>:nth-child(5n+5){--oc-chart-color:var(--oc-chart-5)}.oc-chart-pie{--oc-pie-size:9rem;inline-size:var(--oc-pie-size);aspect-ratio:1;background:conic-gradient(var(--oc-chart-1) 0 40%, var(--oc-chart-2) 0 65%, var(--oc-chart-3) 0 82%, var(--oc-chart-4) 0 100%);border-radius:50%}.oc-chart-pie--donut{mask:radial-gradient(circle, transparent 0 52%, var(--color-black-60) 53%)}.oc-btn-group>.oc-btn:focus-visible{z-index:1;position:relative}.oc-btn-group--vertical{flex-direction:column}.oc-btn-group--vertical .oc-btn,.oc-btn-group--vertical .oc-btn:first-child,.oc-btn-group--vertical .oc-btn:last-child{border-radius:0}.oc-btn-group--vertical .oc-btn:first-child{border-radius:var(--oc-radius) var(--oc-radius) 0 0}.oc-btn-group--vertical .oc-btn:last-child{border-radius:0 0 var(--oc-radius) var(--oc-radius)}.oc-btn-group--vertical .oc-btn+.oc-btn{margin-top:-1px;margin-left:0}.oc-btn-group-text{color:var(--oc-muted-foreground);background:var(--oc-muted);border:1px solid var(--oc-input);align-items:center;margin-left:-1px;padding:0 .75rem;font-size:.875rem;display:inline-flex}.oc-label--required:after{content:" *";color:var(--oc-destructive)}.oc-label--inline{cursor:pointer;align-items:center;gap:.5rem;margin-bottom:0;display:inline-flex}.oc-label--muted{color:var(--oc-muted-foreground);font-weight:400}.oc-radio-group{border:0;flex-direction:column;gap:.625rem;margin:0;padding:0;display:flex}.oc-radio-group--row{flex-flow:wrap;gap:.625rem 1.25rem}.oc-radio-item{color:var(--oc-foreground);cursor:pointer;align-items:flex-start;gap:.625rem;font-size:.875rem;display:flex}.oc-radio-item>.oc-radio{flex:none;margin-block-start:.15rem}.oc-radio-item small{color:var(--oc-muted-foreground);font-size:.8125rem;display:block}.oc-radio-item:has(:disabled){opacity:.55;cursor:not-allowed}.oc-radio-item--card{border:1px solid var(--oc-border);border-radius:var(--oc-radius);padding:.75rem 1rem}.oc-radio-item--card:has(:checked){border-color:var(--oc-primary);background:color-mix(in oklab, var(--oc-primary) 8%, transparent)}.oc-radio-item--card:has(:focus-visible){outline:2px solid var(--oc-ring);outline-offset:1px}.oc-scroll-area{background:var(--oc-card);border:1px solid var(--oc-border);border-radius:var(--oc-radius);scrollbar-width:thin;scrollbar-color:var(--oc-border-strong) transparent;max-block-size:14rem;padding:.75rem 1rem;font-size:.875rem;overflow:auto}.oc-scroll-area:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-scroll-area--x{white-space:nowrap;max-block-size:none;overflow-y:hidden}.oc-scroll-area--shadows{--oc-scroll-shadow:oklch(from var(--oc-foreground) l c h / .18);background:linear-gradient(var(--oc-card) 30%, transparent) center top / 100% 2rem no-repeat local, linear-gradient(transparent, var(--oc-card) 70%) center bottom / 100% 2rem no-repeat local, radial-gradient(farthest-side at 50% 0, var(--oc-scroll-shadow), transparent) center top / 100% .6rem no-repeat scroll, radial-gradient(farthest-side at 50% 100%, var(--oc-scroll-shadow), transparent) center bottom / 100% .6rem no-repeat scroll, var(--oc-card)}.oc-separator-text{text-transform:uppercase;letter-spacing:.06em;color:var(--oc-muted-foreground);align-items:center;gap:.75rem;margin:16px 0;font-size:.75rem;display:flex}.oc-separator-text:before,.oc-separator-text:after{content:"";background:var(--oc-border);flex:1;block-size:1px}.oc-separator--strong{background:var(--oc-border-strong)}.oc-accordion--accent{--oc-accordion-accent:var(--oc-accent-from,var(--oc-primary));border:0;border-radius:0;gap:.5rem;display:grid;overflow:visible}.oc-accordion--accent .oc-accordion-item{--oc-accordion-accent:var(--oc-accent-from,var(--oc-primary));background:var(--oc-card);border:1px solid var(--oc-border);border-inline-start:3px solid var(--oc-accordion-accent);border-radius:var(--oc-radius);transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);overflow:hidden}.oc-accordion--accent .oc-accordion-item+.oc-accordion-item{border-top:1px solid var(--oc-border)}.oc-accordion--accent .oc-accordion-trigger{padding:.75rem 1rem;font-weight:600}.oc-accordion--accent .oc-accordion-trigger:hover{background:oklch(from var(--oc-accordion-accent) l c h / .06)}.oc-accordion--accent :is(details.oc-accordion-item[open],.oc-accordion-item.is-open,.oc-accordion-item[aria-expanded=true]){border-color:oklch(from var(--oc-accordion-accent) l c h / .35);border-inline-start-color:var(--oc-accordion-accent);box-shadow:0 4px 14px oklch(from var(--color-black-60) l c h / .06)}.oc-accordion--accent :is(details.oc-accordion-item[open],.oc-accordion-item.is-open,.oc-accordion-item[aria-expanded=true])>.oc-accordion-trigger{background:oklch(from var(--oc-accordion-accent) l c h / .08)}.oc-accordion--accent .oc-accordion-content{color:var(--oc-foreground);padding:.75rem 1rem 1rem}.oc-accordion-accent-meta{color:var(--oc-accordion-accent);margin-inline:auto .75rem;font-size:.75rem;font-weight:500}.oc-accordion--accent .oc-accordion-item--success,.oc-accordion--accent.oc-accordion--success .oc-accordion-item{--oc-accordion-accent:var(--oc-success)}.oc-accordion--accent .oc-accordion-item--warning,.oc-accordion--accent.oc-accordion--warning .oc-accordion-item{--oc-accordion-accent:var(--oc-warning)}.oc-accordion--accent .oc-accordion-item--danger,.oc-accordion--accent.oc-accordion--danger .oc-accordion-item{--oc-accordion-accent:var(--oc-destructive)}.oc-accordion--accent.oc-accordion--flush .oc-accordion-item{border-block:0;border-inline-end:0;border-radius:0}@media (prefers-reduced-motion:reduce){.oc-accordion--accent .oc-accordion-item{transition:none}}.oc-alpha-tabs{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;background:var(--oc-muted);border:1px solid var(--oc-border);border-radius:var(--oc-radius);flex-wrap:nowrap;gap:2px;inline-size:100%;padding:.25rem;display:flex;overflow-x:auto}.oc-alpha-tabs-item{block-size:1.875rem;min-inline-size:1.875rem;font:inherit;color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;scroll-snap-align:start;transition:color var(--oc-transition-fast), background var(--oc-transition-fast);background:0 0;border:0;flex:none;place-items:center;padding-inline:.375rem;font-size:.8125rem;font-weight:500;line-height:1;text-decoration:none;display:inline-grid}.oc-alpha-tabs-item:hover{color:var(--oc-foreground);background:var(--oc-surface-strong)}.oc-alpha-tabs-item:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-alpha-tabs-item--all{box-shadow:.25rem 0 0 -.2rem var(--oc-border);margin-inline-end:.25rem;padding-inline:.75rem}.oc-alpha-tabs-item[aria-current=true],.oc-alpha-tabs-item[aria-selected=true],.oc-alpha-tabs-item.is-active{color:var(--oc-primary-foreground);background:var(--oc-primary)}.oc-alpha-tabs-item[aria-disabled=true],.oc-alpha-tabs-item:disabled{opacity:.4;pointer-events:none}.oc-alpha-tabs--wrap{flex-wrap:wrap;overflow:visible}.oc-alpha-tabs--sm .oc-alpha-tabs-item{block-size:1.5rem;min-inline-size:1.5rem;font-size:.75rem}.oc-alpha-tabs--plain{background:0 0;border:0;padding:0}@media (prefers-reduced-motion:reduce){.oc-alpha-tabs-item{transition:none}}.oc-busy-overlay{border:1px solid var(--oc-border);background:var(--oc-card);inline-size:min(100vw - 2rem,24rem);color:var(--oc-foreground);text-align:center;box-shadow:0 1.25rem 3rem oklch(from var(--color-black-50) l c h / .25);border-radius:14px;padding:1.75rem 2rem}.oc-busy-overlay[open]{justify-items:center;gap:.75rem;display:grid}.oc-busy-overlay::backdrop{background:oklch(from var(--color-black-60) l c h / .5);backdrop-filter:blur(2px)}.oc-busy-overlay>.oc-spinner{--oc-spinner-size:2.5rem;color:var(--oc-primary)}.oc-busy-overlay__title{margin:0;font-size:1rem;font-weight:700}.oc-busy-overlay__text{color:var(--oc-muted-foreground);margin:0;font-size:.875rem}.oc-busy-overlay>.oc-progress{inline-size:100%}.oc-busy-overlay[open],.oc-busy-overlay[open]::backdrop{animation:.2s .3s both oc-busy-in}@keyframes oc-busy-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.oc-busy-overlay[open],.oc-busy-overlay[open]::backdrop{animation-duration:0s}}.oc-column-menu{inline-size:14rem;max-inline-size:calc(100vw - 1rem);color:var(--oc-popover-foreground);background:var(--oc-popover);border:1px solid var(--oc-border);border-radius:var(--oc-radius);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);padding:.375rem;font-size:.875rem}.oc-column-menu[popover]{position-area:block-end span-inline-start;position-try-fallbacks:flip-block, flip-inline;transition:opacity var(--oc-transition-fast), display var(--oc-transition-fast) allow-discrete, overlay var(--oc-transition-fast) allow-discrete;margin:4px 0 0;position:fixed;inset:auto}.oc-column-menu[popover]:popover-open{display:block;@starting-style{opacity:0}}.oc-column-menu-title{color:var(--oc-muted-foreground);margin:0;padding:.375rem .5rem .25rem;font-size:.75rem;font-weight:600}.oc-column-menu-list{gap:1px;max-block-size:18rem;margin:0;display:grid;overflow-y:auto}.oc-column-menu-item{border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;user-select:none;align-items:center;gap:.5rem;padding:.375rem .5rem;display:flex}.oc-column-menu-item:hover{background:var(--oc-accent)}.oc-column-menu-item:has(:focus-visible){outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-column-menu-item input{accent-color:var(--oc-primary);margin:0}.oc-column-menu-item:has(input:disabled){color:var(--oc-muted-foreground);cursor:default}.oc-column-menu-item:has(input:disabled):hover{background:0 0}.oc-column-menu-footer{border-block-start:1px solid var(--oc-border);justify-content:flex-end;gap:.25rem;margin-block-start:.375rem;padding-block-start:.375rem;display:flex}.oc-column-menu-scope:has([data-col="1"]:not(:checked)) .oc-table :is(th,td):first-child,.oc-column-menu-scope:has([data-col="2"]:not(:checked)) .oc-table :is(th,td):nth-child(2),.oc-column-menu-scope:has([data-col="3"]:not(:checked)) .oc-table :is(th,td):nth-child(3),.oc-column-menu-scope:has([data-col="4"]:not(:checked)) .oc-table :is(th,td):nth-child(4),.oc-column-menu-scope:has([data-col="5"]:not(:checked)) .oc-table :is(th,td):nth-child(5),.oc-column-menu-scope:has([data-col="6"]:not(:checked)) .oc-table :is(th,td):nth-child(6),.oc-column-menu-scope:has([data-col="7"]:not(:checked)) .oc-table :is(th,td):nth-child(7),.oc-column-menu-scope:has([data-col="8"]:not(:checked)) .oc-table :is(th,td):nth-child(8),.oc-column-menu-scope:has([data-col="9"]:not(:checked)) .oc-table :is(th,td):nth-child(9),.oc-column-menu-scope:has([data-col="10"]:not(:checked)) .oc-table :is(th,td):nth-child(10){display:none}@media (prefers-reduced-motion:reduce){.oc-column-menu[popover]{transition:none}}.oc-alert-dialog--confirm{border-radius:calc(var(--oc-radius) + 8px);max-inline-size:27.5rem;padding:1.75rem 1.5rem 0;position:relative}.oc-alert-dialog--confirm .oc-alert-dialog-icon{background:var(--oc-card);block-size:5rem;inline-size:5rem;box-shadow:0 0 0 6px oklch(from var(--oc-alert-dialog-color,var(--oc-warning)) l c h / .1);border-width:2px;margin-block-end:1.25rem;font-size:2.25rem;font-weight:400}.oc-alert-dialog--confirm .oc-alert-dialog-icon svg{block-size:2.25rem;inline-size:2.25rem}.oc-alert-dialog-close{block-size:2rem;inline-size:2rem;color:var(--oc-muted-foreground);border-radius:var(--oc-radius);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:1.25rem;line-height:1;display:grid;position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem}.oc-alert-dialog-close:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-alert-dialog-close:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-alert-dialog-form{display:contents}.oc-alert-dialog-typed{text-align:start;align-self:stretch;gap:.375rem;margin-block-end:1rem;font-size:.875rem;display:grid}.oc-alert-dialog-typed code{color:var(--oc-alert-dialog-color,var(--oc-warning));background:oklch(from var(--oc-alert-dialog-color,var(--oc-warning)) l c h / .1);border-radius:4px;padding:.1rem .35rem;font-size:.8125rem}.oc-alert-dialog--confirm:has(.oc-alert-dialog-typed input:invalid) .oc-alert-dialog-confirm{opacity:.5;cursor:not-allowed}.oc-alert-dialog--confirm .oc-modal-footer{flex-wrap:wrap;gap:.5rem;padding-block:.5rem 1.5rem}.oc-alert-dialog-discard{margin-inline-end:auto}.oc-alert-dialog--confirm .oc-modal-footer:has(.oc-alert-dialog-discard){justify-content:flex-end}@media (width<=30rem){.oc-alert-dialog--confirm .oc-modal-footer{flex-direction:column-reverse}.oc-alert-dialog--confirm .oc-modal-footer>*{inline-size:100%;margin:0}}.oc-cookie-consent{border:1px solid var(--oc-border);background:var(--oc-popover,var(--oc-card));max-block-size:calc(100dvh - 2rem);inline-size:min(100vw - 2rem,28rem);color:var(--oc-foreground);box-shadow:0 1rem 2.5rem oklch(from var(--color-black-50) l c h / .2);border-radius:12px;margin:0;padding:1.25rem;position:fixed;inset:auto 1rem 1rem auto;overflow:auto}.oc-cookie-consent:popover-open{gap:.9rem;display:grid}.oc-cookie-consent--bar{border-block-end:0;border-inline:0;border-radius:0;inline-size:100%;max-inline-size:none;inset:auto 0 0}.oc-cookie-consent--bar:popover-open{grid-template-columns:minmax(0,1fr) auto;align-items:center}.oc-cookie-consent--bar .oc-cookie-consent__prefs{grid-column:1/-1}.oc-cookie-consent__title{align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:700;display:flex}.oc-cookie-consent__text{color:var(--oc-muted-foreground);margin:0;font-size:.875rem;line-height:1.55}.oc-cookie-consent__text a{color:var(--oc-link-color,var(--oc-primary))}.oc-cookie-consent__prefs{border-block:1px solid var(--oc-border)}.oc-cookie-consent__prefs>summary{cursor:pointer;padding-block:.6rem;font-size:.875rem;font-weight:600}.oc-cookie-consent__prefs>summary:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px;border-radius:4px}.oc-cookie-consent__category{border-block-start:1px solid var(--oc-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.15rem 1rem;padding-block:.6rem;display:grid}.oc-cookie-consent__category-name{font-size:.875rem;font-weight:600}.oc-cookie-consent__category-text{color:var(--oc-muted-foreground);grid-column:1;font-size:.8rem}.oc-cookie-consent__category>.oc-switch{grid-area:1/2/span 2}.oc-cookie-consent__actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.oc-cookie-consent__actions>.oc-btn{flex:auto}.oc-cookie-consent{transition:opacity .3s, translate .3s, overlay .3s allow-discrete, display .3s allow-discrete}@starting-style{.oc-cookie-consent:popover-open{opacity:0;translate:0 1rem}}.oc-cookie-consent:not(:popover-open){opacity:0;translate:0 1rem}@media (width<36rem){.oc-cookie-consent{inline-size:auto;inset:auto .5rem .5rem}.oc-cookie-consent--bar:popover-open{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.oc-cookie-consent{transition:none}}.oc-data-table{color:var(--oc-card-foreground);background:var(--oc-card);border:1px solid var(--oc-border);border-radius:var(--oc-radius);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.oc-data-table-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.oc-data-table-heading{align-items:center;gap:.5rem;min-inline-size:0;display:flex}.oc-data-table-title{font-size:.875rem;font-weight:600}.oc-data-table-search{flex:12rem;min-inline-size:10rem;max-inline-size:22rem}.oc-data-table-actions{flex-wrap:wrap;gap:.5rem;margin-inline-start:auto;display:flex}.oc-data-table-view{gap:.25rem;display:inline-flex}.oc-data-table-view [aria-pressed=true]{color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1);border-color:oklch(from var(--oc-primary) l c h / .35)}.oc-data-table-sort-summary{color:var(--oc-muted-foreground);flex-basis:100%;margin:0;font-size:.75rem}.oc-data-table-sort-summary:empty,.oc-data-table-file{display:none}.oc-data-table-frame{background:var(--oc-background);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 2px);overflow:hidden}.oc-data-table-scroll{max-block-size:var(--oc-data-table-max,none);overflow:auto}.oc-data-table .oc-table :is(th,td){border-block-start:0;border-inline:0}.oc-data-table .oc-table thead th{z-index:1;background:var(--oc-card);block-size:2.5rem;font-size:.75rem;font-weight:500;position:sticky;inset-block-start:0}.oc-data-table .oc-table tbody tr:nth-child(2n){background:var(--oc-surface)}.oc-data-table .oc-table tbody tr:last-child>td{border-block-end:0}.oc-data-table-th{align-items:center;gap:.25rem;min-inline-size:0;display:flex;position:relative}.oc-data-table-resize{cursor:col-resize;touch-action:none;background:0 0;border:0;inline-size:.55rem;padding:0;position:absolute;inset-block:0;inset-inline-end:-.45rem}.oc-data-table-resize:after{content:"";background:var(--oc-border);inline-size:1px;position:absolute;inset-block:.4rem;inset-inline-start:.25rem}.oc-data-table.is-resizing{cursor:col-resize;user-select:none}.oc-data-table-table--sized{inline-size:max-content;min-inline-size:100%}.oc-data-table .oc-table :is(th,td)[data-oc-col=select],.oc-data-table .oc-table :is(th,td)[data-oc-col=order]{text-align:center;inline-size:2.25rem;padding-inline:.25rem}.oc-data-table .oc-table :is(th,td)[data-oc-col=actions]{z-index:2;background:var(--oc-card);box-shadow:-1px 0 0 var(--oc-border);position:sticky;inset-inline-end:0}.oc-data-table .oc-table thead th[data-oc-col=actions]{z-index:3}.oc-data-table .oc-table tbody tr:nth-child(2n)>td[data-oc-col=actions]{background:var(--oc-surface)}.oc-data-table tr[data-oc-status=deleted],.oc-data-table tr[data-oc-status=archived]{color:var(--oc-muted-foreground)}.oc-data-table-bulk{background:var(--oc-surface);border:1px solid var(--oc-border);border-radius:var(--oc-radius);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.oc-data-table-bulk[hidden],.oc-data-table-grid,.oc-data-table--grid .oc-data-table-scroll{display:none}.oc-data-table--grid .oc-data-table-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem;padding:.75rem;display:grid}.oc-data-table-card{background:var(--oc-card);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 2px);padding:.75rem}.oc-data-table-card-title{margin:0;font-size:.875rem;font-weight:600}.oc-data-table-empty{text-align:center;color:var(--oc-muted-foreground);margin:0;padding:2rem 1rem}.oc-data-table-empty[hidden]{display:none}.oc-data-table-footer{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.oc-data-table-summary{color:var(--oc-muted-foreground);margin:0;font-size:.8125rem}.oc-data-table-per-page{align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.oc-data-table-per-page .oc-select{inline-size:auto}.oc-data-table-pager{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}.oc-data-table-page{min-inline-size:2rem;font:inherit;color:var(--oc-foreground);background:var(--oc-card);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;padding:.25rem .45rem;font-size:.8125rem}.oc-data-table-page[aria-current=page]{color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1);border-color:oklch(from var(--oc-primary) l c h / .35)}.oc-data-table-page:disabled{opacity:.4;cursor:default}.oc-data-table-page:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-data-table-ellipsis{color:var(--oc-muted-foreground);padding-inline:.25rem}.oc-data-table--compact .oc-table :is(th,td){padding:.25rem .5rem;font-size:.8125rem}.oc-data-table--compact .oc-table thead th{block-size:2rem}@media (width<=40rem){.oc-data-table-footer{grid-template-columns:1fr}.oc-data-table-pager{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.oc-data-table .oc-table tbody tr{transition:none}}.oc-greeting{--oc-greeting-color:var(--oc-primary);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding-block:.5rem;display:flex}.oc-greeting-icon{block-size:2.75rem;inline-size:2.75rem;color:var(--oc-greeting-color);background:oklch(from var(--oc-greeting-color) l c h / .12);border-radius:calc(var(--oc-radius) + 4px);flex-shrink:0;place-items:center;display:grid}.oc-greeting-icon svg{block-size:1.375rem;inline-size:1.375rem}.oc-greeting-body{flex:16rem;min-inline-size:0}.oc-greeting-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--oc-greeting-color);margin:0 0 .125rem;font-size:.75rem;font-weight:600}.oc-greeting-title{letter-spacing:-.01em;color:var(--oc-foreground);text-wrap:balance;margin:0;font-size:1.5rem;font-weight:600;line-height:1.2}.oc-greeting-name{color:var(--oc-greeting-color)}.oc-greeting-date{color:var(--oc-muted-foreground);margin-block-start:.25rem;font-size:.875rem;display:block}.oc-greeting-date:first-letter{text-transform:uppercase}.oc-greeting-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.oc-greeting--morning{--oc-greeting-color:var(--oc-warning)}.oc-greeting--afternoon{--oc-greeting-color:var(--oc-primary)}.oc-greeting--evening{--oc-greeting-color:light-dark(var(--color-purple-40),var(--color-purple-10))}.oc-greeting--lg .oc-greeting-title{font-size:clamp(1.5rem,1.2rem + 1.5vw,2.25rem)}.oc-greeting--lg .oc-greeting-icon{block-size:3.5rem;inline-size:3.5rem}.oc-list-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding-block:.5rem;display:flex}.oc-list-toolbar-search{flex:14rem;max-inline-size:24rem}.oc-list-toolbar-search .oc-input{inline-size:100%}.oc-list-toolbar-count{color:var(--oc-muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8125rem}.oc-list-toolbar-spacer{flex:1}.oc-list-toolbar-views{background:var(--oc-muted);border:1px solid var(--oc-border);border-radius:var(--oc-radius);padding:2px;display:inline-flex}.oc-list-toolbar-view{block-size:1.75rem;inline-size:2rem;color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;transition:color var(--oc-transition-fast), background var(--oc-transition-fast);place-items:center;display:inline-grid;position:relative}.oc-list-toolbar-view input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.oc-list-toolbar-view svg{block-size:1rem;inline-size:1rem}.oc-list-toolbar-view:hover{color:var(--oc-foreground)}.oc-list-toolbar-view:has(input:checked){color:var(--oc-foreground);background:var(--oc-background);box-shadow:0 1px 3px oklch(from var(--color-black-60) l c h / .1)}.oc-list-toolbar-view:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:1px}.oc-list-toolbar-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.oc-list-toolbar--sticky{z-index:5;background:var(--oc-background);border-block-end:1px solid var(--oc-border);position:sticky;inset-block-start:0}.oc-list-toolbar--bordered{background:var(--oc-card);border:1px solid var(--oc-border);border-radius:var(--oc-radius);padding:.5rem .75rem}.oc-list-toolbar-scope:has(.oc-list-toolbar-view input[value=cards]:checked) .oc-list-toolbar-panel:not([data-view=cards]),.oc-list-toolbar-scope:has(.oc-list-toolbar-view input[value=table]:checked) .oc-list-toolbar-panel:not([data-view=table]),.oc-list-toolbar-scope:has(.oc-list-toolbar-view input[value=list]:checked) .oc-list-toolbar-panel:not([data-view=list]){display:none}@media (width<=36rem){.oc-list-toolbar-search{flex-basis:100%;max-inline-size:none}}@media (prefers-reduced-motion:reduce){.oc-list-toolbar-view{transition:none}}.oc-page-header{gap:.5rem;padding-block:.75rem 1rem;display:grid;container:oc-page-header/inline-size}.oc-page-header-back{display:flex}.oc-page-header-back .oc-back-link{margin-inline-start:-.75rem}.oc-page-header-main{flex-direction:column;gap:.75rem;display:flex}.oc-page-header-text{min-inline-size:0}.oc-page-header-title{letter-spacing:-.01em;color:var(--oc-foreground);text-wrap:balance;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:600;line-height:1.25;display:flex}.oc-page-header-subtitle{max-inline-size:65ch;color:var(--oc-muted-foreground);margin:.25rem 0 0;font-size:.875rem;line-height:1.55}.oc-page-header-meta{color:var(--oc-muted-foreground);flex-wrap:wrap;align-items:center;gap:.375rem .75rem;margin-block-start:.5rem;font-size:.8125rem;display:flex}.oc-page-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@container oc-page-header (width>=36rem){.oc-page-header-main{flex-direction:row;justify-content:space-between;align-items:flex-start}.oc-page-header-actions{flex-shrink:0;justify-content:flex-end;padding-block-start:.125rem}}.oc-page-header--bordered{border-block-end:1px solid var(--oc-border);margin-block-end:1rem}.oc-page-header--sticky{z-index:10;background:var(--oc-background);position:sticky;inset-block-start:0}.oc-page-header--sm{padding-block:.5rem .75rem}.oc-page-header--sm .oc-page-header-title{font-size:1.125rem}.oc-severity-card{--oc-severity-color:var(--oc-muted-foreground);color:var(--oc-foreground);background:color-mix(in oklch, var(--oc-severity-color) 6%, var(--oc-card));border:1px solid oklch(from var(--oc-severity-color) l c h / .3);border-inline-start-width:3px;border-inline-start-color:var(--oc-severity-color);border-radius:calc(var(--oc-radius) + 4px);interpolate-size:allow-keywords;overflow:hidden}.oc-severity-card+.oc-severity-card{margin-block-start:.5rem}.oc-severity-card-head{cursor:pointer;user-select:none;align-items:center;gap:.75rem;padding:.875rem 1rem;list-style:none;display:flex}.oc-severity-card-head::-webkit-details-marker{display:none}.oc-severity-card-head:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-severity-card-head:hover{background:oklch(from var(--oc-severity-color) l c h / .06)}.oc-severity-card-icon{color:var(--oc-severity-color);flex-shrink:0;display:inline-flex}.oc-severity-card-icon svg{block-size:1.25rem;inline-size:1.25rem}.oc-severity-card-main{flex:1;min-inline-size:0}.oc-severity-card-title{text-overflow:ellipsis;white-space:nowrap;color:var(--oc-severity-color);font-size:.875rem;font-weight:600;display:block;overflow:hidden}.oc-severity-card-tags{flex-wrap:wrap;gap:.25rem;margin-block-start:.375rem;display:flex}.oc-severity-card-tag{color:var(--oc-muted-foreground);background:var(--oc-muted);border-radius:4px;padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6875rem}.oc-severity-card-level{letter-spacing:.04em;text-transform:uppercase;color:var(--oc-severity-color);background:oklch(from var(--oc-severity-color) l c h / .14);border:1px solid oklch(from var(--oc-severity-color) l c h / .35);border-radius:999px;flex-shrink:0;padding:.2rem .5rem;font-size:.6875rem;font-weight:700}.oc-severity-card-head:after{content:"";border-inline-end:1.5px solid var(--oc-muted-foreground);border-block-end:1.5px solid var(--oc-muted-foreground);block-size:.45rem;inline-size:.45rem;transition:rotate var(--oc-transition-fast);flex-shrink:0;margin-inline:.25rem;translate:0 -.15rem;rotate:45deg}.oc-severity-card[open]>.oc-severity-card-head:after{translate:0 .1rem;rotate:225deg}.oc-severity-card::details-content{block-size:0;transition:block-size var(--oc-transition-normal), content-visibility var(--oc-transition-normal) allow-discrete;overflow:clip}.oc-severity-card[open]::details-content{block-size:auto}.oc-severity-card-body{color:var(--oc-muted-foreground);padding:0 1rem 1rem 3rem;font-size:.875rem;line-height:1.6}.oc-severity-card-body>:first-child{margin-block-start:0}.oc-severity-card-actions{flex-wrap:wrap;gap:.5rem;margin-block-start:.75rem;display:flex}.oc-severity-card--low{--oc-severity-color:var(--oc-success)}.oc-severity-card--medium{--oc-severity-color:var(--oc-warning)}.oc-severity-card--high{--oc-severity-color:var(--oc-destructive)}.oc-severity-card--critical{--oc-severity-color:light-dark(var(--color-red-95),var(--color-red-30))}.oc-severity-card--critical .oc-severity-card-level{color:var(--oc-destructive-foreground);background:var(--oc-severity-color)}.oc-severity-card.is-resolved{--oc-severity-color:var(--oc-muted-foreground);background:var(--oc-surface)}.oc-severity-card.is-resolved .oc-severity-card-title{text-decoration:line-through}@media (prefers-reduced-motion:reduce){.oc-severity-card::details-content,.oc-severity-card-head:after{transition:none}}.oc-sidebar--dark{color-scheme:dark;background:var(--oc-card);color:var(--oc-foreground);border-color:var(--oc-border)}.oc-sidebar--dark .oc-sidebar-menu-button[aria-current=page],.oc-sidebar--dark .oc-sidebar-menu-button.is-active{box-shadow:inset 3px 0 0 var(--oc-primary)}.oc-sortable-row-grip-cell{text-align:center;inline-size:2.25rem;padding-inline:.25rem}.oc-sortable-row-grip{block-size:1.75rem;inline-size:1.5rem;color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.oc-sortable-row-grip:before{content:"";background:radial-gradient(circle,currentColor 1.1px,#0000 1.4px) 0 0/.25rem .29rem;block-size:.875rem;inline-size:.5rem}.oc-sortable-row-grip:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-sortable-row-grip:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-sortable-row-grip:active{cursor:grabbing}.oc-sortable-row{transition:opacity var(--oc-transition-fast), background var(--oc-transition-fast)}.oc-sortable-row.is-dragging{opacity:.45;background:var(--oc-surface)}.oc-sortable-row.is-dragging>td{border-style:dashed}.oc-sortable-row.is-drop-before>td{box-shadow:inset 0 2px 0 var(--oc-primary)}.oc-sortable-row.is-drop-after>td{box-shadow:inset 0 -2px 0 var(--oc-primary)}.oc-sortable-row:has(.oc-sortable-row-grip[aria-pressed=true]){background:oklch(from var(--oc-primary) l c h / .08)}.oc-sortable-row-grip[aria-pressed=true]{color:var(--oc-primary);cursor:grabbing}.oc-sortable-row-grip:disabled{opacity:.35;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.oc-sortable-row{transition:none}}.oc-stat-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.75rem;display:grid}.oc-stat-card{--oc-stat-card-color:var(--oc-primary);min-inline-size:0;font:inherit;text-align:start;color:var(--oc-card-foreground);background:var(--oc-card-background);border:1px solid var(--oc-card-border);border-radius:calc(var(--oc-radius) + 4px);transition:translate var(--oc-transition-fast), box-shadow var(--oc-transition-fast), border-color var(--oc-transition-fast);align-items:center;gap:.75rem;padding:1rem;text-decoration:none;display:flex}.oc-stat-card-icon{block-size:2.5rem;inline-size:2.5rem;color:var(--oc-stat-card-color);background:oklch(from var(--oc-stat-card-color) l c h / .12);border-radius:var(--oc-radius);flex-shrink:0;place-items:center;display:grid}.oc-stat-card-icon svg{block-size:1.25rem;inline-size:1.25rem}.oc-stat-card-body{min-inline-size:0}.oc-stat-card-value{font-variant-numeric:tabular-nums;color:var(--oc-foreground);font-size:1.5rem;font-weight:700;line-height:1;display:block}.oc-stat-card-label{color:var(--oc-muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin-block-start:.25rem;font-size:.75rem;display:block;overflow:hidden}.oc-stat-card-trend{vertical-align:middle;color:var(--oc-muted-foreground);background:var(--oc-muted);border-radius:999px;margin-inline-start:.375rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;display:inline-block}.oc-stat-card-trend--up{color:var(--oc-success);background:oklch(from var(--oc-success) l c h / .12)}.oc-stat-card-trend--down{color:var(--oc-destructive);background:oklch(from var(--oc-destructive) l c h / .12)}.oc-stat-card--accent{--oc-stat-card-color:var(--oc-destructive)}.oc-stat-card--success{--oc-stat-card-color:var(--oc-success)}.oc-stat-card--warning{--oc-stat-card-color:var(--oc-warning)}.oc-stat-card--stripe{border-inline-start:3px solid var(--oc-stat-card-color)}a.oc-stat-card,button.oc-stat-card{cursor:pointer}a.oc-stat-card:hover,button.oc-stat-card:hover{border-color:oklch(from var(--oc-stat-card-color) l c h / .4);box-shadow:0 6px 18px oklch(from var(--color-black-60) l c h / .1);translate:0 -2px}a.oc-stat-card:focus-visible,button.oc-stat-card:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.oc-stat-card{transition:none}a.oc-stat-card:hover,button.oc-stat-card:hover{translate:none}}.oc-table-actions--icons>*+*{margin-inline-start:.125rem}.oc-table-actions-icon{block-size:1.75rem;inline-size:1.75rem;font:inherit;color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;vertical-align:middle;transition:color var(--oc-transition-fast), background var(--oc-transition-fast), border-color var(--oc-transition-fast);background:0 0;border:1px solid #0000;place-items:center;padding:0;text-decoration:none;display:inline-grid}.oc-table-actions-icon svg{block-size:1rem;inline-size:1rem}.oc-table-actions-icon:hover{color:var(--oc-foreground);background:var(--oc-accent);border-color:var(--oc-border)}.oc-table-actions-icon:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-table-actions-icon:disabled,.oc-table-actions-icon[aria-disabled=true]{opacity:.45;pointer-events:none}.oc-table-actions-icon--primary:hover{color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1)}.oc-table-actions-icon--success:hover{color:var(--oc-success);background:oklch(from var(--oc-success) l c h / .1)}.oc-table-actions-icon--destructive{color:var(--oc-destructive)}.oc-table-actions-icon--destructive:hover{color:var(--oc-destructive);background:oklch(from var(--oc-destructive) l c h / .1)}.oc-table-actions-more{block-size:1.75rem;inline-size:1.75rem;color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;display:inline-grid}.oc-table-actions-more:before{content:"";background:currentColor;border-radius:50%;block-size:.2rem;inline-size:.2rem;box-shadow:-.35rem 0,.35rem 0}.oc-table-actions-more:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-table-actions-more:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-table-actions:has(.oc-dropdown-menu:popover-open) .oc-table-actions-more{color:var(--oc-foreground);background:var(--oc-accent);border-color:var(--oc-border)}.oc-table-actions .oc-dropdown-menu[popover]{position-area:block-end span-inline-start;text-align:start;min-inline-size:11rem}.oc-table-actions .oc-dropdown-item svg{flex-shrink:0;block-size:1rem;inline-size:1rem}@media (prefers-reduced-motion:reduce){.oc-table-actions-icon{transition:none}}.oc-table-compact{inline-size:100%;overflow-x:auto}.oc-table-compact>.oc-table{border-collapse:collapse;font-size:.8125rem}.oc-table-compact>.oc-table :is(th,td){border:0;border-block-end:1px solid var(--oc-border);white-space:nowrap;padding:.3rem .625rem}.oc-table-compact>.oc-table :is(th,td):first-child{padding-inline-start:.75rem}.oc-table-compact>.oc-table :is(th,td):last-child{padding-inline-end:.75rem}.oc-table-compact>.oc-table :is(th,td)[data-wrap]{white-space:normal}.oc-table-compact>.oc-table thead th{letter-spacing:.04em;text-transform:uppercase;color:var(--oc-muted-foreground);background:var(--oc-surface);border-block-end-width:1px;font-size:.6875rem;font-weight:600}.oc-table-compact>.oc-table tbody tr:nth-child(2n){background:var(--oc-surface)}.oc-table-compact>.oc-table tbody tr:last-child>td{border-block-end:0}.oc-table-compact>.oc-table tfoot :is(th,td){color:var(--oc-foreground);border-block-start:2px solid var(--oc-border);background:0 0;border-block-end:0;font-weight:600}.oc-table-compact-muted{color:var(--oc-muted-foreground)}.oc-table-compact--bordered{border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-card)}.oc-table-compact--plain>.oc-table tbody tr:nth-child(2n),.oc-table-compact--plain>.oc-table thead th{background:0 0}.oc-top-progress{--oc-top-progress-color:var(--oc-primary);--oc-top-progress-height:3px;z-index:1000;inline-size:100%;block-size:var(--oc-top-progress-height);appearance:none;color:var(--oc-top-progress-color);pointer-events:none;transition:opacity var(--oc-transition-normal);background:0 0;border:0;margin:0;padding:0;display:block;position:fixed;inset-block-start:0;inset-inline:0}.oc-top-progress::-webkit-progress-bar{background:0 0}.oc-top-progress::-webkit-progress-value{background:var(--oc-top-progress-color);box-shadow:0 0 8px var(--oc-top-progress-color);transition:inline-size var(--oc-transition-normal)}.oc-top-progress::-moz-progress-bar{background:var(--oc-top-progress-color);box-shadow:0 0 8px var(--oc-top-progress-color)}.oc-top-progress:indeterminate{background:linear-gradient(90deg, transparent, var(--oc-top-progress-color) 30% 70%, transparent) no-repeat;background-size:35% 100%;animation:1.2s ease-in-out infinite oc-top-progress-slide}.oc-top-progress:indeterminate::-webkit-progress-bar{background:0 0}.oc-top-progress:indeterminate::-moz-progress-bar{box-shadow:none;background:0 0}@keyframes oc-top-progress-slide{0%{background-position:-40% 0}to{background-position:140% 0}}.oc-top-progress--success{--oc-top-progress-color:var(--oc-success)}.oc-top-progress--warning{--oc-top-progress-color:var(--oc-warning)}.oc-top-progress--danger{--oc-top-progress-color:var(--oc-destructive)}.oc-top-progress--brand{--oc-top-progress-color:var(--oc-brand-1)}.oc-top-progress--lg{--oc-top-progress-height:4px}.oc-top-progress--static{z-index:auto;background-color:var(--oc-surface-strong);position:relative;inset:auto}.oc-top-progress.is-done{opacity:0}.oc-top-progress[hidden]{display:none}@media (prefers-reduced-motion:reduce){.oc-top-progress:indeterminate{animation-duration:3s}.oc-top-progress,.oc-top-progress::-webkit-progress-value{transition:none}}.oc-tree{--oc-tree-row:2rem;--oc-tree-indent:1rem;--oc-tree-bg:var(--oc-card);max-block-size:var(--oc-tree-height,none);color:var(--oc-foreground);background:var(--oc-tree-bg);border:1px solid var(--oc-border);border-radius:var(--oc-radius);font-size:.875rem;overflow:auto}.oc-tree-head{z-index:2;background:var(--oc-tree-bg);border-block-end:1px solid var(--oc-border);font-weight:600;position:sticky;inset-block-start:0}.oc-tree-list{min-inline-size:max-content;margin:0;padding:.25rem 0;list-style:none}.oc-tree-list .oc-tree-list{padding-block:0;padding-inline-start:var(--oc-tree-indent)}.oc-tree-row{min-block-size:var(--oc-tree-row);color:inherit;align-items:center;gap:.375rem;padding-inline:.5rem 0;text-decoration:none;list-style:none;display:flex}summary.oc-tree-row{cursor:pointer}.oc-tree-row::-webkit-details-marker{display:none}.oc-tree-row:hover{background:var(--oc-accent)}.oc-tree-row:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-tree-row:before{content:"";block-size:.4rem;inline-size:.4rem;color:var(--oc-muted-foreground);transition:rotate var(--oc-transition-fast);border-block-end:1.5px solid;border-inline-end:1.5px solid;flex-shrink:0;margin-inline:.2rem .35rem;rotate:-45deg}.oc-tree-node[open]>.oc-tree-row:before{rotate:45deg}.oc-tree-row:not(summary):before{visibility:hidden}.oc-tree-icon{color:var(--oc-muted-foreground);flex-shrink:0;display:inline-flex}.oc-tree-icon svg{block-size:1rem;inline-size:1rem}.oc-tree-label{white-space:nowrap;color:inherit;flex:1 0 auto;padding-inline-end:.75rem;text-decoration:none}a.oc-tree-label:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px;border-radius:2px}.oc-tree-count{color:var(--oc-muted-foreground);font-variant-numeric:tabular-nums;margin-inline-end:.5rem;font-size:.75rem}.oc-tree-actions{z-index:1;background:var(--oc-tree-bg);box-shadow:-.75rem 0 .75rem -.75rem oklch(from var(--color-black-60) l c h / .25);align-items:center;gap:.125rem;margin-inline-start:auto;padding-inline:.5rem .375rem;display:inline-flex;position:sticky;inset-inline-end:0}.oc-tree-row:hover>.oc-tree-actions{background:linear-gradient(var(--oc-accent), var(--oc-accent)), var(--oc-tree-bg)}.oc-tree--quiet .oc-tree-actions{opacity:0}.oc-tree--quiet .oc-tree-row:is(:hover,:focus-within)>.oc-tree-actions{opacity:1}.oc-tree-row:is([aria-current=true],.is-selected,:has(>.oc-tree-label[aria-current=true])){color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1);font-weight:500}.oc-tree-row:is([aria-current=true],.is-selected,:has(>.oc-tree-label[aria-current=true]))>.oc-tree-actions{background:linear-gradient(oklch(from var(--oc-primary) l c h / .1), oklch(from var(--oc-primary) l c h / .1)), var(--oc-tree-bg)}.oc-tree-row.is-muted{color:var(--oc-muted-foreground)}.oc-tree--flush{--oc-tree-bg:transparent;border:0;border-radius:0}.oc-tree--flush .oc-tree-actions{background:var(--oc-card)}@media (prefers-reduced-motion:reduce){.oc-tree-row:before{transition:none}}.oc-upgrade-banner{--oc-upgrade-color:var(--oc-warning);color:var(--oc-foreground);background:color-mix(in oklch, var(--oc-upgrade-color) 8%, var(--oc-card));border:1px solid oklch(from var(--oc-upgrade-color) l c h / .35);border-radius:calc(var(--oc-radius) + 4px);flex-wrap:wrap;align-items:flex-start;gap:.75rem 1rem;padding:1rem 1.25rem;font-size:.875rem;display:flex;position:relative}.oc-upgrade-banner-icon{color:var(--oc-upgrade-color);flex-shrink:0;display:inline-flex}.oc-upgrade-banner-icon svg{block-size:1.25rem;inline-size:1.25rem}.oc-upgrade-banner-body{flex:18rem;min-inline-size:0}.oc-upgrade-banner-title{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:600;display:flex}.oc-upgrade-banner-plan{color:var(--oc-upgrade-color);background:oklch(from var(--oc-upgrade-color) l c h / .14);border-radius:999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.oc-upgrade-banner-text{color:var(--oc-muted-foreground);margin:.25rem 0 0;line-height:1.55}.oc-upgrade-banner-text a{color:var(--oc-primary)}.oc-upgrade-banner-usage{color:var(--oc-muted-foreground);grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;margin-block-start:.625rem;font-size:.75rem;display:grid}.oc-upgrade-banner-meter{appearance:none;background:var(--oc-surface-strong);border:0;border-radius:999px;block-size:.375rem;inline-size:100%}.oc-upgrade-banner-meter::-webkit-meter-bar{background:var(--oc-surface-strong);border:0;border-radius:999px;block-size:.375rem}.oc-upgrade-banner-meter::-webkit-meter-optimum-value,.oc-upgrade-banner-meter::-webkit-meter-suboptimum-value,.oc-upgrade-banner-meter::-webkit-meter-even-less-good-value{background:var(--oc-upgrade-color);border-radius:999px}.oc-upgrade-banner-meter::-moz-meter-bar{background:var(--oc-upgrade-color);border-radius:999px}.oc-upgrade-banner-actions{flex-wrap:wrap;align-self:center;align-items:center;gap:.5rem;display:flex}.oc-upgrade-banner-dismiss{block-size:1.75rem;inline-size:1.75rem;color:var(--oc-muted-foreground);border-radius:var(--oc-radius);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:1.1rem;line-height:1;display:grid;position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}.oc-upgrade-banner-dismiss:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-upgrade-banner-dismiss:focus-visible{outline:2px solid var(--oc-ring)}.oc-upgrade-banner:has(.oc-upgrade-banner-dismiss){padding-inline-end:2.75rem}.oc-upgrade-banner[hidden]{display:none}.oc-upgrade-banner--premium{--oc-upgrade-color:var(--oc-primary);background:linear-gradient(color-mix(in oklch, var(--oc-primary) 6%, var(--oc-card)), color-mix(in oklch, var(--oc-primary) 6%, var(--oc-card))) padding-box, var(--oc-gradient-brand) border-box;border-color:#0000}.oc-upgrade-banner--compact{align-items:center;padding:.5rem .75rem}.oc-upgrade-banner--compact .oc-upgrade-banner-body{flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;display:flex}.oc-upgrade-banner--compact .oc-upgrade-banner-text{margin:0}.oc-version-banner{--oc-version-banner-color:var(--oc-warning);min-inline-size:0;max-inline-size:100%;color:var(--oc-foreground);background:oklch(from var(--oc-version-banner-color) l c h / .12);border:1px solid oklch(from var(--oc-version-banner-color) l c h / .4);transition:opacity var(--oc-transition-normal), translate var(--oc-transition-normal);border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .25rem .25rem .625rem;font-size:.75rem;line-height:1.3;display:inline-flex;@starting-style{opacity:0;translate:0 -.25rem}}.oc-version-banner[hidden]{display:none}.oc-version-banner-dot{background:var(--oc-version-banner-color);border-radius:50%;flex-shrink:0;block-size:.5rem;inline-size:.5rem;animation:2s ease-in-out infinite oc-version-banner-pulse}@keyframes oc-version-banner-pulse{50%{box-shadow:0 0 0 4px oklch(from var(--oc-version-banner-color) l c h / .2)}}.oc-version-banner-text{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.oc-version-banner-short{white-space:nowrap;display:none}@media (width<=40rem){.oc-version-banner-text:has(+.oc-version-banner-short){display:none}.oc-version-banner-short{display:inline}}.oc-version-banner-action{font:inherit;color:var(--oc-foreground);background:var(--oc-background);border:1px solid oklch(from var(--oc-version-banner-color) l c h / .4);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem .625rem;font-weight:600;text-decoration:none;display:inline-flex}.oc-version-banner-action:hover{background:oklch(from var(--oc-version-banner-color) l c h / .15)}.oc-version-banner-action:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-version-banner--info{--oc-version-banner-color:var(--oc-primary)}.oc-version-banner--success{--oc-version-banner-color:var(--oc-success)}.oc-version-banner--floating{z-index:900;background:var(--oc-popover);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);position:fixed;inset-block-end:1rem;inset-inline-end:1rem}@media (prefers-reduced-motion:reduce){.oc-version-banner{transition:none}.oc-version-banner-dot{animation:none}}.oc-chart-line{--oc-chart-line-height:12rem;inline-size:100%;min-inline-size:0;color:var(--oc-foreground);gap:.75rem;margin:0;font-size:.75rem;display:grid}.oc-chart-line__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex}.oc-chart-line__title{margin:0;font-size:.95rem;font-weight:650}.oc-chart-line__sub{color:var(--oc-muted-foreground);margin:0;font-size:.8rem}.oc-chart-line__value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:1.5rem;font-weight:700}.oc-chart-line__body{grid-template-columns:auto minmax(0,1fr);gap:.4rem .5rem;display:grid}.oc-chart-line__y{block-size:var(--oc-chart-line-height);color:var(--oc-chart-axis,var(--oc-muted-foreground));font-variant-numeric:tabular-nums;text-align:end;flex-direction:column;justify-content:space-between;margin:0;padding:0;line-height:1;list-style:none;display:flex}.oc-chart-line__y>li{justify-content:flex-end;align-items:center;block-size:0;display:flex}.oc-chart-line__plot{--oc-chart-line-rows:4;block-size:var(--oc-chart-line-height);border-block-end:1px solid var(--oc-chart-axis,var(--oc-border));background:repeating-linear-gradient(to top, transparent 0 calc(100% / var(--oc-chart-line-rows) - 1px), var(--oc-chart-grid,var(--oc-border)) calc(100% / var(--oc-chart-line-rows) - 1px) calc(100% / var(--oc-chart-line-rows)));position:relative}.oc-chart-line__svg{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0;overflow:visible}.oc-chart-line__series{--oc-chart-color:var(--oc-chart-1)}.oc-chart-line__series:nth-of-type(2){--oc-chart-color:var(--oc-chart-2)}.oc-chart-line__series:nth-of-type(3){--oc-chart-color:var(--oc-chart-3)}.oc-chart-line__series:nth-of-type(4){--oc-chart-color:var(--oc-chart-4)}.oc-chart-line__series:nth-of-type(5){--oc-chart-color:var(--oc-chart-5)}.oc-chart-line__path{fill:none;stroke:var(--oc-chart-color);stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.oc-chart-line__area{fill:var(--oc-chart-color);fill-opacity:.16;stroke:none;display:none}.oc-chart-line--area .oc-chart-line__area{display:inline}.oc-chart-line__path--dashed{stroke-dasharray:5 4}.oc-chart-line__cols{margin:0;padding:0;list-style:none;position:absolute;inset:0}.oc-chart-line__col{inline-size:calc(100% / (var(--n) - 1));cursor:crosshair;outline:0;position:absolute;inset-block:0;inset-inline-start:calc(var(--x) / (var(--n) - 1) * 100%);translate:-50%}.oc-chart-line__col:before{content:"";border-inline-start:1px dashed var(--oc-chart-axis,var(--oc-muted-foreground));opacity:0;position:absolute;inset-block:0;inset-inline-start:50%}.oc-chart-line__dot{--oc-chart-color:var(--oc-chart-1);border:2px solid var(--oc-card);background:var(--oc-chart-color);block-size:.6rem;inline-size:.6rem;transition:scale var(--oc-transition-fast);border-radius:50%;position:absolute;inset-block-end:var(--y);inset-inline-start:50%;translate:-50% 50%;scale:0}.oc-chart-line__dot:nth-of-type(2){--oc-chart-color:var(--oc-chart-2)}.oc-chart-line__dot:nth-of-type(3){--oc-chart-color:var(--oc-chart-3)}.oc-chart-line__dot:nth-of-type(4){--oc-chart-color:var(--oc-chart-4)}.oc-chart-line__dot:nth-of-type(5){--oc-chart-color:var(--oc-chart-5)}.oc-chart-line__tip{z-index:2;border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-popover,var(--oc-card));min-inline-size:8.5rem;box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .14);color:var(--oc-popover-foreground,var(--oc-foreground));white-space:nowrap;pointer-events:none;translate:calc(var(--x) / (var(--n) - 1) * -100%) 0;opacity:0;visibility:hidden;transition:opacity var(--oc-transition-fast), visibility var(--oc-transition-fast);gap:.3rem;padding:.45rem .6rem;display:grid;position:absolute;inset-block-start:.25rem;inset-inline-start:50%}.oc-chart-line__tip>strong{font-weight:650}.oc-chart-line__row{color:var(--oc-muted-foreground);align-items:center;gap:.45rem;display:flex}.oc-chart-line__row:before{content:"";background:var(--oc-chart-color,var(--oc-chart-1));border-radius:2px;flex:none;block-size:.6rem;inline-size:.6rem}.oc-chart-line__row>b{color:var(--oc-foreground);font-variant-numeric:tabular-nums;margin-inline-start:auto;padding-inline-start:1rem;font-weight:600}.oc-chart-line__row:first-of-type{--oc-chart-color:var(--oc-chart-1)}.oc-chart-line__row:nth-of-type(2){--oc-chart-color:var(--oc-chart-2)}.oc-chart-line__row:nth-of-type(3){--oc-chart-color:var(--oc-chart-3)}.oc-chart-line__row:nth-of-type(4){--oc-chart-color:var(--oc-chart-4)}.oc-chart-line__row:nth-of-type(5){--oc-chart-color:var(--oc-chart-5)}.oc-chart-line__col:is(:hover,:focus-visible):before{opacity:1}.oc-chart-line__col:is(:hover,:focus-visible)>.oc-chart-line__dot{scale:1}.oc-chart-line__col:is(:hover,:focus-visible)>.oc-chart-line__tip{opacity:1;visibility:visible}.oc-chart-line__col:focus-visible:before{border-inline-start:2px solid var(--oc-ring)}.oc-chart-line__x{color:var(--oc-chart-axis,var(--oc-muted-foreground));grid-column:2;justify-content:space-between;margin:0;padding:0;list-style:none;display:flex}.oc-chart-line__x>li{white-space:nowrap;flex:0 0 0;justify-content:center;display:flex}.oc-chart-line__x>li:first-child{justify-content:flex-start}.oc-chart-line__x>li:last-child{justify-content:flex-end}.oc-chart-line--dots .oc-chart-line__dot{scale:.8}.oc-chart-line--dots .oc-chart-line__col:is(:hover,:focus-visible)>.oc-chart-line__dot{scale:1.15}.oc-chart-line--spark{--oc-chart-line-height:3rem;gap:.25rem}.oc-chart-line--spark .oc-chart-line__body{grid-template-columns:minmax(0,1fr)}.oc-chart-line--spark .oc-chart-line__plot{background:0 0;border:0}.oc-chart-line--spark .oc-chart-line__tip{min-inline-size:0;inset-block:auto calc(100% + .4rem)}@media (prefers-reduced-motion:reduce){.oc-chart-line__dot,.oc-chart-line__tip{transition:none}}.oc-input-group--affix{border:1px solid var(--oc-input);border-radius:var(--oc-radius);transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);align-items:center}.oc-input-group--affix:focus-within{border-color:var(--oc-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-ring) 25%, transparent)}.oc-input-group.oc-input-group--affix .oc-input{border-radius:var(--oc-radius);box-shadow:none;border:0;min-inline-size:0}.oc-input-group.oc-input-group--affix .oc-input-addon{border:0;border-inline-end:1px solid var(--oc-input);min-inline-size:2.25rem;color:var(--oc-muted-foreground);pointer-events:none;user-select:none;background:0 0;border-radius:0;justify-content:center;align-self:stretch;align-items:center;padding-inline:.5rem;display:inline-flex}.oc-input-group.oc-input-group--affix .oc-input-addon:last-child:not(:first-child){border-inline-end:0;border-inline-start:1px solid var(--oc-input)}.oc-input-group.oc-input-group--affix .oc-input-addon svg{block-size:1rem;inline-size:1rem}.oc-input-group--end .oc-input{text-align:end;font-variant-numeric:tabular-nums}.oc-input-group--affix.oc-input-group--error,.oc-input-group--affix:has([aria-invalid=true]),.oc-input-group--affix:has(.oc-input:user-invalid){border-color:var(--oc-destructive)}.oc-input-group--affix:has(.oc-input:disabled){opacity:.5;cursor:not-allowed}.oc-input-group--affix:has(.oc-input:disabled) .oc-input{opacity:1}.oc-barcode-input{gap:.5rem;max-inline-size:22rem;display:grid}.oc-barcode-input-field{min-inline-size:0}.oc-barcode-input-field:user-invalid{border-color:var(--oc-destructive)}.oc-barcode-preview{border:1px dashed var(--oc-border-strong);border-radius:var(--oc-radius);background:var(--oc-surface);justify-items:center;gap:.375rem;margin:0;padding:.75rem 1rem;display:grid}.oc-barcode-preview>svg,.oc-barcode-preview>canvas,.oc-barcode-preview>img{block-size:auto;max-inline-size:100%}.oc-barcode-preview-bars{background:repeating-linear-gradient(90deg, var(--oc-foreground) 0 2px, transparent 2px 4px, var(--oc-foreground) 4px 5px, transparent 5px 8px, var(--oc-foreground) 8px 11px, transparent 11px 12px);block-size:3.5rem;inline-size:100%}.oc-barcode-preview-code{letter-spacing:.2em;color:var(--oc-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.oc-barcode-preview--empty .oc-barcode-preview-bars{opacity:.15}.oc-barcode-preview--empty .oc-barcode-preview-code{letter-spacing:0;color:var(--oc-muted-foreground);font-family:inherit}.oc-barcode-input:has(.oc-barcode-input-field:user-invalid) .oc-barcode-preview,.oc-barcode-input:has([aria-invalid=true]) .oc-barcode-preview{border-color:var(--oc-destructive)}.oc-chip-filter{border:0;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;display:flex}.oc-chip-filter-item{border:1px solid var(--oc-border);color:var(--oc-muted-foreground);white-space:nowrap;cursor:pointer;user-select:none;transition:background var(--oc-transition-fast), color var(--oc-transition-fast), border-color var(--oc-transition-fast);background:0 0;border-radius:999px;align-items:center;gap:.375rem;padding:.3rem .85rem;font-size:.8rem;font-weight:500;display:inline-flex;position:relative}.oc-chip-filter-item input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.oc-chip-filter-item:hover{border-color:var(--oc-border-strong);color:var(--oc-foreground)}.oc-chip-filter-item:has(input:checked){border-color:var(--oc-primary);background:color-mix(in srgb, var(--oc-primary) 14%, transparent);color:var(--oc-foreground)}.oc-chip-filter-item:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:2px}.oc-chip-filter-item:has(input:disabled){opacity:.45;cursor:not-allowed}.oc-chip-filter-count{background:var(--oc-surface-strong);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;min-inline-size:1.25rem;padding:0 .35rem;font-size:.7rem}.oc-chip-filter-item:has(input:checked) .oc-chip-filter-count{background:var(--oc-primary);color:var(--oc-primary-foreground)}.oc-chip-filter--scroll{scrollbar-width:thin;flex-wrap:nowrap;padding-block:.25rem;overflow-x:auto}.oc-chip-filter--sm .oc-chip-filter-item{padding:.15rem .6rem;font-size:.72rem}.oc-color-select{border:0;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;display:flex}.oc-color-select-option{--oc-swatch:var(--oc-muted);color:var(--oc-foreground);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex;position:relative}.oc-color-select-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.oc-color-select-swatch{background:var(--oc-swatch);block-size:1.75rem;inline-size:1.75rem;box-shadow:inset 0 0 0 1px oklch(from var(--oc-foreground) l c h / .15);transition:box-shadow var(--oc-transition-fast), transform var(--oc-transition-fast);border-radius:999px;flex:none}.oc-color-select-option:hover .oc-color-select-swatch{transform:scale(1.08)}.oc-color-select-option:has(input:checked) .oc-color-select-swatch{box-shadow:0 0 0 2px var(--oc-background), 0 0 0 4px var(--oc-swatch)}.oc-color-select-option:has(input:focus-visible) .oc-color-select-swatch{outline:2px solid var(--oc-ring);outline-offset:4px}.oc-color-select-option:has(input:disabled){opacity:.55;cursor:not-allowed}.oc-color-select-option:has(input:disabled) .oc-color-select-swatch{background:linear-gradient(135deg, transparent calc(50% - 1.5px), var(--oc-background) calc(50% - 1.5px) calc(50% + 1.5px), transparent calc(50% + 1.5px)), var(--oc-swatch);transform:none}.oc-color-select-name{line-height:1.2}.oc-color-select:not(.oc-color-select--list) .oc-color-select-name{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.oc-color-select--list{flex-direction:column;gap:.125rem}.oc-color-select--list .oc-color-select-option{border-radius:calc(var(--oc-radius) - 2px);padding:.375rem .5rem}.oc-color-select--list .oc-color-select-option:hover{background:var(--oc-surface)}.oc-color-select--list .oc-color-select-option:has(input:checked){background:var(--oc-surface-strong);font-weight:500}.oc-color-select--list .oc-color-select-swatch{block-size:1rem;inline-size:1rem}.oc-color-select--list .oc-color-select-option:hover .oc-color-select-swatch{transform:none}.oc-color-select--sm .oc-color-select-swatch{block-size:1.25rem;inline-size:1.25rem}.oc-decimal-input{text-align:end;font-variant-numeric:tabular-nums}.oc-decimal-input--start{text-align:start}.oc-decimal-field{border:1px solid var(--oc-input);border-radius:var(--oc-radius);transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);align-items:center;display:flex}.oc-decimal-field:focus-within{border-color:var(--oc-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-ring) 25%, transparent)}.oc-decimal-field>.oc-decimal-input{min-inline-size:0;box-shadow:none;border:0;flex:1}.oc-decimal-field-unit{color:var(--oc-muted-foreground);white-space:nowrap;pointer-events:none;padding-inline:0 .75rem;font-size:.875rem}.oc-decimal-input:user-invalid{border-color:var(--oc-destructive)}.oc-decimal-field:has(.oc-decimal-input:user-invalid),.oc-decimal-field:has([aria-invalid=true]){border-color:var(--oc-destructive)}.oc-decimal-field:has(.oc-decimal-input:disabled){opacity:.5;cursor:not-allowed}.oc-filter-counts{border:0;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;inline-size:100%;min-inline-size:0;margin:0;padding:0;display:grid}.oc-filter-counts-item{--oc-filter-accent:var(--oc-primary);border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-card);color:var(--oc-foreground);cursor:pointer;transition:border-color var(--oc-transition-fast), background var(--oc-transition-fast);gap:.125rem;padding:.875rem 1rem;display:grid;position:relative}.oc-filter-counts-item input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.oc-filter-counts-item:hover{background:var(--oc-surface)}.oc-filter-counts-value{font-variant-numeric:tabular-nums;color:var(--oc-filter-accent);font-size:1.5rem;font-weight:700;line-height:1.1}.oc-filter-counts-label{font-size:.875rem;font-weight:600}.oc-filter-counts-hint{color:var(--oc-muted-foreground);font-size:.75rem}.oc-filter-counts-item--success{--oc-filter-accent:var(--oc-success)}.oc-filter-counts-item--destructive{--oc-filter-accent:var(--oc-destructive)}.oc-filter-counts-item--muted{--oc-filter-accent:var(--oc-muted-foreground)}.oc-filter-counts-item:has(input:checked){border-color:var(--oc-filter-accent);background:color-mix(in srgb, var(--oc-filter-accent) 10%, var(--oc-card))}.oc-filter-counts-item:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:2px}.oc-filter-counts-item:has(input:disabled){opacity:.5;cursor:not-allowed}.oc-filter-counts--compact{flex-wrap:wrap;gap:.25rem;inline-size:auto;display:inline-flex}.oc-filter-counts--compact .oc-filter-counts-item{border-radius:999px;flex-direction:row-reverse;align-items:baseline;gap:.375rem;padding:.3rem .75rem;display:inline-flex}.oc-filter-counts--compact .oc-filter-counts-value{font-size:.8rem}.oc-filter-counts--compact .oc-filter-counts-label{font-size:.8rem;font-weight:500}.oc-filter-counts--compact .oc-filter-counts-hint{display:none}.oc-language-select{border:1px solid var(--oc-input);color:var(--oc-foreground);transition:border-color var(--oc-transition-fast), background var(--oc-transition-fast);border-radius:999px;align-items:center;gap:.375rem;padding-inline:.625rem .5rem;font-size:.8rem;display:inline-flex;position:relative}.oc-language-select:hover{background:var(--oc-surface)}.oc-language-select:focus-within{border-color:var(--oc-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-ring) 25%, transparent)}.oc-language-select-icon{inline-size:1rem;color:var(--oc-muted-foreground);flex:none;justify-content:center;font-weight:600;display:inline-flex}.oc-language-select-icon svg{block-size:1rem;inline-size:1rem}.oc-language-select-control{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;outline:none;padding:.375rem 1.25rem .375rem 0}.oc-language-select-control option{background:var(--oc-background);color:var(--oc-foreground)}.oc-language-select:after{content:"";border-inline-end:1.5px solid var(--oc-muted-foreground);border-block-end:1.5px solid var(--oc-muted-foreground);pointer-events:none;block-size:.35rem;inline-size:.35rem;position:absolute;inset-block-start:50%;inset-inline-end:.7rem;transform:translateY(-70%)rotate(45deg)}.oc-language-select:has(.oc-language-select-control:disabled){opacity:.5;cursor:not-allowed}.oc-language-select--ghost{border-color:#0000}.oc-language-select--currency .oc-language-select-icon{color:var(--oc-primary)}button.oc-language-select{font:inherit;cursor:pointer;background:0 0;outline:none;padding-block:.375rem;padding-inline-end:1.6rem;font-size:.8rem}button.oc-language-select:hover{background:var(--oc-surface)}.oc-number-input{border:1px solid var(--oc-input);border-radius:var(--oc-radius);transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);align-items:stretch;display:inline-flex;overflow:hidden}.oc-number-input:focus-within{border-color:var(--oc-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-ring) 25%, transparent)}.oc-number-input-step{background:var(--oc-surface);inline-size:2.25rem;color:var(--oc-muted-foreground);font:inherit;cursor:pointer;transition:background var(--oc-transition-fast), color var(--oc-transition-fast);border:0;flex:none;padding:0;font-size:1rem;line-height:1}.oc-number-input-step:first-child{border-inline-end:1px solid var(--oc-input)}.oc-number-input-step:last-child{border-inline-start:1px solid var(--oc-input)}.oc-number-input-step:hover{background:var(--oc-surface-strong);color:var(--oc-foreground)}.oc-number-input-step:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-number-input-step:disabled{opacity:.4;cursor:not-allowed}.oc-number-input-field{inline-size:4.5rem;min-inline-size:0;color:var(--oc-foreground);font:inherit;font-variant-numeric:tabular-nums;text-align:center;appearance:textfield;background:0 0;border:0;outline:none;padding:.5rem .25rem;font-size:.875rem}.oc-number-input-field::-webkit-inner-spin-button,.oc-number-input-field::-webkit-outer-spin-button{appearance:none;margin:0}.oc-number-input--error,.oc-number-input:has([aria-invalid=true]),.oc-number-input:has(.oc-number-input-field:user-invalid){border-color:var(--oc-destructive)}.oc-number-input:has(.oc-number-input-field:disabled){opacity:.5;cursor:not-allowed}.oc-number-input{justify-self:start}.oc-number-input--block{justify-self:stretch;inline-size:100%;display:flex}.oc-number-input--block .oc-number-input-field{flex:1;inline-size:auto}.oc-number-input--sm .oc-number-input-step{inline-size:1.75rem;font-size:.875rem}.oc-number-input--sm .oc-number-input-field{inline-size:3.5rem;padding-block:.25rem;font-size:.8rem}.oc-password-requirements{gap:.25rem;margin:.5rem 0 0;padding:0;font-size:.8rem;list-style:none;display:grid}.oc-password-requirement{color:var(--oc-muted-foreground);transition:color var(--oc-transition-fast);align-items:center;gap:.375rem;display:flex}.oc-password-requirement:before{content:"✕";background:var(--oc-surface-strong);border-radius:999px;flex:none;place-items:center;block-size:1rem;inline-size:1rem;font-size:.6rem;font-weight:700;line-height:1;display:inline-grid}.oc-password-requirement--met{color:var(--oc-success)}.oc-password-requirement--met:before{content:"✓";background:var(--oc-success);color:var(--oc-success-foreground)}.oc-password-requirements--inline{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.oc-phone-input{border:1px solid var(--oc-input);border-radius:var(--oc-radius);inline-size:100%;transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);background:0 0;align-items:stretch;display:flex;overflow:hidden}.oc-phone-input:focus-within{border-color:var(--oc-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-ring) 25%, transparent)}.oc-phone-input-dial{border:0;border-inline-end:1px solid var(--oc-input);background:var(--oc-surface);color:var(--oc-foreground);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;outline:none;flex:none;padding:.5rem .5rem .5rem .75rem;font-size:.875rem}.oc-phone-input-dial option{background:var(--oc-background);color:var(--oc-foreground)}.oc-phone-input-number{min-inline-size:0;color:var(--oc-foreground);font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.02em;background:0 0;border:0;outline:none;flex:1;padding:.5rem .75rem;font-size:.875rem}.oc-phone-input-number::placeholder{color:var(--oc-muted-foreground)}.oc-phone-input--error,.oc-phone-input:has([aria-invalid=true]),.oc-phone-input:has(.oc-phone-input-number:user-invalid){border-color:var(--oc-destructive)}.oc-phone-input--error:focus-within,.oc-phone-input:has([aria-invalid=true]):focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-destructive) 25%, transparent)}.oc-phone-input:has(.oc-phone-input-number:disabled){opacity:.5;cursor:not-allowed}.oc-phone-input--sm .oc-phone-input-dial,.oc-phone-input--sm .oc-phone-input-number{padding-block:.25rem;font-size:.8rem}.oc-time-input{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.04em;inline-size:6.5rem}.oc-time-input:user-invalid{border-color:var(--oc-destructive)}.oc-time-slots{grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr));gap:.375rem;max-block-size:12rem;inline-size:100%;padding:.25rem;display:grid;overflow-y:auto}.oc-time-slot{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 2px);color:var(--oc-foreground);font-variant-numeric:tabular-nums;text-align:center;cursor:pointer;transition:background var(--oc-transition-fast), border-color var(--oc-transition-fast);padding:.375rem .25rem;font-size:.8rem;position:relative}.oc-time-slot input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.oc-time-slot:hover{background:var(--oc-surface)}.oc-time-slot:has(input:checked){border-color:var(--oc-primary);background:var(--oc-primary);color:var(--oc-primary-foreground)}.oc-time-slot:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:1px}.oc-time-slot:has(input:disabled){opacity:.45;cursor:not-allowed;text-decoration:line-through}.oc-time-slots--sm{grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr))}.oc-time-slots--sm .oc-time-slot{padding-block:.25rem;font-size:.72rem}.oc-toggle-field{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding-block:.5rem;display:flex}.oc-toggle-field-text{gap:.125rem;min-inline-size:0;display:grid}.oc-toggle-field-label{color:var(--oc-foreground);font-size:.875rem;font-weight:500;line-height:1.3}.oc-toggle-field-description{color:var(--oc-muted-foreground);font-size:.8rem;line-height:1.4}.oc-toggle-field:has(input:disabled){opacity:.55;cursor:not-allowed}.oc-toggle-field:has(input:disabled) .oc-switch{cursor:not-allowed}.oc-toggle-field--card{border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-card);transition:border-color var(--oc-transition-fast), background var(--oc-transition-fast);padding:.875rem 1rem}.oc-toggle-field--card:hover{background:var(--oc-surface)}.oc-toggle-field--card:has(input:checked){border-color:color-mix(in srgb, var(--oc-primary) 55%, var(--oc-border))}.oc-toggle-field--card:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:2px}.oc-toggle-field--reverse{flex-direction:row-reverse;justify-content:flex-end}.oc-media-art{background:radial-gradient(circle at 28% 30%, oklch(from var(--color-white-50) l c h / .35), transparent 45%), linear-gradient(135deg, var(--oc-media-art-from,var(--color-vividblue-60)), var(--oc-media-art-to,var(--color-purple-50)));block-size:100%;inline-size:100%;display:block}.oc-media-art--2{--oc-media-art-from:var(--color-teal-50);--oc-media-art-to:var(--color-skycyan-50)}.oc-media-art--3{--oc-media-art-from:var(--color-orange-60);--oc-media-art-to:var(--color-red-50)}.oc-media-art--4{--oc-media-art-from:var(--color-green-40);--oc-media-art-to:var(--color-teal-70)}.oc-media-art--5{--oc-media-art-from:var(--color-magenta-50);--oc-media-art-to:var(--color-indigo-50)}.oc-media-art--6{--oc-media-art-from:var(--color-yellow-60);--oc-media-art-to:var(--color-peru-60)}.oc-attachment-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.oc-attachment-list--stack{flex-flow:column}.oc-attachment{--oc-attachment-tone:var(--oc-muted-foreground);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);background:var(--oc-card);min-inline-size:0;max-inline-size:20rem;color:var(--oc-foreground);transition:background var(--oc-transition-normal), border-color var(--oc-transition-normal);align-items:center;gap:.6rem;padding:.4rem .5rem .4rem .4rem;font-size:.8rem;line-height:1.3;text-decoration:none;display:flex;position:relative;overflow:hidden}.oc-attachment-list--stack>.oc-attachment,.oc-attachment-list--stack>li>.oc-attachment{max-inline-size:none}a.oc-attachment:hover{border-color:var(--oc-border-strong,var(--oc-border));background:var(--oc-surface-strong)}a.oc-attachment:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-attachment__icon{background:linear-gradient(225deg, color-mix(in oklch, var(--oc-attachment-tone) 35%, var(--oc-card)) .45rem, transparent .45rem), color-mix(in oklch, var(--oc-attachment-tone) 14%, var(--oc-card));block-size:2.5rem;inline-size:2.1rem;color:var(--oc-attachment-tone);letter-spacing:.03em;clip-path:polygon(0 0,calc(100% - .45rem) 0,100% .45rem,100% 100%,0 100%);border-radius:.3rem;flex:none;place-items:end center;padding-block-end:.3rem;font-size:.6rem;font-weight:750;display:grid;overflow:hidden}.oc-attachment__icon:has(>:is(img,.oc-media-art)){clip-path:none;padding:0}.oc-attachment__icon>:is(img,.oc-media-art){object-fit:cover;block-size:100%;inline-size:100%}.oc-attachment__body{flex:auto;min-inline-size:0;display:grid}.oc-attachment__name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.oc-attachment__size{color:var(--oc-muted-foreground);font-variant-numeric:tabular-nums;font-size:.72rem}.oc-attachment__remove{z-index:1;block-size:1.6rem;inline-size:1.6rem;color:var(--oc-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:.8rem;display:grid;position:relative}.oc-attachment__remove:hover{background:oklch(from var(--oc-destructive) l c h / .12);color:var(--oc-destructive)}.oc-attachment__remove:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-attachment--pdf{--oc-attachment-tone:var(--oc-destructive)}.oc-attachment--doc{--oc-attachment-tone:var(--oc-chart-1,var(--oc-primary))}.oc-attachment--sheet{--oc-attachment-tone:var(--oc-success)}.oc-attachment--zip{--oc-attachment-tone:var(--oc-warning)}.oc-attachment--image{--oc-attachment-tone:var(--oc-chart-4,var(--oc-primary))}.oc-attachment--uploading:after{content:"";inline-size:var(--oc-attachment-progress,40%);background:var(--oc-primary);block-size:3px;transition:inline-size var(--oc-transition-normal);position:absolute;inset-block-end:0;inset-inline-start:0}.oc-attachment--uploading .oc-attachment__size{color:var(--oc-primary)}.oc-attachment--error{border-color:oklch(from var(--oc-destructive) l c h / .55)}.oc-attachment--error .oc-attachment__size{color:var(--oc-destructive)}.oc-attachment-image{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);background:var(--oc-muted);inline-size:min(100%,18rem);color:var(--color-white-50);text-decoration:none;display:block;position:relative;overflow:hidden}.oc-attachment-image>:is(img,.oc-media-art){aspect-ratio:4/3;object-fit:cover;block-size:auto;max-block-size:14rem;inline-size:100%;display:block}.oc-attachment-image__caption{background:linear-gradient(transparent, oklch(from var(--color-black-60) l c h / .6));white-space:nowrap;text-overflow:ellipsis;padding:1.25rem .6rem .4rem;font-size:.72rem;font-weight:600;position:absolute;inset:auto 0 0;overflow:hidden}a.oc-attachment-image:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}a.oc-attachment-image:hover>:is(img,.oc-media-art){filter:brightness(1.05)}.oc-attachment-thumb{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);background:var(--oc-muted);flex:none;block-size:4rem;inline-size:4rem;position:relative;overflow:hidden}.oc-attachment-thumb>:is(img,.oc-media-art){object-fit:cover;block-size:100%;inline-size:100%}.oc-attachment-thumb>.oc-attachment__remove{background:oklch(from var(--color-black-60) l c h / .6);block-size:1.35rem;inline-size:1.35rem;color:var(--color-white-50);font-size:.65rem;position:absolute;inset-block-start:.2rem;inset-inline-end:.2rem}.oc-attachment-thumb>.oc-attachment__remove:hover{background:var(--oc-destructive);color:var(--color-white-50)}@media (prefers-reduced-motion:reduce){.oc-attachment,.oc-attachment--uploading:after{transition:none}}.oc-browser-frame{--oc-browser-frame-ratio:16 / 10;border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);background:var(--oc-card);inline-size:100%;color:var(--oc-foreground);box-shadow:0 30px 60px -30px oklch(from var(--color-black-60) l c h / .45);margin:0;display:grid;overflow:hidden}.oc-browser-frame__bar{border-block-end:1px solid var(--oc-border);background:var(--oc-muted);align-items:center;gap:.45rem;padding:.55rem .8rem;display:flex}.oc-browser-frame__bar>i{aspect-ratio:1;background:var(--color-red-50);border-radius:50%;flex:none;inline-size:.65rem}.oc-browser-frame__bar>i:nth-of-type(2){background:var(--color-orange-60)}.oc-browser-frame__bar>i:nth-of-type(3){background:var(--color-green-20)}.oc-browser-frame__address{background:var(--oc-card);min-inline-size:0;max-inline-size:28rem;color:var(--oc-muted-foreground);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:1;margin-inline:auto;padding:.2rem .75rem;font-size:.75rem;overflow:hidden}.oc-browser-frame__address:before{content:"🔒︎" / "";opacity:.7;margin-inline-end:.35rem;font-size:.65rem}.oc-browser-frame__actions{min-inline-size:2.4rem;color:var(--oc-muted-foreground);justify-content:flex-end;gap:.35rem;font-size:.8rem;display:flex}.oc-browser-frame__view{aspect-ratio:var(--oc-browser-frame-ratio);background:var(--oc-background);position:relative;overflow:hidden}.oc-browser-frame__view>:is(img,video,iframe,.oc-media-art){object-fit:cover;object-position:top;border:0;block-size:100%;inline-size:100%;display:block}.oc-browser-frame--auto .oc-browser-frame__view{aspect-ratio:auto}.oc-browser-frame__caption{border-block-start:1px solid var(--oc-border);color:var(--oc-muted-foreground);padding:.6rem .9rem;font-size:.8125rem}.oc-browser-frame--minimal .oc-browser-frame__address,.oc-browser-frame--minimal .oc-browser-frame__actions{display:none}.oc-browser-frame--dark{color-scheme:dark}.oc-browser-frame--tilt{transform-origin:50%;transform:perspective(80rem)rotateX(6deg)rotateY(-8deg)}@media (prefers-reduced-motion:no-preference){.oc-browser-frame--tilt{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.oc-browser-frame--tilt:is(:hover,:focus-within){transform:none}}@media (prefers-reduced-motion:reduce){.oc-browser-frame--tilt{transform:none}}.oc-media-card{inline-size:100%;color:var(--oc-foreground);align-content:start;gap:.75rem;display:grid;position:relative}.oc-media-card__body{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;display:grid}.oc-media-card__body:not(:has(.oc-media-card__avatar)){grid-template-columns:minmax(0,1fr) auto}.oc-media-card__avatar{aspect-ratio:1;background:var(--oc-muted);inline-size:2.25rem;color:var(--oc-foreground);border-radius:50%;place-items:center;font-size:.8rem;font-weight:600;display:grid;overflow:hidden}.oc-media-card__avatar>*{object-fit:cover;block-size:100%;inline-size:100%}.oc-media-card__text{gap:.2rem;min-inline-size:0;display:grid}.oc-media-card__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.oc-media-card__title>a{color:inherit;text-decoration:none}.oc-media-card__title>a:after{content:"";border-radius:var(--oc-radius);position:absolute;inset:0}.oc-media-card__title>a:focus-visible{outline:none}.oc-media-card__title>a:focus-visible:after{outline:2px solid var(--oc-ring);outline-offset:4px}.oc-media-card__meta{color:var(--oc-muted-foreground);margin:0;font-size:.8125rem}.oc-media-card__meta>a{z-index:1;color:inherit;text-decoration:none;position:relative}.oc-media-card__meta>a:hover{color:var(--oc-foreground)}.oc-media-card__menu{z-index:1;aspect-ratio:1;inline-size:2rem;color:var(--oc-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:1.1rem;display:grid;position:relative}.oc-media-card__menu:hover{background:var(--oc-surface-strong);color:var(--oc-foreground)}.oc-media-card__menu:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-media-card--compact{gap:.5rem}.oc-media-card--compact .oc-media-card__avatar{inline-size:1.75rem}.oc-media-card--compact .oc-media-card__title{font-size:.875rem}@media (prefers-reduced-motion:no-preference){.oc-media-card:hover .oc-media-thumb>:is(img,video,.oc-media-art){transform:scale(1.04)}}.oc-chat-composer{border:1px solid var(--oc-input);border-radius:calc(var(--oc-radius) + 6px);background:var(--oc-card);inline-size:100%;color:var(--oc-foreground);transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);gap:.25rem;padding:.5rem;display:grid}.oc-chat-composer:focus-within{border-color:var(--oc-ring);box-shadow:0 0 0 3px color-mix(in oklch, var(--oc-ring) 20%, transparent)}.oc-chat-composer__input{resize:none;min-block-size:2.5rem;max-block-size:10rem;inline-size:100%;color:inherit;font:inherit;field-sizing:content;background:0 0;border:0;outline:0;padding:.375rem .5rem;font-size:.9375rem;line-height:1.5}.oc-chat-composer__input::placeholder{color:var(--oc-muted-foreground)}.oc-chat-composer__bar{align-items:center;gap:.25rem;display:flex}.oc-chat-composer__tools{align-items:center;gap:.125rem;display:flex}.oc-chat-composer__hint{color:var(--oc-muted-foreground);margin-inline-start:auto;padding-inline:.5rem;font-size:.75rem}.oc-chat-composer__tool{aspect-ratio:1;inline-size:2.25rem;color:var(--oc-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:1.05rem;line-height:1;display:inline-grid}.oc-chat-composer__tool:hover{background:var(--oc-surface-strong);color:var(--oc-foreground)}.oc-chat-composer__tool:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-chat-composer__send{aspect-ratio:1;background:var(--oc-primary);inline-size:2.25rem;color:var(--oc-primary-foreground);cursor:pointer;transition:opacity var(--oc-transition-fast), transform var(--oc-transition-fast);border:0;border-radius:50%;place-items:center;margin-inline-start:auto;padding:0;font-size:1rem;display:inline-grid}.oc-chat-composer__hint+.oc-chat-composer__send{margin-inline-start:0}.oc-chat-composer__send:hover{transform:scale(1.05)}.oc-chat-composer__send:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-chat-composer:has(.oc-chat-composer__input:placeholder-shown) .oc-chat-composer__send,.oc-chat-composer__send:disabled{opacity:.4;pointer-events:none}.oc-chat-composer--inline{border-radius:1.4rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;padding:.375rem}.oc-chat-composer--inline .oc-chat-composer__bar{display:contents}.oc-chat-composer--inline .oc-chat-composer__tools{grid-area:1/1}.oc-chat-composer--inline .oc-chat-composer__input{grid-area:1/2;min-block-size:2.25rem;padding-block:.4rem}.oc-chat-composer--inline .oc-chat-composer__send{grid-area:1/3}.oc-chat-composer--inline .oc-chat-composer__hint{display:none}.oc-doc-viewer-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:1rem 1.5rem;inline-size:100%;display:grid}.oc-doc-viewer{align-content:start;gap:.5rem;min-inline-size:0;margin:0;display:grid}.oc-doc-viewer__bar{justify-content:space-between;align-items:center;gap:.5rem;min-inline-size:0;display:flex}.oc-doc-viewer__label{min-inline-size:0;color:var(--oc-foreground);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:.875rem;font-weight:600;overflow:hidden}.oc-doc-viewer__meta{color:var(--oc-muted-foreground);flex:none;font-size:.75rem}.oc-doc-viewer__expand{border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-card);block-size:2rem;inline-size:2rem;color:var(--oc-foreground);cursor:zoom-in;transition:background var(--oc-transition-normal), border-color var(--oc-transition-normal);flex:none;place-items:center;padding:0;font-size:.95rem;display:grid}.oc-doc-viewer__expand:hover{background:var(--oc-muted);border-color:var(--oc-border-strong,var(--oc-border))}.oc-doc-viewer__expand:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-doc-viewer__frame{aspect-ratio:1/1.414;border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-muted);position:relative;overflow:hidden}.oc-doc-viewer--video .oc-doc-viewer__frame{aspect-ratio:16/9;background:var(--color-black-40)}.oc-doc-viewer--image .oc-doc-viewer__frame{aspect-ratio:auto}.oc-doc-viewer__frame>:is(iframe,video,img,object,.oc-media-art){object-fit:contain;border:0;block-size:100%;inline-size:100%;display:block}.oc-doc-viewer--image .oc-doc-viewer__frame>img{block-size:auto}.oc-doc-viewer__frame>.oc-doc-viewer__open{background:linear-gradient(transparent 55%, oklch(from var(--color-black-50) l c h / .55));color:var(--color-white-50);font:inherit;opacity:0;cursor:zoom-in;transition:opacity var(--oc-transition-normal);border:0;place-items:end center;padding:.75rem;font-size:.8rem;font-weight:600;display:grid;position:absolute;inset:0}.oc-doc-viewer__frame:hover>.oc-doc-viewer__open,.oc-doc-viewer__open:focus-visible{opacity:1}.oc-doc-viewer__open:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-4px}.oc-doc-viewer-dialog{border:1px solid var(--oc-border);border-radius:var(--oc-radius-lg,12px);background:var(--oc-card);block-size:min(100dvh - 2rem,60rem);max-block-size:none;inline-size:min(100vw - 2rem,72rem);max-inline-size:none;color:var(--oc-foreground);padding:0;overflow:hidden}.oc-doc-viewer-dialog[open]{grid-template-rows:auto minmax(0,1fr);display:grid}.oc-doc-viewer-dialog::backdrop{background:oklch(from var(--color-black-60) l c h / .8);backdrop-filter:blur(6px)}.oc-doc-viewer-dialog--video{background:var(--color-black-40);color:var(--color-white-50)}.oc-doc-viewer-dialog__bar{border-block-end:1px solid var(--oc-border);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .75rem .6rem 1rem;display:flex}.oc-doc-viewer-dialog--video .oc-doc-viewer-dialog__bar{border-color:oklch(from var(--color-white-50) l c h / .15)}.oc-doc-viewer-dialog__title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.oc-doc-viewer-dialog__actions{align-items:center;gap:.5rem;display:flex}.oc-doc-viewer-dialog__close{block-size:2.25rem;inline-size:2.25rem;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:1.1rem;display:grid}.oc-doc-viewer-dialog__close:hover{background:oklch(from currentColor l c h / .1)}.oc-doc-viewer-dialog__close:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-doc-viewer-dialog__body{min-block-size:0;display:grid}.oc-doc-viewer-dialog__body>:is(iframe,video,img,object,.oc-media-art){object-fit:contain;border:0;block-size:100%;inline-size:100%}@media (prefers-reduced-motion:reduce){.oc-doc-viewer__open,.oc-doc-viewer__expand{transition:none}}.oc-emoji-picker__trigger{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;inline-size:2.25rem;padding:0;font-size:1.15rem;line-height:1;display:inline-grid}.oc-emoji-picker__trigger:hover{background:var(--oc-surface-strong)}.oc-emoji-picker__trigger:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-emoji-picker[popover]{position-area:block-start span-inline-end;position-try-fallbacks:flip-block, flip-inline;border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);background:var(--oc-popover);max-block-size:18rem;inline-size:17.5rem;color:var(--oc-popover-foreground);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);scrollbar-width:thin;margin:0 0 .375rem;padding:.5rem;position:fixed;inset:auto;overflow-y:auto}.oc-emoji-picker--inline{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);background:var(--oc-popover);inline-size:17.5rem;padding:.5rem}.oc-emoji-picker__label{background:var(--oc-popover);letter-spacing:.05em;text-transform:uppercase;color:var(--oc-muted-foreground);margin:0;padding:.375rem .25rem .25rem;font-size:.6875rem;font-weight:600;position:sticky;inset-block-start:-.5rem}.oc-emoji-picker__grid{grid-template-columns:repeat(8,1fr);gap:.125rem;margin-block-end:.25rem;display:grid}.oc-emoji-picker__item{aspect-ratio:1;border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:1.25rem;line-height:1;display:grid}.oc-emoji-picker__item:hover{background:var(--oc-surface-strong)}.oc-emoji-picker__item:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}@media (prefers-reduced-motion:no-preference){.oc-emoji-picker[popover]{transition:opacity var(--oc-transition-fast), translate var(--oc-transition-fast), display var(--oc-transition-fast) allow-discrete, overlay var(--oc-transition-fast) allow-discrete}.oc-emoji-picker[popover]:popover-open{@starting-style{opacity:0;translate:0 .25rem}}.oc-emoji-picker__item{transition:transform var(--oc-transition-fast)}.oc-emoji-picker__item:hover{transform:scale(1.15)}}.oc-entity-card{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);background:var(--oc-card);inline-size:100%;color:var(--oc-foreground);container-type:inline-size}.oc-entity-card__grid{grid-template-columns:9rem minmax(0,1fr);gap:1.25rem;padding:1.25rem;display:grid}.oc-entity-card__frame{aspect-ratio:1;border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);background:radial-gradient(circle at 50% 40%, var(--oc-surface-strong), var(--oc-muted));box-shadow:inset 0 0 0 .35rem var(--oc-card), inset 0 0 0 calc(.35rem + 1px) var(--oc-border);place-items:center;display:grid;overflow:hidden}.oc-entity-card__frame>:is(img,svg,.oc-media-art){object-fit:cover;block-size:100%;inline-size:100%}.oc-entity-card__frame--contain>:is(img,svg){object-fit:contain;block-size:70%;inline-size:70%}.oc-entity-card__glyph{color:var(--oc-foreground);font-size:3.5rem;line-height:1}.oc-entity-card__body{align-content:start;gap:.35rem;min-inline-size:0;display:grid}.oc-entity-card__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--oc-primary);margin:0;font-size:.75rem;font-weight:600}.oc-entity-card__title{margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.oc-entity-card__description{color:var(--oc-muted-foreground);margin:0;font-size:.875rem}.oc-entity-card__facts{grid-template-columns:auto minmax(0,1fr);gap:.25rem 1rem;margin:.5rem 0 0;font-size:.8125rem;display:grid}.oc-entity-card__facts>dt{color:var(--oc-muted-foreground)}.oc-entity-card__facts>dd{margin:0;font-weight:500}.oc-entity-card__footer{border-block-start:1px solid var(--oc-border);flex-wrap:wrap;gap:.5rem;padding:.75rem 1.25rem;display:flex}.oc-entity-card--stacked .oc-entity-card__grid{grid-template-columns:minmax(0,1fr)}.oc-entity-card--sm .oc-entity-card__grid{grid-template-columns:5.5rem minmax(0,1fr);gap:.875rem;padding:.875rem}.oc-entity-card--sm .oc-entity-card__glyph{font-size:2.25rem}@container (width<=22rem){.oc-entity-card__grid{grid-template-columns:minmax(0,1fr)}}.oc-flip-card{--oc-flip-card-turn:rotateY(180deg);perspective:60rem;inline-size:100%;display:block;position:relative}.oc-flip-card__toggle{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;margin:0;position:absolute}.oc-flip-card__inner{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);display:grid}.oc-flip-card__face{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);background:var(--oc-card);min-block-size:10rem;color:var(--oc-foreground);backface-visibility:hidden;grid-area:1/1;align-content:center;gap:.5rem;padding:1.25rem;display:grid;position:relative}.oc-flip-card__face--back{transform:var(--oc-flip-card-turn);background:var(--oc-primary);color:var(--oc-primary-foreground);border-color:#0000}.oc-flip-card__title{margin:0;font-size:1.25rem;font-weight:700}.oc-flip-card__text{opacity:.85;margin:0;font-size:.875rem}.oc-flip-card__flip{text-underline-offset:3px;cursor:pointer;justify-self:start;font-size:.8125rem;font-weight:600;text-decoration:underline}.oc-flip-card__flip:after{content:"";border-radius:inherit;position:absolute;inset:0}.oc-flip-card:has(.oc-flip-card__toggle:focus-visible) .oc-flip-card__face,.oc-flip-card--hover:focus-visible .oc-flip-card__face{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-flip-card--hover:focus-visible{outline:none}.oc-flip-card:has(>.oc-flip-card__toggle:checked) .oc-flip-card__inner,.oc-flip-card.is-flipped .oc-flip-card__inner,.oc-flip-card--hover:is(:hover,:focus-within) .oc-flip-card__inner{transform:var(--oc-flip-card-turn)}.oc-flip-card--vertical{--oc-flip-card-turn:rotateX(180deg)}@media (prefers-reduced-motion:reduce){.oc-flip-card .oc-flip-card__inner{transition:none;transform:none}.oc-flip-card .oc-flip-card__face{transition:opacity .2s,visibility .2s;transform:none}.oc-flip-card .oc-flip-card__face--back{opacity:0;visibility:hidden}.oc-flip-card:has(>.oc-flip-card__toggle:checked) .oc-flip-card__inner,.oc-flip-card.is-flipped .oc-flip-card__inner,.oc-flip-card--hover:is(:hover,:focus-within) .oc-flip-card__inner{transform:none}.oc-flip-card:has(>.oc-flip-card__toggle:checked) .oc-flip-card__face--front,.oc-flip-card.is-flipped .oc-flip-card__face--front,.oc-flip-card--hover:is(:hover,:focus-within) .oc-flip-card__face--front{opacity:0;visibility:hidden}.oc-flip-card:has(>.oc-flip-card__toggle:checked) .oc-flip-card__face--back,.oc-flip-card.is-flipped .oc-flip-card__face--back,.oc-flip-card--hover:is(:hover,:focus-within) .oc-flip-card__face--back{opacity:1;visibility:visible}}.oc-image-zoom{--oc-zoom:1;--oc-image-zoom-ratio:16 / 9;gap:.5rem;inline-size:100%;display:grid}.oc-image-zoom__toolbar{color:var(--oc-muted-foreground);flex-wrap:wrap;align-items:center;gap:.25rem;font-size:.8125rem;display:flex}.oc-image-zoom__label{margin-inline-end:.25rem}.oc-image-zoom__level{border:1px solid var(--oc-border);background:var(--oc-card);min-inline-size:2.5rem;color:var(--oc-foreground);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:999px;place-items:center;padding:.25rem .5rem;display:inline-grid;position:relative}.oc-image-zoom__level>input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.oc-image-zoom__level:has(input:checked){border-color:var(--oc-primary);background:var(--oc-primary);color:var(--oc-primary-foreground)}.oc-image-zoom__level:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:2px}.oc-image-zoom__viewport{aspect-ratio:var(--oc-image-zoom-ratio);overscroll-behavior:contain;border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-muted);scrollbar-width:thin;overflow:auto}.oc-image-zoom__viewport:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-image-zoom__canvas{inline-size:calc(100% * var(--oc-zoom));aspect-ratio:var(--oc-image-zoom-ratio)}.oc-image-zoom__canvas>*{object-fit:cover;block-size:100%;inline-size:100%;display:block}.oc-image-zoom--150{--oc-zoom:1.5}.oc-image-zoom--200{--oc-zoom:2}.oc-image-zoom--300{--oc-zoom:3}.oc-image-zoom:has(.oc-image-zoom__level input[value="1"]:checked){--oc-zoom:1}.oc-image-zoom:has(.oc-image-zoom__level input[value="1.5"]:checked){--oc-zoom:1.5}.oc-image-zoom:has(.oc-image-zoom__level input[value="2"]:checked){--oc-zoom:2}.oc-image-zoom:has(.oc-image-zoom__level input[value="3"]:checked){--oc-zoom:3}.oc-image-zoom:has(.oc-image-zoom__level input[value="4"]:checked){--oc-zoom:4}.oc-image-zoom--square{--oc-image-zoom-ratio:1 / 1}.oc-image-zoom--photo{--oc-image-zoom-ratio:4 / 3}@media (prefers-reduced-motion:no-preference){.oc-image-zoom__canvas{transition:inline-size var(--oc-transition-normal)}}.oc-lightbox-thumbs{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.5rem;inline-size:100%;display:grid}.oc-lightbox-thumb{aspect-ratio:4/3;border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-muted);cursor:zoom-in;padding:0;display:block;overflow:hidden}.oc-lightbox-thumb>*{object-fit:cover;block-size:100%;inline-size:100%;transition:transform var(--oc-transition-normal)}.oc-lightbox-thumb:hover>*{transform:scale(1.04)}.oc-lightbox-thumb:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-lightbox{block-size:100dvh;max-block-size:none;inline-size:100vw;max-inline-size:none;color:var(--color-white-50);background:0 0;border:0;margin:0;padding:0;overflow:hidden}.oc-lightbox[open]{grid-template-rows:auto minmax(0,1fr);display:grid}.oc-lightbox::backdrop{background:oklch(from var(--color-black-60) l c h / .88);backdrop-filter:blur(10px)}.oc-lightbox__bar{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.oc-lightbox__title{margin:0;font-size:.95rem;font-weight:600}.oc-lightbox__track{overscroll-behavior:contain;scroll-snap-type:x mandatory;scrollbar-width:none;min-block-size:0;display:flex;overflow-x:auto}.oc-lightbox__track:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-lightbox__slide{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:4.5rem minmax(0,1fr) 4.5rem;align-items:center;gap:1rem 0;margin:0;padding-block-end:1.5rem;display:grid}.oc-lightbox__media{grid-area:1/2;place-items:center;block-size:100%;min-block-size:0;display:grid}.oc-lightbox__media>*{object-fit:contain;border:1px solid oklch(from var(--color-white-50) l c h / .15);border-radius:calc(var(--oc-radius) - 2px);max-block-size:calc(100dvh - 9rem);max-inline-size:100%;box-shadow:0 40px 100px -30px oklch(from var(--color-black-60) l c h / .9)}.oc-lightbox__media>.oc-media-art{aspect-ratio:3/2;block-size:auto;inline-size:min(56rem,100%)}.oc-lightbox__close,.oc-lightbox__nav{aspect-ratio:1;border:1px solid oklch(from var(--color-white-50) l c h / .25);background:oklch(from var(--color-white-50) l c h / .08);inline-size:2.75rem;color:inherit;cursor:pointer;transition:background var(--oc-transition-fast), transform var(--oc-transition-fast);border-radius:50%;place-items:center;font-size:1.1rem;line-height:1;text-decoration:none;display:inline-grid}.oc-lightbox__close:hover,.oc-lightbox__nav:hover{background:oklch(from var(--color-white-50) l c h / .18);transform:scale(1.06)}.oc-lightbox__close:focus-visible,.oc-lightbox__nav:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-lightbox__nav{grid-row:1;justify-self:center}.oc-lightbox__nav--prev{grid-column:1}.oc-lightbox__nav--next{grid-column:3}.oc-lightbox__caption{text-align:center;color:oklch(from var(--color-white-50) l c h / .8);flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:center;gap:.25rem .75rem;padding-inline:1rem;font-size:.95rem;display:flex}.oc-lightbox__counter{font-variant-numeric:tabular-nums;color:oklch(from var(--color-white-50) l c h / .6);font-family:ui-monospace,monospace}.oc-lightbox--single .oc-lightbox__nav,.oc-lightbox--single .oc-lightbox__counter{visibility:hidden}@media (width<=40rem){.oc-lightbox__slide{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem}.oc-lightbox__nav{inline-size:2.25rem}}@media (prefers-reduced-motion:no-preference){.oc-lightbox__track{scroll-behavior:smooth}.oc-lightbox[open]{animation:.25s ease-out oc-lightbox-in}}@keyframes oc-lightbox-in{0%{opacity:0;scale:.98}}.oc-message-thread{--oc-message-thread-height:32rem;block-size:var(--oc-message-thread-height);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);background:color-mix(in oklch, var(--oc-muted) 40%, var(--oc-background));min-inline-size:0;color:var(--oc-foreground);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.oc-message-thread__header{border-block-end:1px solid var(--oc-border);background:var(--oc-card);grid-row:1;align-items:center;gap:.75rem;min-inline-size:0;padding:.6rem .6rem .6rem 1rem;display:flex}.oc-message-thread__heading{flex:auto;gap:.1rem;min-inline-size:0;display:grid}.oc-message-thread__heading>.oc-message-thread__title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:650;line-height:1.3;overflow:hidden}.oc-message-thread__heading>.oc-message-thread__meta{color:var(--oc-muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}.oc-message-thread__meta strong{color:var(--oc-primary);font-weight:600}.oc-message-thread__people{flex:none}.oc-message-thread__people .oc-avatar{border-color:var(--oc-card);block-size:1.75rem;inline-size:1.75rem;font-size:.62rem}.oc-message-thread__actions{flex:none;align-items:center;gap:.35rem;display:flex}.oc-message-thread__icon-btn{block-size:2rem;inline-size:2rem;color:var(--oc-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.oc-message-thread__icon-btn svg{block-size:1.1rem;inline-size:1.1rem}.oc-message-thread__icon-btn:hover{background:var(--oc-surface-strong);color:var(--oc-foreground)}.oc-message-thread__icon-btn:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-message-thread:before{content:"";pointer-events:none;background:oklch(from var(--oc-muted-foreground) l c h / .11);grid-area:2/1;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M28 36h28a6 6 0 0 1 6 6v14a6 6 0 0 1-6 6H40l-10 8v-8h-2a6 6 0 0 1-6-6V42a6 6 0 0 1 6-6z'/%3E%3Cpath d='M118 42h22v28H118z'/%3E%3Cpath d='M122 50h14M122 56h10'/%3E%3Ccircle cx='188' cy='52' r='10'/%3E%3Cpath d='M188 42v4M188 58v4M178 52h4M194 52h4'/%3E%3Cpath d='M42 118l8-4 8 4v10l-8 4-8-4z'/%3E%3Ccircle cx='50' cy='123' r='2.5'/%3E%3Cpath d='M128 112h24v18H128zM132 118h16M132 124h10'/%3E%3Cpath d='M178 118c6 0 10 4 10 10s-4 10-10 10-10-4-10-10 4-10 10-10z'/%3E%3Cpath d='M178 124v8M174 128h8'/%3E%3Cpath d='M36 178h20l4 12H32z'/%3E%3Cpath d='M120 176c8 0 14 6 14 14H106c0-8 6-14 14-14z'/%3E%3Ccircle cx='120' cy='168' r='7'/%3E%3Cpath d='M176 172h24v20h-24z'/%3E%3Cpath d='M182 178h12M182 184h8'/%3E%3C/g%3E%3C/svg%3E") 0 0/220px 220px}.oc-message-thread--plain:before{display:none}.oc-message-thread__scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--oc-border-strong,var(--oc-border)) transparent;flex-direction:column-reverse;grid-area:2/1;min-block-size:0;display:flex;overflow-y:auto}.oc-message-thread__scroll:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-message-thread__scroll>.oc-message-list{padding:1rem .85rem}.oc-message-thread__footer{border-block-start:1px solid var(--oc-border);background:var(--oc-card);box-shadow:0 -4px 16px oklch(from var(--color-black-60) l c h / .05);grid-row:3;gap:.5rem;padding:.6rem .75rem .75rem;display:grid}.oc-message-thread__footer .oc-chat-composer{background:var(--oc-background)}.oc-message-thread__note{color:var(--oc-muted-foreground);text-align:center;margin:0;font-size:.75rem}.oc-message-thread__busy{z-index:3;background:color-mix(in oklch, var(--oc-background) 82%, transparent);backdrop-filter:blur(2px);text-align:center;place-content:center;justify-items:center;gap:.4rem;padding:1.5rem;display:none;position:absolute;inset:0}.oc-message-thread[aria-busy=true]>.oc-message-thread__busy{display:grid}.oc-message-thread__busy>.oc-spinner{color:var(--oc-primary);margin-block-end:.35rem}.oc-message-thread__busy strong{font-size:.9rem}.oc-message-thread__busy span{color:var(--oc-muted-foreground);font-size:.78rem}@container (width<26rem){.oc-message-thread__people{display:none}}@media (prefers-reduced-motion:reduce){.oc-message-thread__busy{backdrop-filter:none}}.oc-message-list{--oc-message-in:var(--oc-card);--oc-message-out:color-mix(in oklch, var(--oc-primary) 14%, var(--oc-card));--oc-message-shadow:0 1px 2px oklch(from var(--color-black-60) l c h / .08), 0 4px 12px oklch(from var(--color-black-60) l c h / .06);flex-direction:column;gap:.75rem;margin:0;padding:.75rem;display:flex}.oc-message{align-items:flex-end;gap:.5rem;min-inline-size:0;margin:0;display:flex}.oc-message--out{flex-direction:row-reverse}.oc-message__avatar{border:1px solid var(--oc-border);block-size:2rem;inline-size:2rem;font-size:.7rem}.oc-message--out .oc-message__avatar{background:color-mix(in oklch, var(--oc-primary) 18%, var(--oc-card));color:var(--oc-primary)}.oc-message__bubble{border:1px solid var(--oc-border);background:var(--oc-message-in,var(--oc-card));min-inline-size:0;max-inline-size:min(78%,34rem);box-shadow:var(--oc-message-shadow,none);color:var(--oc-foreground);border-radius:1rem 1rem 1rem .25rem;gap:.25rem;padding:.5rem .8rem .4rem;font-size:.875rem;line-height:1.5;display:grid}.oc-message--out .oc-message__bubble{border-color:color-mix(in oklch, var(--oc-primary) 22%, var(--oc-border));background:var(--oc-message-out,var(--oc-muted));border-radius:1rem 1rem .25rem}.oc-message__sender{color:var(--oc-primary);margin:0;font-size:.72rem;font-weight:650}.oc-message__text{overflow-wrap:anywhere;min-inline-size:0}.oc-message__text>:is(p,ul,ol){margin:0}.oc-message__text>*+*{margin-block-start:.35rem}.oc-message__text :is(ul,ol){padding-inline-start:1.15rem}.oc-message__text a{color:var(--oc-primary);text-underline-offset:2px;text-decoration:underline}.oc-message__text a:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px;border-radius:2px}.oc-message__text code{background:var(--oc-surface-strong);border-radius:4px;padding:.05rem .3rem;font-size:.85em}.oc-message__quote{border-inline-start:3px solid var(--oc-primary);background:var(--oc-surface-strong);color:var(--oc-muted-foreground);border-radius:.4rem;gap:.1rem;padding:.35rem .6rem;font-size:.8rem;line-height:1.4;text-decoration:none;display:grid}.oc-message__quote>strong{color:var(--oc-foreground);font-size:.72rem;font-weight:650}.oc-message__quote>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}a.oc-message__quote:hover{background:color-mix(in oklch, var(--oc-primary) 10%, transparent)}a.oc-message__quote:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-message__attachments{gap:.35rem;margin-block-start:.15rem;display:grid}.oc-message__meta{color:var(--oc-muted-foreground);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem;margin:0;font-size:.68rem;display:flex}.oc-message__status{align-items:center;gap:.2rem;display:inline-flex}.oc-message__status--read{color:var(--oc-success);font-weight:600}.oc-message__status--failed{color:var(--oc-destructive);font-weight:600}.oc-message__status svg{block-size:.85rem;inline-size:.85rem}.oc-message--continued{margin-block-start:-.5rem}.oc-message--continued .oc-message__sender{display:none}.oc-message:has(+.oc-message--continued) .oc-message__avatar{visibility:hidden}.oc-message:has(+.oc-message--continued) .oc-message__bubble{border-end-start-radius:1rem}.oc-message--out:has(+.oc-message--continued) .oc-message__bubble{border-end-end-radius:1rem;border-end-start-radius:1rem}.oc-message--continued .oc-message__bubble{border-start-start-radius:.25rem}.oc-message--out.oc-message--continued .oc-message__bubble{border-start-start-radius:1rem;border-start-end-radius:.25rem}.oc-message__actions{opacity:0;transition:opacity var(--oc-transition-normal);align-self:center;gap:.15rem;display:flex}.oc-message:hover .oc-message__actions,.oc-message:focus-within .oc-message__actions{opacity:1}@media (hover:none){.oc-message__actions{opacity:1}}.oc-message__action{block-size:1.85rem;inline-size:1.85rem;color:var(--oc-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.oc-message__action svg{block-size:1rem;inline-size:1rem}.oc-message__action:hover{background:var(--oc-surface-strong);color:var(--oc-foreground)}.oc-message__action--destructive:hover{background:oklch(from var(--oc-destructive) l c h / .12);color:var(--oc-destructive)}.oc-message__action:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-message-divider{color:var(--oc-muted-foreground);align-items:center;gap:.75rem;margin:.25rem 0;font-size:.72rem;font-weight:600;display:flex}.oc-message-divider:before,.oc-message-divider:after{content:"";border-block-start:1px solid var(--oc-border);flex:1}.oc-message-divider>*{border:1px solid var(--oc-border);background:var(--oc-card);border-radius:999px;padding:.15rem .6rem}.oc-message-divider--system{justify-content:center;font-weight:500}.oc-message-divider--system:before,.oc-message-divider--system:after{display:none}.oc-message-divider--system>*{background:var(--oc-background);text-align:center;border-style:dashed;max-inline-size:85%}@media (prefers-reduced-motion:reduce){.oc-message__actions{transition:none}}.oc-media-row-list{counter-reset:oc-media-row;gap:.25rem;inline-size:100%;margin:0;padding:0;list-style:none;display:grid}.oc-media-row{border-radius:var(--oc-radius);color:var(--oc-foreground);grid-template-columns:10rem minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.375rem;display:grid;position:relative}.oc-media-row:hover{background:var(--oc-surface)}.oc-media-row>.oc-media-thumb{border-radius:calc(var(--oc-radius) - 2px)}.oc-media-row__text{gap:.2rem;min-inline-size:0;display:grid}.oc-media-row__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.oc-media-row__title>a{color:inherit;text-decoration:none}.oc-media-row__title>a:after{content:"";border-radius:var(--oc-radius);position:absolute;inset:0}.oc-media-row__title>a:focus-visible{outline:none}.oc-media-row__title>a:focus-visible:after{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-media-row__meta{color:var(--oc-muted-foreground);margin:0;font-size:.75rem}.oc-media-row__menu{z-index:1;aspect-ratio:1;inline-size:1.75rem;color:var(--oc-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.oc-media-row__menu:hover{background:var(--oc-surface-strong);color:var(--oc-foreground)}.oc-media-row__menu:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-media-row-list--numbered>.oc-media-row{counter-increment:oc-media-row;grid-template-columns:1.5rem 8rem minmax(0,1fr) auto;align-items:center}.oc-media-row-list--numbered>.oc-media-row:before{content:counter(oc-media-row);font-variant-numeric:tabular-nums;text-align:center;color:var(--oc-muted-foreground);font-size:.8125rem}.oc-media-row[aria-current=true]{background:color-mix(in oklch, var(--oc-primary) 12%, transparent)}.oc-media-row-list--numbered>.oc-media-row[aria-current=true]:before{content:"▶" / "Now playing";color:var(--oc-primary)}@media (prefers-reduced-motion:no-preference){.oc-media-row:hover .oc-media-thumb>:is(img,video,.oc-media-art){transform:scale(1.04)}}@media (width<=30rem){.oc-media-row{grid-template-columns:7.5rem minmax(0,1fr) auto}.oc-media-row-list--numbered>.oc-media-row{grid-template-columns:1.25rem 6.5rem minmax(0,1fr) auto}}.oc-stack-card{inline-size:100%;color:var(--oc-foreground);align-content:start;gap:.75rem;padding-block-start:.6rem;display:grid;position:relative}.oc-stack-card__deck{isolation:isolate;position:relative}.oc-stack-card__deck:before,.oc-stack-card__deck:after{content:"";z-index:-1;border-radius:var(--oc-radius);background:color-mix(in oklch, var(--oc-muted-foreground) 35%, var(--oc-card));block-size:100%;transition:translate var(--oc-transition-normal), rotate var(--oc-transition-normal);position:absolute;inset-block:-.3rem auto;inset-inline:.75rem}.oc-stack-card__deck:after{z-index:-2;background:color-mix(in oklch, var(--oc-muted-foreground) 18%, var(--oc-card));inset-block-start:-.6rem;inset-inline:1.5rem}.oc-stack-card__count{background:oklch(from var(--color-black-60) l c h / .78);color:var(--color-white-50);font-variant-numeric:tabular-nums;border-radius:.3rem;align-items:center;gap:.3rem;padding:.15rem .45rem;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;inset-block-end:.45rem;inset-inline-end:.45rem}.oc-stack-card--panel .oc-stack-card__count{border-radius:0 var(--oc-radius) var(--oc-radius) 0;background:oklch(from var(--color-black-60) l c h / .72);backdrop-filter:blur(6px);flex-direction:column;justify-content:center;inline-size:38%;font-size:.875rem;inset-block:0;inset-inline-end:0}.oc-stack-card__title{margin:0;font-size:.95rem;font-weight:600;line-height:1.35}.oc-stack-card__title>a{color:inherit;text-decoration:none}.oc-stack-card__title>a:after{content:"";z-index:1;border-radius:var(--oc-radius);position:absolute;inset:0}.oc-stack-card__title>a:focus-visible{outline:none}.oc-stack-card__title>a:focus-visible:after{outline:2px solid var(--oc-ring);outline-offset:4px}.oc-stack-card__meta{color:var(--oc-muted-foreground);margin:.2rem 0 0;font-size:.8125rem}@media (prefers-reduced-motion:no-preference){.oc-stack-card:hover .oc-stack-card__deck:before{translate:0 -.2rem;rotate:-1.5deg}.oc-stack-card:hover .oc-stack-card__deck:after{translate:0 -.35rem;rotate:2deg}}@media (prefers-reduced-motion:reduce){.oc-stack-card__deck:before,.oc-stack-card__deck:after{transition:none}}.oc-terminal-log{color-scheme:dark;border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);background:var(--color-shallowblue-95);inline-size:100%;color:var(--oc-foreground);box-shadow:0 24px 48px -24px oklch(from var(--color-black-60) l c h / .6);overflow:hidden}.oc-terminal-log__bar{border-block-end:1px solid var(--oc-border);background:var(--color-shallowblue-90);align-items:center;gap:.45rem;padding:.65rem .9rem;display:flex}.oc-terminal-log__bar>i{aspect-ratio:1;background:var(--color-red-50);border-radius:50%;inline-size:.7rem}.oc-terminal-log__bar>i:nth-of-type(2){background:var(--color-orange-60)}.oc-terminal-log__bar>i:nth-of-type(3){background:var(--color-green-20)}.oc-terminal-log__title{color:var(--oc-muted-foreground);margin-inline:.5rem auto;font-size:.8125rem}.oc-terminal-log__status{color:var(--oc-muted-foreground);align-items:center;gap:.4rem;font-size:.75rem;display:inline-flex}.oc-terminal-log__status:before{content:"";aspect-ratio:1;background:var(--color-green-20);border-radius:50%;inline-size:.5rem}.oc-terminal-log__body{max-block-size:var(--oc-terminal-log-height,18rem);scrollbar-width:thin;gap:.15rem;margin:0;padding:.9rem 1rem;font-family:ui-monospace,Cascadia Code,Fira Code,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.6;display:grid;overflow:auto}.oc-terminal-log__body:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-terminal-log__line{grid-template-columns:auto 3.5rem minmax(0,1fr);gap:.75rem;margin:0;display:grid}.oc-terminal-log__line:not(:has(.oc-terminal-log__time)){grid-template-columns:3.5rem minmax(0,1fr)}.oc-terminal-log__time{color:var(--color-stormblue-40);font-variant-numeric:tabular-nums}.oc-terminal-log__level{text-transform:uppercase;font-weight:700}.oc-terminal-log__msg{overflow-wrap:anywhere;white-space:pre-wrap}.oc-terminal-log__line--info .oc-terminal-log__level{color:var(--color-skycyan-50)}.oc-terminal-log__line--success .oc-terminal-log__level{color:var(--color-green-20)}.oc-terminal-log__line--warn .oc-terminal-log__level{color:var(--color-orange-50)}.oc-terminal-log__line--error .oc-terminal-log__level,.oc-terminal-log__line--error .oc-terminal-log__msg{color:var(--color-red-40)}.oc-terminal-log__line--debug{opacity:.6}.oc-terminal-log__line--debug .oc-terminal-log__level{color:var(--color-purple-30)}.oc-terminal-log__prompt{color:var(--oc-foreground);margin:.25rem 0 0}.oc-terminal-log__prompt:before{content:"$ ";color:var(--color-green-20)}.oc-terminal-log__prompt:after{content:"";vertical-align:text-bottom;background:currentColor;block-size:1.1em;inline-size:.55em;margin-inline-start:.15em;display:inline-block}@media (prefers-reduced-motion:no-preference){.oc-terminal-log__prompt:after{animation:1.1s step-end infinite oc-terminal-log-blink}.oc-terminal-log__status:before{animation:1.6s ease-in-out infinite oc-terminal-log-pulse}}@keyframes oc-terminal-log-blink{50%{opacity:0}}@keyframes oc-terminal-log-pulse{50%{opacity:.35}}.oc-media-thumb{aspect-ratio:16/9;border-radius:var(--oc-radius);background:var(--oc-muted);color:var(--color-white-50);isolation:isolate;display:block;position:relative;overflow:hidden}.oc-media-thumb:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-media-thumb>:is(img,video,.oc-media-art){object-fit:cover;z-index:-1;block-size:100%;inline-size:100%;position:absolute;inset:0}.oc-media-thumb__badge,.oc-media-thumb__duration{background:oklch(from var(--color-black-60) l c h / .78);font-variant-numeric:tabular-nums;border-radius:.3rem;padding:.1rem .4rem;font-size:.75rem;font-weight:600;line-height:1.4;position:absolute}.oc-media-thumb__badge{inset-block-start:.4rem;inset-inline-start:.4rem}.oc-media-thumb__badge--live{background:var(--color-red-60)}.oc-media-thumb__duration{inset-block-end:.45rem;inset-inline-end:.45rem}.oc-media-thumb:has(.oc-media-thumb__progress) .oc-media-thumb__duration{inset-block-end:.7rem}.oc-media-thumb__progress{appearance:none;background:oklch(from var(--color-white-50) l c h / .35);block-size:.25rem;inline-size:100%;color:var(--color-red-60);border:0;position:absolute;inset:auto 0 0}.oc-media-thumb__progress::-webkit-progress-bar{background:0 0}.oc-media-thumb__progress::-webkit-progress-value{background:var(--color-red-60)}.oc-media-thumb__progress::-moz-progress-bar{background:var(--color-red-60)}.oc-media-thumb--square{aspect-ratio:1}.oc-media-thumb--portrait{aspect-ratio:9/16}.oc-media-thumb.is-watched>:is(img,video,.oc-media-art){opacity:.6}@media (prefers-reduced-motion:no-preference){.oc-media-thumb>:is(img,video,.oc-media-art){transition:transform var(--oc-transition-normal)}.oc-media-thumb:hover>:is(img,video,.oc-media-art){transform:scale(1.04)}}.oc-fact-list--plain{background:0 0;border:0;border-radius:0}.oc-fact-list--plain>div{padding-inline:0}.oc-fact-list--compact>div{padding-block:.6rem;font-size:.9rem}.oc-fact-list--stacked>div{flex-direction:column;gap:.2rem}.oc-fact-list--stacked dd{text-align:start}.oc-fact-list--accent dd{color:var(--oc-accent-from)}.oc-fact-list>div{flex-wrap:wrap}.oc-link-arrow:focus-visible{outline:2px solid var(--oc-ring);outline-offset:3px;border-radius:4px}.oc-link-arrow:focus-visible:after{translate:4px}.oc-link-arrow--back:after{content:none}.oc-link-arrow--back:before{content:"←";transition:translate .2s var(--oc-ease-out)}.oc-link-arrow--back:is(:hover,:focus-visible):before{translate:-4px}.oc-link-arrow--external:after{content:"↗"}.oc-link-arrow--external:is(:hover,:focus-visible):after{translate:3px -3px}.oc-link-arrow--accent{color:var(--oc-accent-from)}.oc-link-arrow--muted{color:var(--oc-muted-foreground);font-weight:500;transition:color .2s}.oc-link-arrow--muted:hover{color:var(--oc-foreground)}.oc-link-arrow--sm{font-size:.85rem}.oc-link-arrow--lg{font-size:1.15rem}@media (prefers-reduced-motion:reduce){.oc-link-arrow:after,.oc-link-arrow:before{transition:none}}.oc-marquee:focus-within .oc-marquee__track{animation-play-state:paused}.oc-marquee--reverse .oc-marquee__track{animation-direction:reverse}.oc-marquee--slow{--oc-marquee-duration:70s}.oc-marquee--fast{--oc-marquee-duration:20s}.oc-marquee--plain .oc-marquee__item{background:0 0;border-color:#0000;padding-inline:.5rem;font-family:inherit;font-size:1.05rem;font-weight:600}.oc-marquee--no-fade{mask-image:none}@media (prefers-reduced-motion:reduce){.oc-marquee{mask-image:none}.oc-marquee__track{flex-wrap:wrap;inline-size:auto}.oc-marquee__item[aria-hidden=true]{display:none}}.oc-next-teaser{border:1px solid var(--oc-border);border-radius:var(--oc-radius-lg);background:radial-gradient(28rem circle at 100% 0%, color-mix(in oklch, var(--oc-accent-from) 12%, transparent), transparent 60%), var(--oc-surface);color:var(--oc-foreground);transition:transform .3s var(--oc-ease-out), border-color .3s;gap:.45rem;padding:2rem;text-decoration:none;display:grid}.oc-next-teaser__label{color:var(--oc-muted-foreground);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:600}.oc-next-teaser__name{letter-spacing:-.02em;align-items:center;gap:.75rem;margin:0;font-size:clamp(1.4rem,3vw,1.85rem);font-weight:700;display:flex}.oc-next-teaser__tagline{color:var(--oc-muted-foreground);align-items:center;gap:.4rem;margin:0;display:flex}.oc-next-teaser__tagline:after{content:"→";color:var(--oc-accent-from);transition:translate .25s var(--oc-ease-out)}.oc-next-teaser--prev .oc-next-teaser__tagline:after{content:none}.oc-next-teaser--prev .oc-next-teaser__tagline:before{content:"←";color:var(--oc-accent-from);transition:translate .25s var(--oc-ease-out)}.oc-next-teaser:is(a):hover{border-color:color-mix(in oklch, var(--oc-accent-from) 55%, transparent);transform:translateY(-4px)}.oc-next-teaser:hover .oc-next-teaser__tagline:after{translate:4px}.oc-next-teaser--prev:hover .oc-next-teaser__tagline:before{translate:-4px}.oc-next-teaser:focus-visible{outline:2px solid var(--oc-ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){.oc-next-teaser,.oc-next-teaser__tagline:after,.oc-next-teaser__tagline:before{transition:none}}.oc-price-card{border:1px solid var(--oc-border);border-radius:var(--oc-radius-lg);background:var(--oc-card);color:var(--oc-foreground);flex-direction:column;gap:1rem;padding:1.75rem;display:flex}.oc-price-card__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.oc-price-card__name{margin:0;font-size:1.2rem;font-weight:700}.oc-price-card__desc{color:var(--oc-muted-foreground);margin:0;font-size:.92rem}.oc-price-card__discount{background:color-mix(in oklch, var(--oc-success) 16%, transparent);color:var(--oc-success);white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:700;transition:opacity .2s}.oc-price-card:has(.oc-price-card__toggle input[value=monthly]:checked) .oc-price-card__discount{opacity:.55}.oc-price-card__toggle{align-self:flex-start}.oc-price-card__price{flex-wrap:wrap;align-items:baseline;gap:.35rem;margin:0;display:flex}.oc-price-card__price--yearly{display:none}.oc-price-card:has(.oc-price-card__toggle input[value=yearly]:checked) .oc-price-card__price--yearly{display:flex}.oc-price-card:has(.oc-price-card__toggle input[value=yearly]:checked) .oc-price-card__price--monthly{display:none}.oc-price-card__amount{letter-spacing:-.03em;font-size:2.5rem;font-weight:700;line-height:1}.oc-price-card__period{color:var(--oc-muted-foreground);font-size:.9rem}.oc-price-card__was{color:var(--oc-muted-foreground);font-size:.95rem}.oc-price-card__note{color:var(--oc-muted-foreground);flex-basis:100%;font-size:.8rem}.oc-price-card__features{flex-grow:1;align-content:start;gap:.55rem;margin:0;padding:0;font-size:.92rem;list-style:none;display:grid}.oc-price-card__feature{align-items:baseline;gap:.55rem;display:flex}.oc-price-card__feature:before{content:"✓";color:var(--oc-success);flex-shrink:0;font-weight:700}.oc-price-card__feature--excluded{color:var(--oc-muted-foreground)}.oc-price-card__feature--excluded:before{content:"✕";color:var(--oc-muted-foreground);font-weight:400}.oc-price-card__cta{inline-size:100%}.oc-price-card{transition:border-color .25s var(--oc-ease-out), box-shadow .25s var(--oc-ease-out), translate .25s var(--oc-ease-out)}.oc-price-card--featured,.oc-price-card:hover,.oc-price-card:focus-within{border-color:color-mix(in oklch, var(--oc-accent-from) 60%, transparent);box-shadow:0 24px 60px -30px var(--oc-accent-from)}.oc-price-card:hover{translate:0 -2px}:has(>.oc-price-card:hover)>.oc-price-card--featured:not(:hover,:focus-within){border-color:var(--oc-border);box-shadow:none}@media (prefers-reduced-motion:reduce){.oc-price-card{transition:none}.oc-price-card:hover{translate:none}}.oc-product-mark{--oc-mark-size:3rem;inline-size:var(--oc-mark-size);aspect-ratio:1;background:linear-gradient(135deg, var(--oc-accent-from), var(--oc-accent-to));color:var(--color-white-50);font-size:calc(var(--oc-mark-size) * .45);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-white-50) 35%, transparent), 0 10px 24px -12px var(--oc-accent-to);border-radius:26%;flex-shrink:0;place-items:center;line-height:1;display:inline-grid;overflow:hidden}@supports (corner-shape:squircle){.oc-product-mark{corner-shape:squircle;border-radius:50%}}.oc-product-mark>:is(img,svg){object-fit:contain;block-size:58%;inline-size:58%}.oc-product-mark--cover>img{object-fit:cover;block-size:100%;inline-size:100%}.oc-product-mark--sm{--oc-mark-size:2.25rem}.oc-product-mark--lg{--oc-mark-size:4rem}.oc-product-mark--xl{--oc-mark-size:clamp(6rem, 18vw, 10rem);box-shadow:inset 0 2px 0 color-mix(in oklch, var(--color-white-50) 35%, transparent), 0 0 80px -20px var(--oc-accent-from)}.oc-product-mark--soft{border:1px solid color-mix(in oklch, var(--oc-accent-from) 40%, transparent);background:color-mix(in oklch, var(--oc-accent-from) 16%, var(--oc-card));color:var(--oc-accent-from);box-shadow:none}.oc-product-mark--glow{box-shadow:0 0 48px -8px var(--oc-accent-from)}.oc-project-card{border:1px solid var(--oc-border);border-radius:var(--oc-radius-lg);background:var(--oc-surface);color:var(--oc-foreground);transition:transform .35s var(--oc-ease-out), border-color .35s;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.oc-project-card__frame{border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-md);background:var(--oc-card);box-shadow:0 24px 48px -28px color-mix(in oklch, var(--oc-accent-to) 60%, transparent);margin:1rem 1rem 0;display:block;overflow:hidden}.oc-project-card__bar{border-block-end:1px solid var(--oc-border);background:var(--oc-surface-strong);gap:.35rem;padding:.5rem .7rem;display:flex}.oc-project-card__bar>i{aspect-ratio:1;background:var(--oc-border-strong);border-radius:50%;inline-size:.55rem}.oc-project-card__bar>i:first-child{background:var(--oc-accent-from)}.oc-project-card__shot{aspect-ratio:16/10;object-fit:cover;object-position:top;background:radial-gradient(circle at 80% 20%, color-mix(in oklch, var(--color-white-50) 30%, transparent), transparent 45%), linear-gradient(135deg, var(--oc-accent-from), var(--oc-accent-to));inline-size:100%;transition:scale .5s var(--oc-ease-out);display:block}.oc-project-card__body{flex-direction:column;flex-grow:1;gap:.35rem;padding:1.1rem 1.25rem 1.3rem;display:flex}.oc-project-card__type{background:color-mix(in oklch, var(--oc-accent-from) 14%, transparent);color:var(--oc-accent-from);border-radius:999px;align-self:flex-start;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.oc-project-card__name{letter-spacing:-.02em;margin:.25rem 0 0;font-size:1.25rem;font-weight:700}.oc-project-card__meta{color:var(--oc-muted-foreground);margin:0;font-size:.9rem}.oc-project-card__more{color:var(--oc-accent-from);align-items:center;gap:.4rem;margin-block-start:auto;padding-block-start:.6rem;font-size:.9rem;font-weight:600;display:inline-flex}.oc-project-card__more:after{content:"→";transition:translate .25s var(--oc-ease-out)}.oc-project-card:is(a,[tabindex]):hover{border-color:color-mix(in oklch, var(--oc-accent-from) 55%, transparent);transform:translateY(-4px)}.oc-project-card:hover .oc-project-card__shot{scale:1.03}.oc-project-card:hover .oc-project-card__more:after{translate:4px}.oc-project-card:focus-visible{outline:2px solid var(--oc-ring);outline-offset:3px}.oc-project-card--flat .oc-project-card__frame{box-shadow:none;border:0;border-radius:0;margin:0}@media (prefers-reduced-motion:reduce){.oc-project-card,.oc-project-card__shot{transition:none}}.oc-prose{max-inline-size:68ch;color:var(--oc-foreground);overflow-wrap:break-word;font-size:1rem;line-height:1.7}.oc-prose :where(*){margin-block:0}.oc-prose :where(*+*){margin-block-start:1.1em}.oc-prose>:where(:first-child){margin-block-start:0}.oc-prose :where(h1,h2,h3,h4){color:var(--oc-foreground);letter-spacing:-.01em;text-wrap:balance;font-weight:700;line-height:1.25}.oc-prose :where(h1){letter-spacing:-.02em;font-size:2.1em}.oc-prose :where(h2){margin-block-start:1.8em;font-size:1.45em}.oc-prose :where(h3){margin-block-start:1.6em;font-size:1.2em}.oc-prose :where(h4){margin-block-start:1.4em;font-size:1em}.oc-prose :where(h1,h2,h3,h4)+:where(*){margin-block-start:.6em}.oc-prose :where(h2,h3,h4){scroll-margin-block-start:5rem}.oc-prose :where(p){text-wrap:pretty}.oc-prose :where(.oc-prose-lead){color:var(--oc-muted-foreground);font-size:1.2em;line-height:1.6}.oc-prose :where(a){color:var(--oc-primary);text-decoration:underline;text-decoration-color:color-mix(in oklch, var(--oc-primary) 40%, transparent);text-underline-offset:.18em;transition:text-decoration-color var(--oc-transition-normal);font-weight:500;text-decoration-thickness:1px}.oc-prose :where(a:hover){text-decoration-color:currentColor}.oc-prose :where(a:focus-visible){outline:2px solid var(--oc-ring);outline-offset:2px;border-radius:2px}.oc-prose :where(strong,b){font-weight:650}.oc-prose :where(:not(pre)>code){border:1px solid var(--oc-border);background:var(--oc-muted);border-radius:.3em;padding:.1em .35em;font-size:.875em}.oc-prose :where(kbd){border:1px solid var(--oc-border);background:var(--oc-card);border-block-end-width:2px;border-radius:.3em;padding:.05em .4em;font-family:inherit;font-size:.85em}.oc-prose :where(mark){background:color-mix(in oklch, var(--oc-warning) 28%, transparent);color:inherit;border-radius:.2em;padding:0 .15em}.oc-prose :where(small){color:var(--oc-muted-foreground)}.oc-prose :where(ul,ol){padding-inline-start:1.5em}.oc-prose :where(ul){list-style:outside}.oc-prose :where(ol){list-style:decimal}.oc-prose :where(ul ul){list-style:circle}.oc-prose :where(li){padding-inline-start:.3em}.oc-prose :where(li+li,li>ul,li>ol){margin-block-start:.4em}.oc-prose :where(ul>li)::marker{color:var(--oc-muted-foreground)}.oc-prose :where(ol>li)::marker{color:var(--oc-muted-foreground);font-variant-numeric:tabular-nums;font-weight:600}.oc-prose :where(dt){font-weight:650}.oc-prose :where(dd){color:var(--oc-muted-foreground);margin-block-start:.25em;padding-inline-start:1.5em}.oc-prose :where(blockquote){border-inline-start:3px solid var(--oc-primary);color:var(--oc-foreground);padding:.2em 0 .2em 1.1em;font-size:1.08em;font-style:italic}.oc-prose :where(blockquote p+p){margin-block-start:.6em}.oc-prose :where(blockquote footer,blockquote cite){color:var(--oc-muted-foreground);margin-block-start:.6em;font-size:.85em;font-style:normal;display:block}.oc-prose :where(pre){border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);background:var(--oc-muted);tab-size:2;padding:.9em 1.1em;font-size:.85em;line-height:1.6;overflow-x:auto}.oc-prose :where(pre code){font-size:inherit;background:0 0;border:0;padding:0}.oc-prose :where(table){border-collapse:collapse;font-variant-numeric:tabular-nums;inline-size:100%;font-size:.9em;line-height:1.5}.oc-prose :where(caption){color:var(--oc-muted-foreground);text-align:start;padding-block-end:.5em;font-size:.9em}.oc-prose :where(th,td){border-block-end:1px solid var(--oc-border);text-align:start;vertical-align:top;padding:.55em .75em}.oc-prose :where(thead th){color:var(--oc-foreground);border-block-end-width:2px;font-weight:650}.oc-prose :where(tbody tr:hover){background:var(--oc-surface)}.oc-prose :where(img,video,.oc-media-art){border-radius:calc(var(--oc-radius) + 2px);block-size:auto;max-inline-size:100%;display:block}.oc-prose :where(figure){margin-inline:0}.oc-prose :where(figure>.oc-media-art){aspect-ratio:16/9}.oc-prose :where(figcaption){color:var(--oc-muted-foreground);text-align:center;margin-block-start:.6em;font-size:.85em;line-height:1.5}.oc-prose :where(hr){border:0;border-block-start:1px solid var(--oc-border);margin-block:2.2em}.oc-prose :where(hr+*){margin-block-start:0}.oc-prose--sm{font-size:.875rem;line-height:1.65}.oc-prose--lg{font-size:1.125rem;line-height:1.75}.oc-prose--full{max-inline-size:none}@media (prefers-reduced-motion:reduce){.oc-prose :where(a){transition:none}}.oc-stack-list{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.oc-stack-list__item{border:1px solid color-mix(in oklch, var(--oc-accent-from) 35%, transparent);background:color-mix(in oklch, var(--oc-accent-from) 10%, transparent);color:var(--oc-foreground);font-family:var(--oc-font-mono);white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.88rem;display:inline-flex}.oc-stack-list__icon{inline-size:1.1em;color:var(--oc-accent-from);place-items:center;display:inline-grid}.oc-stack-list__icon>:is(img,svg){block-size:auto;inline-size:100%}.oc-stack-list--neutral .oc-stack-list__item{border-color:var(--oc-border);background:var(--oc-surface);color:var(--oc-muted-foreground)}.oc-stack-list--sm{gap:.4rem}.oc-stack-list--sm .oc-stack-list__item{padding:.25rem .65rem;font-size:.78rem}.oc-timeline__item{padding-block-end:.25rem;position:relative}.oc-timeline__item:before{content:"";aspect-ratio:1;border:2px solid var(--oc-accent-from);background:var(--oc-background);border-radius:50%;inline-size:.7rem;position:absolute;inset-block-start:.35rem;inset-inline-start:calc(-1.6rem - .5px)}.oc-timeline .oc-timeline__date{color:var(--oc-accent-from);font-family:var(--oc-font-mono);font-size:.85rem}.oc-timeline .oc-timeline__title{color:var(--oc-foreground);margin:0;font-size:1.05rem;font-weight:600}.oc-timeline .oc-timeline__text{color:var(--oc-muted-foreground);margin:0;font-size:.95rem;line-height:1.55}.oc-timeline__item--current:before{background:var(--oc-accent-from);box-shadow:0 0 0 4px color-mix(in oklch, var(--oc-accent-from) 25%, transparent)}.oc-timeline--lg{gap:1.75rem}.oc-timeline--accent{border-inline-start-color:color-mix(in oklch, var(--oc-accent-from) 55%, transparent)}:root{--oc-syntax-bg:var(--color-black-30);--oc-syntax-bg-preview:var(--color-shallowblue-60);--oc-syntax-fg:var(--color-silver-60);--oc-syntax-comment:var(--color-purple-2);--oc-syntax-string:var(--color-green-2);--oc-syntax-keyword:var(--color-purple-2);--oc-syntax-variable:var(--color-skycyan-30);--oc-syntax-function:var(--color-skycyan-60);--oc-syntax-number:var(--color-peru-40);--oc-syntax-operator:var(--color-red-50);--oc-syntax-constant:var(--color-skycyan-70);--oc-syntax-storage:var(--color-green-2);--oc-syntax-tag:var(--color-brown-10);--oc-syntax-attr:var(--color-skycyan-70);--oc-syntax-prop:var(--color-green-2);--oc-syntax-value:var(--color-teal-10);--oc-syntax-cls:var(--color-wheat-70);--oc-syntax-id:var(--color-skycyan-70);--oc-syntax-unit:var(--color-peru-40);--oc-syntax-key:var(--color-brown-10);--oc-code-block-tab-size:2;--oc-code-block-line-number-color:oklch(from var(--color-white-2) l c h / .25)}.oc-code-block,pre.code-preview{color-scheme:dark}.oc-code-block{border:1px solid var(--oc-border,var(--color-twilightblue-40));background:var(--oc-syntax-bg);border-radius:8px;grid-template-columns:auto 1fr;margin:0 0 14px;display:grid;overflow:hidden}.oc-code-block__gutter{color:var(--oc-code-block-line-number-color);background:var(--oc-syntax-bg);text-align:right;user-select:none;white-space:pre;margin:0;padding:14px 12px 14px 16px;font-family:Cascadia Code,Fira Code,JetBrains Mono,Consolas,monospace;font-size:.8rem;line-height:1.6}.oc-code-block pre.code-preview{tab-size:var(--oc-code-block-tab-size,2);border:none;border-radius:0;margin:0;padding-left:12px}pre.code-preview{border:1px solid var(--oc-border,var(--color-twilightblue-40));background:var(--oc-syntax-bg-preview);color:var(--oc-syntax-fg);white-space:pre;border-radius:8px;margin:0 0 14px;padding:14px 16px;font-family:Cascadia Code,Fira Code,JetBrains Mono,Consolas,monospace;font-size:.8rem;line-height:1.6;position:relative;overflow-x:auto}pre.code-preview code{white-space:pre;font-family:inherit;font-size:inherit;line-height:inherit;display:block}pre.code-preview::-webkit-scrollbar{width:8px;height:8px}pre.code-preview::-webkit-scrollbar-track{background:0 0}pre.code-preview::-webkit-scrollbar-thumb{background:oklch(from var(--color-vividblue-50) l c h / .18);background-clip:content-box;border:2px solid #0000;border-radius:4px}pre.code-preview::-webkit-scrollbar-thumb:hover{background:oklch(from var(--color-vividblue-50) l c h / .35);background-clip:content-box}pre.code-preview .tag,pre.code-preview .hl-tag{color:var(--oc-syntax-tag)}pre.code-preview .attr,pre.code-preview .hl-attr{color:var(--oc-syntax-attr)}pre.code-preview .val,pre.code-preview .hl-val,pre.code-preview .hl-string{color:var(--oc-syntax-string)}pre.code-preview .cmt,pre.code-preview .hl-comment{color:var(--oc-syntax-comment);font-style:italic}pre.code-preview .prop,pre.code-preview .hl-prop{color:var(--oc-syntax-prop)}pre.code-preview .hl-value{color:var(--oc-syntax-value)}pre.code-preview .cls{color:var(--oc-syntax-cls)}pre.code-preview .hl-id{color:var(--oc-syntax-id)}pre.code-preview .hl-unit{color:var(--oc-syntax-unit)}pre.code-preview .hl-keyword{color:var(--oc-syntax-keyword)}pre.code-preview .hl-variable{color:var(--oc-syntax-variable)}pre.code-preview .hl-function{color:var(--oc-syntax-function)}pre.code-preview .hl-number{color:var(--oc-syntax-number)}pre.code-preview .hl-operator{color:var(--oc-syntax-operator)}pre.code-preview .hl-constant{color:var(--oc-syntax-constant)}pre.code-preview .hl-storage{color:var(--oc-syntax-storage)}pre.code-preview .hl-key{color:var(--oc-syntax-key)}
1
+ :root{color-scheme:light dark;--oc-brand-1:light-dark(var(--color-teal-80),var(--color-skycyan-60));--oc-brand-2:light-dark(var(--color-blue-40),var(--color-blue-10));--oc-brand-3:light-dark(var(--color-purple-40),var(--color-purple-10));--oc-background:light-dark(var(--color-frostblue-2),var(--color-shallowblue-95));--oc-foreground:light-dark(var(--color-duskblue-60),var(--color-frostblue-10));--oc-muted:light-dark(var(--color-frostblue-60),var(--color-shallowblue-50));--oc-muted-foreground:light-dark(var(--color-stormblue-40),var(--color-mistblue-70));--oc-card:light-dark(var(--color-white-50),var(--color-shallowblue-70));--oc-popover:light-dark(var(--color-white-50),var(--color-shallowblue-60));--oc-popover-foreground:var(--oc-foreground);--oc-surface:light-dark(oklch(from var(--color-stormblue-50) l c h / .04),oklch(from var(--color-white-50) l c h / .04));--oc-surface-strong:light-dark(oklch(from var(--color-stormblue-50) l c h / .08),oklch(from var(--color-white-50) l c h / .07));--oc-primary:light-dark(var(--color-vividblue-95),var(--color-vividblue-100));--oc-primary-foreground:light-dark(var(--color-white-50),var(--color-shallowblue-95));--oc-secondary:var(--oc-muted);--oc-secondary-foreground:var(--oc-foreground);--oc-accent:var(--oc-muted);--oc-accent-foreground:var(--oc-foreground);--oc-destructive:light-dark(var(--color-red-70),var(--color-red-50));--oc-destructive-foreground:var(--color-white-50);--oc-success:light-dark(var(--color-green-60),var(--color-green-2));--oc-success-foreground:light-dark(var(--color-white-50),var(--color-shallowblue-95));--oc-warning:light-dark(var(--color-orange-95),var(--color-orange-50));--oc-warning-foreground:light-dark(var(--color-white-50),var(--color-shallowblue-95));--oc-border:light-dark(var(--color-frostblue-80),var(--color-duskblue-30));--oc-border-strong:light-dark(var(--color-mistblue-80),var(--color-stormblue-30));--oc-input:var(--oc-border);--oc-ring:var(--oc-primary);--oc-row-alt:light-dark(var(--color-frostblue-2),var(--color-shallowblue-100));--oc-hover:light-dark(var(--color-frostblue-100),var(--color-duskblue-50));--oc-pressed:light-dark(var(--color-frostblue-60),var(--color-duskblue-40));--oc-selected:light-dark(var(--color-mistblue-2),var(--color-stormblue-60));--oc-selected-foreground:var(--oc-foreground);--oc-disabled-foreground:light-dark(var(--color-duskblue-2),var(--color-duskblue-10));--oc-gradient-brand:linear-gradient(100deg, var(--oc-brand-1), var(--oc-brand-2) 50%, var(--oc-brand-3));--oc-radius:.5rem;--oc-focus-width:2px;--oc-transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--oc-transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--oc-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Cantarell, "Helvetica Neue", sans-serif;--oc-font-mono:"Cascadia Code", "JetBrains Mono", Consolas, ui-monospace, monospace;--oc-shadow-sm-color:light-dark(oklch(from var(--color-stormblue-50) l c h / .08),oklch(from var(--color-black-50) l c h / .4));--oc-shadow-sm:0px 1px 2px 0px var(--oc-shadow-sm-color);--oc-shadow-md-color:light-dark(oklch(from var(--color-stormblue-50) l c h / .12),oklch(from var(--color-black-50) l c h / .5));--oc-shadow-md:0px 4px 12px -2px var(--oc-shadow-md-color);--oc-shadow-lg-color:light-dark(oklch(from var(--color-stormblue-50) l c h / .16),oklch(from var(--color-black-50) l c h / .6));--oc-shadow-lg:0px 12px 32px -6px var(--oc-shadow-lg-color);--oc-bg-swatch:var(--oc-muted);--oc-border-swatch:var(--oc-border);--oc-text-swatch:var(--oc-foreground);--oc-text-swatch-soft:var(--oc-muted-foreground);--oc-card-background:var(--oc-card);--oc-card-border:var(--oc-border);--oc-card-foreground:var(--oc-foreground);--oc-card-muted-foreground:var(--oc-muted-foreground);--oc-badge-source-background:oklch(from var(--oc-badge-source-color) l c h / .14);--oc-badge-source-border:oklch(from var(--oc-badge-source-color) l c h / .25);--oc-badge-source-color:light-dark(var(--color-teal-90),var(--color-skycyan-50));--oc-badge-source-font-size:.72rem;--oc-badge-source-font-weight:500;--oc-badge-source-vertical-align:middle;--oc-badge-source-padding:2px 8px;--oc-badge-source-border-radius:5px;--oc-badge-source-border-width:1px;--oc-badge-source-border-style:solid;--oc-badge-source-border-color:oklch(from var(--oc-badge-source-color) l c h / .25);--oc-badge-source-border-color-hover:oklch(from var(--oc-badge-source-color) l c h / .35);--oc-badge-source-border-color-active:oklch(from var(--oc-badge-source-color) l c h / .45);--oc-badge-version-background:oklch(from var(--oc-badge-version-color) l c h / .18);--oc-badge-version-border:oklch(from var(--oc-badge-version-color) l c h / .4);--oc-badge-version-color:light-dark(var(--color-green-80),var(--color-green-2));--oc-badge-version-font-size:.72rem;--oc-badge-version-font-weight:600;--oc-badge-version-vertical-align:middle;--oc-badge-version-padding:2px 8px;--oc-badge-version-border-radius:5px;--oc-badge-version-border-width:1px;--oc-badge-version-border-style:solid;--oc-badge-version-border-color:oklch(from var(--oc-badge-version-color) l c h / .4);--oc-badge-version-border-color-hover:oklch(from var(--oc-badge-version-color) l c h / .6);--oc-badge-version-border-color-active:oklch(from var(--oc-badge-version-color) l c h / .8);--oc-badge-version-mdi-background:oklch(from var(--oc-badge-version-mdi-color) l c h / .2);--oc-badge-version-mdi-border:oklch(from var(--oc-badge-version-mdi-color) l c h / .5);--oc-badge-version-mdi-color:light-dark(var(--color-blue-50),var(--color-vividblue-50));--oc-badge-version-mdi-font-size:.72rem;--oc-badge-version-mdi-font-weight:600;--oc-badge-version-mdi-vertical-align:middle;--oc-badge-version-mdi-padding:2px 8px;--oc-badge-version-mdi-border-radius:5px;--oc-badge-version-mdi-border-width:1px;--oc-badge-version-mdi-border-style:solid;--oc-badge-version-mdi-border-color:oklch(from var(--oc-badge-version-mdi-color) l c h / .5);--oc-badge-version-mdi-border-color-hover:oklch(from var(--oc-badge-version-mdi-color) l c h / .6);--oc-badge-version-mdi-border-color-active:oklch(from var(--oc-badge-version-mdi-color) l c h / .8);--oc-badge-source-file-background:oklch(from var(--oc-badge-source-file-color) l c h / .2);--oc-badge-source-file-border:oklch(from var(--oc-badge-source-file-color) l c h / .5);--oc-badge-source-file-color:light-dark(var(--color-purple-50),var(--color-magenta-50));--oc-badge-source-file-font-size:.72rem;--oc-badge-source-file-font-weight:500;--oc-badge-source-file-vertical-align:middle;--oc-badge-source-file-padding:2px 8px;--oc-badge-source-file-border-radius:5px;--oc-badge-source-file-border-width:1px;--oc-badge-source-file-border-style:solid;--oc-badge-source-file-border-color:oklch(from var(--oc-badge-source-file-color) l c h / .5);--oc-badge-source-file-border-color-hover:oklch(from var(--oc-badge-source-file-color) l c h / .6);--oc-badge-source-file-border-color-active:oklch(from var(--oc-badge-source-file-color) l c h / .8);--oc-badge-source-scss-background:oklch(from var(--oc-badge-source-scss-color) l c h / .2);--oc-badge-source-scss-border:oklch(from var(--oc-badge-source-scss-color) l c h / .5);--oc-badge-source-scss-color:light-dark(var(--color-red-95),var(--color-orange-60));--oc-badge-source-scss-font-size:.72rem;--oc-badge-source-scss-font-weight:500;--oc-badge-source-scss-vertical-align:middle;--oc-badge-source-scss-padding:2px 8px;--oc-badge-source-scss-border-radius:5px;--oc-badge-source-scss-border-width:1px;--oc-badge-source-scss-border-style:solid;--oc-badge-source-scss-border-color:oklch(from var(--oc-badge-source-scss-color) l c h / .5);--oc-badge-source-scss-border-color-hover:oklch(from var(--oc-badge-source-scss-color) l c h / .6);--oc-badge-source-scss-border-color-active:oklch(from var(--oc-badge-source-scss-color) l c h / .8);--oc-table-border:var(--oc-border);--oc-table-text:var(--oc-foreground);--oc-table-text-soft:var(--oc-muted-foreground);--oc-table-code:var(--oc-primary);--oc-table-background:light-dark(oklch(from var(--color-frostblue-50) l c h / .5),oklch(from var(--color-vividblue-50) l c h / .06));--oc-table-background-bottom:light-dark(var(--color-frostblue-30),oklch(from var(--color-twilightblue-40) l c h / .4));--oc-table-expandable-background:light-dark(var(--color-frostblue-50),var(--color-twilightblue-100));--oc-table-expandable-text:var(--oc-foreground);--oc-table-expandable-border:var(--oc-border);--oc-preview-border:var(--oc-border);--oc-preview-background:light-dark(var(--color-frostblue-2),var(--color-shallowblue-100));--oc-preview-text:var(--oc-foreground);--oc-preview-text-soft:var(--oc-muted-foreground);--oc-preview-title-font-size:clamp(.85rem, 1.33vw, 1rem);--oc-preview-label-font-size:clamp(.64rem, 1vw, .75rem);--oc-preview-max-stroke:1rem;--oc-preview-gap:var(--oc-preview-max-stroke,1rem);--oc-section-padding:1rem 4rem;--oc-section-margin-bottom:1.5rem;--oc-section-background:light-dark(var(--color-white-50),var(--color-duskblue-100));--oc-section-border-radius:.875rem;--oc-section-border:1px solid var(--oc-border);--oc-section-header-title-font-size:clamp(1.28rem, 2vw, 1.5rem);--oc-section-header-desc-font-size:clamp(.85rem, 1.33vw, 1rem);--oc-section-header-title-margin:0 0 .5rem 0;--oc-section-header-desc-margin:0 0 1rem .5rem;--oc-section-content-title-font-size:clamp(1.06rem, 1.67vw, 1.25rem);--oc-section-content-desc-font-size:clamp(.85rem, 1.33vw, 1rem);--oc-section-content-title-margin:0 0 .5rem 0;--oc-section-content-desc-margin:0 0 1rem .5rem;--oc-section-content-padding:1rem 4rem;--oc-section-content-background:light-dark(var(--color-white-50),var(--color-duskblue-100));--oc-section-content-border-radius:calc(var(--oc-radius) + 2px);--oc-section-footer-title-font-size:clamp(1.28rem, 2vw, 1.5rem);--oc-section-footer-desc-font-size:clamp(.85rem, 1.33vw, 1rem);--oc-section-footer-title-margin:0 0 .5rem 0;--oc-section-footer-desc-margin:0 0 1rem .5rem;--oc-section-footer-padding:1rem;--oc-section-footer-border-top:1px solid var(--oc-border)}[data-theme=light]{color-scheme:light}[data-theme=dark],.dark,.oc-theme-docs{color-scheme:dark}:root:has(.oc-theme-switch input[value=light]:checked:not(.oc-theme-scope *)){color-scheme:light}:root:has(.oc-theme-switch input[value=dark]:checked:not(.oc-theme-scope *)){color-scheme:dark}.oc-theme-scope:has(.oc-theme-switch input[value=light]:checked){color-scheme:light}.oc-theme-scope:has(.oc-theme-switch input[value=dark]:checked){color-scheme:dark}:where(body){background-color:var(--oc-background);color:var(--oc-foreground)}.oc-block-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.oc-preview{border:1px solid var(--oc-preview-border);background:var(--oc-preview-background);color:var(--oc-preview-text);border-radius:.375rem;flex-wrap:wrap;min-height:10rem;margin-bottom:10px;padding:20px;display:flex}.oc-preview-margin{border:1px solid var(--oc-preview-border);background:var(--oc-preview-background);color:var(--oc-preview-text);border-radius:.375rem;min-height:10rem;margin-bottom:10px;overflow:auto}.oc-preview__title{font-size:var(--oc-preview-title-font-size);color:var(--oc-preview-text);margin:1rem 0 .25rem}.oc-preview-row{flex-direction:row}.oc-preview-col{flex-direction:column}.oc-preview__item{text-align:center;align-items:center;gap:var(--oc-preview-gap);flex-direction:column;display:flex}.oc-preview__item_content-left{text-align:left;align-items:flex-start;gap:var(--oc-preview-gap);flex-direction:column;display:flex}.oc-preview__label{font-size:var(--oc-preview-label-font-size);color:var(--oc-preview-text-soft);display:block}.oc-btn{border-radius:var(--oc-radius);background:var(--oc-primary);color:var(--oc-primary-foreground);cursor:pointer;transition:all var(--oc-transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.25rem;text-decoration:none;display:inline-flex}.oc-btn:hover{opacity:.9}.oc-btn:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-btn:active{transform:scale(.98)}.oc-btn:disabled,.oc-btn[disabled],.oc-btn[aria-disabled=true]{opacity:.5;pointer-events:none}.oc-btn--default{background:var(--oc-primary);color:var(--oc-primary-foreground)}.oc-btn--secondary{background:var(--oc-secondary);color:var(--oc-secondary-foreground);border-color:#0000}.oc-btn--secondary:hover{opacity:.8}.oc-btn--outline{border-color:var(--oc-border);color:var(--oc-foreground);background:0 0}.oc-btn--outline:hover{background:var(--oc-accent);color:var(--oc-accent-foreground);opacity:1}.oc-btn--ghost{color:var(--oc-foreground);background:0 0;border-color:#0000}.oc-btn--ghost:hover{background:var(--oc-accent);color:var(--oc-accent-foreground);opacity:1}.oc-btn--link{color:var(--oc-primary);text-underline-offset:4px;background:0 0;border-color:#0000}.oc-btn--link:hover{opacity:1;text-decoration:underline}.oc-btn--destructive{background:var(--oc-destructive);color:var(--oc-destructive-foreground)}.oc-btn--destructive:hover{opacity:.9}.oc-btn--success{background:var(--oc-success);color:var(--oc-success-foreground)}.oc-btn--xs{border-radius:calc(var(--oc-radius) - 2px);padding:.25rem .5rem;font-size:.75rem}.oc-btn--sm{border-radius:calc(var(--oc-radius) - 2px);padding:.375rem .75rem;font-size:.8rem}.oc-btn--lg{border-radius:calc(var(--oc-radius) + 2px);padding:.625rem 1.5rem;font-size:1rem}.oc-btn--icon{aspect-ratio:1;padding:.5rem}.oc-btn--icon.oc-btn--xs{padding:.25rem}.oc-btn--icon.oc-btn--sm{padding:.375rem}.oc-btn--icon.oc-btn--lg{padding:.625rem}.oc-btn-group{display:inline-flex}.oc-btn-group .oc-btn{border-radius:0}.oc-btn-group .oc-btn:first-child{border-radius:var(--oc-radius) 0 0 var(--oc-radius)}.oc-btn-group .oc-btn:last-child{border-radius:0 var(--oc-radius) var(--oc-radius) 0}.oc-btn-group .oc-btn+.oc-btn{margin-left:-1px}:root{--oc-link-color:var(--oc-primary);--oc-link-hover:var(--oc-primary);--oc-link-underline:1px;--oc-link-underline-offset:2px}.oc-link{color:var(--oc-link-color);border-bottom:var(--oc-link-underline) solid transparent;transition:color var(--oc-transition-fast), border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;border-radius:2px;text-decoration:none}.oc-link:hover{color:var(--oc-link-hover);border-bottom-color:var(--oc-link-hover)}.oc-link:focus-visible{box-shadow:0 0 0 2px var(--oc-background), 0 0 0 4px var(--oc-ring);outline:none}.oc-link--muted{--oc-link-color:var(--oc-muted-foreground);--oc-link-hover:var(--oc-foreground)}.oc-card{background:var(--oc-card-background);color:var(--oc-card-foreground);border:1px solid var(--oc-card-border);border-radius:calc(var(--oc-radius) + 4px);padding:12px;overflow:hidden}.oc-card--sm .oc-card-header,.oc-card--sm .oc-card-content,.oc-card--sm .oc-card-footer{padding:12px 14px}.oc-card-header{flex-direction:column;gap:4px;padding:20px 24px 0;display:flex;position:relative}.oc-card-title{color:var(--oc-card-foreground);font-size:1.1rem;font-weight:600;line-height:1.3;margin:5px 0 9px!important}.oc-card-description{color:var(--oc-muted-foreground);margin:0;font-size:.875rem;line-height:1.5}.oc-card-action{position:absolute;top:20px;right:24px}.oc-card-content{padding:16px 24px}.oc-card-footer{align-items:center;gap:8px;padding:16px 24px;display:flex}.oc-card-link{color:var(--oc-primary);font-size:.875rem;font-weight:600;text-decoration:none}.oc-card-link:hover{text-underline-offset:4px;text-decoration:underline}.oc-card-text{color:var(--oc-muted-foreground);margin:0 0 10px;font-size:.875rem;line-height:1.5}.oc-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.oc-field--horizontal{flex-direction:row;align-items:center;gap:12px}.oc-field--horizontal .oc-field-label{min-width:120px;margin-bottom:0}.oc-field-label{color:var(--oc-foreground);font-size:.875rem;font-weight:500;line-height:1}.oc-field-description{color:var(--oc-muted-foreground);font-size:.8rem}.oc-field-error{color:var(--oc-destructive);font-size:.8rem}.oc-field-group{gap:16px;display:grid}.oc-field-group--row{grid-template-columns:1fr 1fr}.oc-input{border:1px solid var(--oc-input);border-radius:var(--oc-radius);width:100%;color:var(--oc-foreground);transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);background:0 0;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;line-height:1.5;display:block}.oc-input::placeholder{color:var(--oc-muted-foreground)}.oc-input:focus{border-color:var(--oc-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-ring) 25%, transparent)}.oc-input:disabled{opacity:.5;cursor:not-allowed}.oc-input[aria-invalid=true],.oc-input--error{border-color:var(--oc-destructive)}.oc-input[aria-invalid=true]:focus,.oc-input--error:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-destructive) 25%, transparent)}textarea.oc-input{resize:vertical;min-height:80px}.oc-input-group{align-items:stretch;display:flex}.oc-input-group .oc-input{border-radius:0;flex:1}.oc-input-group .oc-input:first-child{border-radius:var(--oc-radius) 0 0 var(--oc-radius)}.oc-input-group .oc-input:last-child{border-radius:0 var(--oc-radius) var(--oc-radius) 0}.oc-input-addon{border:1px solid var(--oc-input);background:var(--oc-muted);color:var(--oc-muted-foreground);white-space:nowrap;align-items:center;padding:0 .75rem;font-size:.875rem;display:flex}.oc-input-addon:first-child{border-radius:var(--oc-radius) 0 0 var(--oc-radius);border-right:0}.oc-input-addon:last-child{border-radius:0 var(--oc-radius) var(--oc-radius) 0;border-left:0}.oc-select{border:1px solid var(--oc-input);border-radius:var(--oc-radius);width:100%;color:var(--oc-foreground);appearance:none;cursor:pointer;transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2371717a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") right 10px center/14px 14px no-repeat;outline:none;padding:.5rem 2rem .5rem .75rem;font-family:inherit;font-size:.875rem;line-height:1.5;display:block}.oc-select:focus{border-color:var(--oc-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-ring) 25%, transparent)}.oc-select option{background:var(--oc-background,var(--color-shallowblue-60));color:var(--oc-foreground,var(--color-frostblue-50));padding:.4rem .5rem}.oc-checkbox,.oc-radio{width:16px;height:16px;accent-color:var(--oc-primary);cursor:pointer;vertical-align:middle}.oc-label{color:var(--oc-foreground);margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.oc-form-group{margin-bottom:16px}.oc-helper{color:var(--oc-muted-foreground);margin-top:4px;font-size:.8rem}.oc-helper--error{color:var(--oc-destructive)}.oc-switch{cursor:pointer;flex-shrink:0;align-items:center;width:44px;height:24px;display:inline-flex;position:relative}.oc-switch input{opacity:0;width:0;height:0;position:absolute}.oc-switch-track{background:var(--oc-input);transition:background var(--oc-transition-fast);border-radius:999px;position:absolute;inset:0}.oc-switch-track:after{content:"";background:var(--oc-background);width:20px;height:20px;transition:transform var(--oc-transition-fast);box-shadow:0 1px 2px oklch(from var(--color-black-60) l c h / .1);border-radius:50%;position:absolute;top:2px;left:2px}.oc-switch input:checked+.oc-switch-track{background:var(--oc-primary)}.oc-switch input:checked+.oc-switch-track:after{transform:translate(20px)}.oc-switch input:focus-visible+.oc-switch-track{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-badge{corner-shape:round;background:var(--oc-primary);color:var(--oc-primary-foreground);border:1px solid #0000;border-radius:999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.oc-badge--secondary{background:var(--oc-secondary);color:var(--oc-secondary-foreground)}.oc-badge--outline{border-color:var(--oc-border);color:var(--oc-foreground);background:0 0}.oc-badge--success{background:oklch(from var(--oc-success) l c h / .16);color:var(--oc-success);border-color:oklch(from var(--oc-success) l c h / .4)}.oc-badge--warning{background:oklch(from var(--oc-warning) l c h / .16);color:var(--oc-warning);border-color:oklch(from var(--oc-warning) l c h / .4)}.oc-badge--destructive{background:var(--oc-destructive);color:var(--oc-destructive-foreground)}.oc-badge-source{background:var(--oc-badge-source-background);border:1px solid var(--oc-badge-source-border);border-radius:var(--oc-badge-source-border-radius);corner-shape:round;padding:var(--oc-badge-source-padding);font-size:var(--oc-badge-source-font-size);font-weight:var(--oc-badge-source-font-weight);color:var(--oc-badge-source-color);vertical-align:middle;display:inline-block}.oc-badge-version{background:var(--oc-badge-version-background);border:1px solid var(--oc-badge-version-border);border-radius:var(--oc-badge-version-border-radius);corner-shape:round;padding:var(--oc-badge-version-padding);font-size:var(--oc-badge-version-font-size);font-weight:var(--oc-badge-version-font-weight);color:var(--oc-badge-version-color);vertical-align:middle;display:inline-block}.oc-badge-version-mdi{background:var(--oc-badge-version-mdi-background);border:1px solid var(--oc-badge-version-mdi-border);border-radius:var(--oc-badge-version-mdi-border-radius);corner-shape:round;padding:var(--oc-badge-version-mdi-padding);font-size:var(--oc-badge-version-mdi-font-size);font-weight:var(--oc-badge-version-mdi-font-weight);color:var(--oc-badge-version-mdi-color);vertical-align:middle;display:inline-block}.oc-badge-source-file{background:var(--oc-badge-source-file-background);border:1px solid var(--oc-badge-source-file-border);border-radius:var(--oc-badge-source-file-border-radius);corner-shape:round;padding:var(--oc-badge-source-file-padding);font-size:var(--oc-badge-source-file-font-size);font-weight:var(--oc-badge-source-file-font-weight);color:var(--oc-badge-source-file-color);vertical-align:middle;display:inline-block}.oc-badge-source-scss{background:var(--oc-badge-source-scss-background);border:1px solid var(--oc-badge-source-scss-border);border-radius:var(--oc-badge-source-scss-border-radius);corner-shape:round;padding:var(--oc-badge-source-scss-padding);font-size:var(--oc-badge-source-scss-font-size);font-weight:var(--oc-badge-source-scss-font-weight);color:var(--oc-badge-source-scss-color);vertical-align:middle;display:inline-block}.oc-section,.oc-docs-section{border:1px solid var(--oc-border);background:light-dark(var(--color-white-50),var(--color-duskblue-100));border-radius:var(--oc-section-border-radius);margin-bottom:var(--oc-section-margin-bottom)}.oc-section-header{border-bottom:1px solid var(--oc-border);grid-template:"title source scss file.version""desc desc desc desc desc desc"/auto auto auto auto 1fr auto;align-items:center;gap:0 8px;padding:1rem;display:grid}.oc-section-header__title{margin:var(--oc-section-header-title-margin);font-size:var(--oc-section-header-title-font-size);grid-area:title}.oc-section-header__badge-source{grid-area:source;margin-left:0}.oc-section-header__badge-scss{grid-area:scss;margin-left:0}.oc-section-header__badge-file{grid-area:file;margin-left:0}.oc-section-header__badge-version{grid-area:version}.oc-section-header__desc{margin:var(--oc-section-header-desc-margin);font-size:var(--oc-section-header-desc-font-size);grid-area:desc}.oc-section-content__title{margin:var(--oc-section-content-title-margin);font-size:var(--oc-section-content-title-font-size)}.oc-section-content__desc{margin:var(--oc-section-content-desc-margin);font-size:var(--oc-section-content-desc-font-size)}.oc-section-content{padding:var(--oc-section-content-padding);background:var(--oc-section-content-background);border-radius:var(--oc-section-content-border-radius)}.oc-section-footer{padding:var(--oc-section-footer-padding);border-top:var(--oc-section-footer-border-top)}.oc-section-footer__title{margin:var(--oc-section-footer-title-margin);font-size:var(--oc-section-footer-title-font-size)}.oc-section-footer__desc{margin:var(--oc-section-footer-desc-margin);font-size:var(--oc-section-footer-desc-font-size)}.oc-alert{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);color:var(--oc-foreground);background:var(--oc-background);padding:16px;font-size:.875rem;line-height:1.5}.oc-alert-title{margin:0 0 4px;font-weight:600}.oc-alert-description{color:var(--oc-muted-foreground);margin:0}.oc-alert--info{border-color:color-mix(in srgb, var(--oc-primary) 40%, transparent);background:color-mix(in srgb, var(--oc-primary) 5%, var(--oc-background))}.oc-alert--success{border-color:color-mix(in srgb, var(--oc-success) 40%, transparent);background:color-mix(in srgb, var(--oc-success) 5%, var(--oc-background))}.oc-alert--warning{border-color:color-mix(in srgb, var(--oc-warning) 40%, transparent);background:color-mix(in srgb, var(--oc-warning) 5%, var(--oc-background))}.oc-alert--danger{border-color:color-mix(in srgb, var(--oc-destructive) 40%, transparent);background:color-mix(in srgb, var(--oc-destructive) 5%, var(--oc-background))}.oc-hero{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 6px);background:linear-gradient(140deg, color-mix(in oklch, var(--oc-primary) 14%, transparent), color-mix(in oklch, var(--oc-ring) 6%, transparent));color:var(--oc-foreground);gap:10px;margin-block-end:1rem;padding:clamp(18px,3vw,28px);display:grid}.oc-hero-title,.oc-hero>h1{text-wrap:balance;color:var(--oc-foreground);margin:0;font-size:clamp(1.4rem,3vw,2rem);line-height:1.2}.oc-hero-text,.oc-hero>p{max-inline-size:75ch;color:var(--oc-muted-foreground);text-wrap:pretty;margin:0;line-height:1.6}.oc-hero-eyebrow{border:1px solid var(--oc-border);color:var(--oc-muted-foreground);border-radius:999px;justify-self:start;padding:2px 10px;font-size:.75rem}.oc-hero-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.oc-modal{z-index:9999;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.oc-modal.is-open,.oc-modal[aria-expanded=true]{display:flex}.oc-modal-overlay{background:oklch(from var(--color-black-60) l c h / .5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:oc-fade-in var(--oc-transition-normal);position:fixed;inset:0}.oc-modal-content{z-index:1;background:var(--oc-background);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);width:100%;max-width:480px;box-shadow:0 16px 48px oklch(from var(--color-black-60) l c h / .2);animation:oc-scale-in var(--oc-transition-normal);flex-direction:column;max-height:85vh;display:flex;position:relative}.oc-modal-content--sm{max-width:360px}.oc-modal-content--lg{max-width:640px}.oc-modal-content--xl{max-width:800px}.oc-modal-content--full{max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}.oc-modal-header{flex-shrink:0;padding:24px 24px 0}.oc-modal-title{color:var(--oc-foreground);margin:0;font-size:1.1rem;font-weight:600}.oc-modal-description{color:var(--oc-muted-foreground);margin:6px 0 0;font-size:.875rem}.oc-modal-body{color:var(--oc-muted-foreground);flex:1;padding:16px 24px;font-size:.875rem;line-height:1.6;overflow-y:auto}.oc-modal-footer{border-top:1px solid var(--oc-border);flex-shrink:0;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.oc-modal-close{color:var(--oc-muted-foreground);cursor:pointer;border-radius:var(--oc-radius);transition:color var(--oc-transition-fast), background var(--oc-transition-fast);background:0 0;border:none;padding:4px;font-size:1.1rem;line-height:1;position:absolute;top:16px;right:16px}.oc-modal-close:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-modal-close:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}@keyframes oc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes oc-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.oc-dropdown{display:inline-block;position:relative}.oc-dropdown-menu{z-index:100;background:var(--oc-popover);min-width:200px;color:var(--oc-popover-foreground);border:1px solid var(--oc-border);border-radius:var(--oc-radius);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);animation:oc-fade-in var(--oc-transition-fast);margin-top:4px;padding:4px;display:none;position:absolute;top:100%;left:0}.oc-dropdown.is-open .oc-dropdown-menu,.oc-dropdown[aria-expanded=true] .oc-dropdown-menu{display:block}.oc-dropdown-item{width:100%;color:var(--oc-popover-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;text-align:left;transition:background var(--oc-transition-fast), color var(--oc-transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:.875rem;text-decoration:none;display:flex}.oc-dropdown-item:hover{background:var(--oc-accent);color:var(--oc-accent-foreground)}.oc-dropdown-item:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-dropdown-separator{background:var(--oc-border);height:1px;margin:4px 0}.oc-dropdown-label{color:var(--oc-muted-foreground);padding:8px 10px 4px;font-size:.75rem;font-weight:600}.oc-tooltip{--oc-tooltip-bg:oklch(from var(--oc-popover) l c h / .94);--oc-tooltip-gap:8px;cursor:help;position:relative}.oc-tooltip:after,.oc-tooltip>.oc-tooltip__content{bottom:calc(100% + var(--oc-tooltip-gap));color:var(--oc-popover-foreground);background:var(--oc-tooltip-bg);border:1px solid var(--oc-border);border-radius:var(--oc-radius);box-shadow:0 10px 28px -8px oklch(from var(--color-black-60) l c h / .3), 0 2px 6px -2px oklch(from var(--color-black-60) l c h / .15);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--oc-transition-fast), scale .18s cubic-bezier(.2, .8, .2, 1);z-index:50;padding:6px 10px;font-size:.75rem;font-weight:500;line-height:1.45;position:absolute;left:50%;translate:-50%;scale:.96}.oc-tooltip:after{content:attr(data-tooltip)}.oc-tooltip:not([data-tooltip]):after{content:none}.oc-tooltip:hover:after,.oc-tooltip:focus-within:after,.oc-tooltip:hover>.oc-tooltip__content,.oc-tooltip:focus-within>.oc-tooltip__content{opacity:1;scale:1}@media (prefers-reduced-motion:reduce){.oc-tooltip:after,.oc-tooltip>.oc-tooltip__content{transition:opacity var(--oc-transition-fast);scale:1}}.oc-tooltip--multiline:after,.oc-tooltip>.oc-tooltip__content{white-space:pre-line;text-align:start;font-variant-numeric:tabular-nums;inline-size:max-content;max-inline-size:20rem;padding:8px 12px}.oc-tooltip__title{margin-block-end:2px;font-size:.875rem;font-weight:700;line-height:1.35;display:block}.oc-tooltip__title:first-letter{text-transform:uppercase}.oc-tooltip--bottom:after,.oc-tooltip--bottom>.oc-tooltip__content{bottom:auto;top:calc(100% + var(--oc-tooltip-gap))}.oc-tooltip--left:after,.oc-tooltip--left>.oc-tooltip__content{top:50%;bottom:auto;left:auto;right:calc(100% + var(--oc-tooltip-gap));translate:0 -50%}.oc-tooltip--right:after,.oc-tooltip--right>.oc-tooltip__content{top:50%;bottom:auto;left:calc(100% + var(--oc-tooltip-gap));translate:0 -50%}@supports (position-area:top){.oc-tooltip:after{margin:var(--oc-tooltip-gap);position-area:top;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;position:fixed;inset:auto;translate:none}.oc-tooltip--bottom:after{position-area:bottom}.oc-tooltip--left:after{position-area:left;position-try-fallbacks:flip-inline, flip-block, flip-block flip-inline}.oc-tooltip--right:after{position-area:right;position-try-fallbacks:flip-inline, flip-block, flip-block flip-inline}}@supports (position-area:top) and (anchor-scope:all){.oc-tooltip{anchor-name:--oc-tooltip;anchor-scope:--oc-tooltip}.oc-tooltip>.oc-tooltip__content{margin:var(--oc-tooltip-gap);position-anchor:--oc-tooltip;position-area:top;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;position:fixed;inset:auto;translate:none}.oc-tooltip--bottom>.oc-tooltip__content{position-area:bottom}.oc-tooltip--left>.oc-tooltip__content{position-area:left;position-try-fallbacks:flip-inline, flip-block, flip-block flip-inline}.oc-tooltip--right>.oc-tooltip__content{position-area:right;position-try-fallbacks:flip-inline, flip-block, flip-block flip-inline}}.oc-avatar{background:var(--oc-muted);width:40px;height:40px;color:var(--oc-muted-foreground);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:inline-flex;overflow:hidden}.oc-avatar img{object-fit:cover;width:100%;height:100%}.oc-avatar--sm{width:28px;height:28px;font-size:.72rem}.oc-avatar--lg{width:56px;height:56px;font-size:1.1rem}.oc-avatar--xl{width:80px;height:80px;font-size:1.5rem}.oc-avatar-group{display:flex}.oc-avatar-group .oc-avatar{border:2px solid var(--oc-background);margin-left:-8px}.oc-avatar-group .oc-avatar:first-child{margin-left:0}.oc-separator{background:var(--oc-border);border:none;height:1px;margin:16px 0}.oc-separator--vertical{align-self:stretch;width:1px;height:auto;margin:0 12px;display:inline-block}.oc-tab-list{border-bottom:1px solid var(--oc-border);align-items:center;display:inline-flex}.oc-tab-trigger{color:var(--oc-muted-foreground);cursor:pointer;transition:color var(--oc-transition-fast), border-color var(--oc-transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;outline:none;margin-bottom:-1px;padding:10px 16px;font-family:inherit;font-size:.875rem;font-weight:500}.oc-tab-trigger:hover{color:var(--oc-foreground)}.oc-tab-trigger.is-active,.oc-tab-trigger[aria-selected=true]{color:var(--oc-foreground);border-bottom-color:var(--oc-foreground)}.oc-tab-trigger:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-tab-trigger:disabled,.oc-tab-trigger[aria-disabled=true]{opacity:.5;pointer-events:none}.oc-tab-list--pill{background:var(--oc-muted);border-radius:var(--oc-radius);border-bottom:none;gap:0;padding:4px}.oc-tab-list--pill .oc-tab-trigger{border-radius:calc(var(--oc-radius) - 2px);border-bottom:none;margin-bottom:0;padding:6px 14px}.oc-tab-list--pill .oc-tab-trigger.is-active,.oc-tab-list--pill .oc-tab-trigger[aria-selected=true]{background:var(--oc-background);box-shadow:0 1px 3px oklch(from var(--color-black-60) l c h / .08);color:var(--oc-foreground)}.oc-tab-list--vertical{border-bottom:none;border-right:1px solid var(--oc-border);flex-direction:column}.oc-tab-list--vertical .oc-tab-trigger{text-align:left;border-bottom:none;border-right:2px solid #0000;margin-bottom:0;margin-right:-1px}.oc-tab-list--vertical .oc-tab-trigger.is-active{border-right-color:var(--oc-foreground)}.oc-tab-panel{padding:16px 0;display:none}.oc-tab-panel.is-active,.oc-tab-panel[aria-selected=true]{display:block}.oc-tabs{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.oc-tab{border:1px solid var(--oc-border);background:color-mix(in srgb, var(--oc-foreground) 3%, transparent);color:var(--oc-muted-foreground);cursor:pointer;transition:color var(--oc-transition-fast,.15s ease), border-color var(--oc-transition-fast,.15s ease), background .15s ease;border-radius:999px;outline:none;padding:6px 12px;font-family:inherit;font-size:.82rem}.oc-tab:hover{color:var(--oc-foreground);border-color:color-mix(in srgb, var(--oc-primary) 60%, var(--oc-border))}.oc-tab.is-active,.oc-tab[aria-selected=true]{color:var(--oc-foreground);border-color:var(--oc-primary);background:color-mix(in srgb, var(--oc-primary) 20%, transparent)}.oc-tab:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-accordion{inline-size:min(100%, var(--oc-accordion-width,46rem));border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);overflow:hidden}.oc-accordion-item+.oc-accordion-item{border-top:1px solid var(--oc-border)}.oc-accordion-trigger{width:100%;color:var(--oc-foreground);cursor:pointer;text-align:left;transition:background var(--oc-transition-fast);background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;padding:16px;font-family:inherit;font-size:.9rem;font-weight:500;display:flex}.oc-accordion-trigger:hover{background:var(--oc-accent)}.oc-accordion-trigger:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-accordion-trigger:after{content:"";width:16px;height:16px;transition:transform var(--oc-transition-fast);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2371717a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;flex-shrink:0}.oc-accordion-trigger:has(.oc-accordion-chevron):after{display:none}.oc-accordion-trigger .oc-accordion-chevron{transition:transform var(--oc-transition-fast);color:var(--oc-muted-foreground);flex-shrink:0;display:inline-flex}.oc-accordion-item.is-open .oc-accordion-trigger .oc-accordion-chevron,.oc-accordion-item[aria-expanded=true] .oc-accordion-trigger .oc-accordion-chevron,.oc-accordion-item.is-open .oc-accordion-trigger:after,.oc-accordion-item[aria-expanded=true] .oc-accordion-trigger:after{transform:rotate(180deg)}.oc-accordion-content{color:var(--oc-muted-foreground);padding:0 16px 16px;font-size:.875rem;line-height:1.6;display:none}.oc-accordion-item.is-open .oc-accordion-content,.oc-accordion-item[aria-expanded=true] .oc-accordion-content{display:block}.oc-accordion-trigger:disabled{color:var(--oc-muted-foreground);cursor:not-allowed;opacity:.7}.oc-accordion-trigger:disabled:hover{background:0 0}.oc-accordion-trigger:disabled:after,.oc-accordion-trigger:disabled .oc-accordion-chevron{opacity:.5}.oc-accordion--flush{border:none;border-radius:0}.oc-accordion--flush .oc-accordion-item+.oc-accordion-item{border-top:1px solid var(--oc-border)}.oc-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.875rem}.oc-table th,.oc-table td{text-align:left;border:1px solid var(--oc-border);padding:.5rem .75rem}.oc-table th{background:var(--oc-muted);color:var(--oc-muted-foreground);font-weight:600}.oc-table tbody tr:hover{background:oklch(from var(--oc-primary) l c h / .06)}.oc-table thead th{border-block-end-width:2px}.oc-table caption{caption-side:top;text-align:start;color:var(--oc-foreground);padding-block-end:.5rem;font-weight:600}.oc-table-wrap{border-radius:calc(var(--oc-radius) + 2px);inline-size:100%;position:relative;overflow-x:auto}.oc-table-wrap>.oc-table{min-inline-size:32rem}.oc-table-ref{border-collapse:collapse;width:100%;font-size:.82rem}.oc-table-ref th{text-align:left;border-bottom:1px solid var(--oc-table-border);color:var(--oc-table-text);background:var(--oc-table-background);padding:8px 10px;font-size:.8rem;font-weight:600}.oc-table-ref td{border-bottom:1px solid var(--oc-table-background-bottom);color:var(--oc-table-text-soft);padding:8px 10px}.oc-table-ref code{color:var(--oc-table-code);font-size:.8rem}.oc-expandable-table{margin-bottom:2rem}.oc-expandable-table__row-dimmed{opacity:.6}.oc-expandable-table .oc-expandable-table__row-more{display:none}.oc-expandable-table:has(.oc-expandable-table__toggle:checked) .oc-expandable-table__row-more{display:table-row}.oc-expandable-table:has(.oc-expandable-table__toggle:checked) .oc-expandable-table__row-dimmed{opacity:1}.oc-expandable-table__toggle{opacity:0;pointer-events:none;position:absolute}.oc-expandable-table__trigger:has(.oc-expandable-table__toggle:focus-visible){outline:2px solid var(--oc-ring);outline-offset:2px}.oc-expandable-table__less{display:none}.oc-expandable-table__trigger:has(.oc-expandable-table__toggle:checked) .oc-expandable-table__more{display:none}.oc-expandable-table__trigger:has(.oc-expandable-table__toggle:checked) .oc-expandable-table__less{display:inline}.oc-expandable-table.is-expanded .oc-expandable-table__row-more{display:table-row}.oc-expandable-table.is-expanded .oc-expandable-table__row-dimmed{opacity:1}.oc-expandable-table:not(:has(.oc-expandable-table__row-more)) .oc-expandable-table__wrap{display:none}.oc-expandable-table__wrap{width:100%;margin-top:.5rem}.oc-expandable-table__wrap--full .oc-expandable-table__trigger{text-transform:uppercase;letter-spacing:.04em;background:var(--oc-table-expandable-background);width:100%;color:var(--oc-table-expandable-text);border:1px solid var(--oc-table-expandable-border);font-weight:600}.oc-expandable-table__wrap--full .oc-expandable-table__trigger:hover{background:var(--oc-table-expandable-background);color:var(--oc-table-expandable-text)}.oc-breadcrumb{flex-wrap:wrap;align-items:center;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.oc-breadcrumb-item{align-items:center;display:inline-flex}.oc-breadcrumb-item+.oc-breadcrumb-item:before{content:"/";color:var(--oc-muted-foreground);margin:0 8px}.oc-breadcrumb-item a,a.oc-breadcrumb-item{color:var(--oc-muted-foreground);text-decoration:none}.oc-breadcrumb-item a:hover,a.oc-breadcrumb-item:hover{color:var(--oc-foreground)}.oc-breadcrumb-item:last-child,.oc-breadcrumb-item[aria-current=page]{color:var(--oc-foreground);font-weight:500}.oc-progress{background:var(--oc-muted);border-radius:999px;width:100%;height:8px;overflow:hidden}.oc-progress-bar{background:var(--oc-primary);border-radius:999px;height:100%;transition:width .3s}.oc-progress-bar--success{background:var(--oc-success)}.oc-progress-bar--danger{background:var(--oc-destructive)}.oc-progress-bar--warning{background:var(--oc-warning)}.oc-skeleton{background:var(--oc-muted);border-radius:var(--oc-radius);animation:1.5s ease-in-out infinite oc-skeleton-pulse}.oc-skeleton--text{width:60%;height:1em;margin-bottom:8px}.oc-skeleton--title{width:40%;height:1.4em;margin-bottom:12px}.oc-skeleton--circle{border-radius:50%;width:40px;height:40px}.oc-skeleton--rect{width:100%;height:120px}@keyframes oc-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.oc-pagination{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.oc-pagination-item a,.oc-pagination-item button,a.oc-pagination-item,button.oc-pagination-item,span.oc-pagination-item{min-width:36px;height:36px;color:var(--oc-foreground);border:1px solid var(--oc-border);border-radius:var(--oc-radius);cursor:pointer;transition:all var(--oc-transition-fast);background:0 0;outline:none;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:.875rem;text-decoration:none;display:inline-flex}span.oc-pagination-item{color:var(--oc-muted-foreground);cursor:default;border-color:#0000}.oc-pagination-item a:hover,.oc-pagination-item button:hover,a.oc-pagination-item:hover,button.oc-pagination-item:hover{background:var(--oc-accent)}.oc-pagination-item a:focus-visible,.oc-pagination-item button:focus-visible,a.oc-pagination-item:focus-visible,button.oc-pagination-item:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-pagination-item.is-active a,.oc-pagination-item.is-active button,.oc-pagination-item[aria-current=page],.oc-pagination-item[aria-current=page]:hover,.oc-pagination-item>[aria-current=page]{background:var(--oc-primary);color:var(--oc-primary-foreground);border-color:var(--oc-primary)}.oc-nav-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.oc-nav-item-link{color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);transition:all var(--oc-transition-fast);padding:8px 10px;font-size:.875rem;text-decoration:none;display:block}.oc-nav-item-link:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-nav-item-link.is-active{color:var(--oc-foreground);background:var(--oc-accent);font-weight:500}@media (prefers-reduced-motion:reduce){.oc-skeleton,.oc-modal-overlay,.oc-modal-content,.oc-dropdown-menu{animation:none}.oc-btn,.oc-input,.oc-switch-track,.oc-switch-track:after,.oc-accordion-trigger:after{transition:none}}.oc-scrollbar::-webkit-scrollbar{width:8px;height:8px}.oc-scrollbar::-webkit-scrollbar-track{background:0 0;border-radius:4px}.oc-scrollbar::-webkit-scrollbar-thumb{background:var(--oc-muted,oklch(from var(--color-gray-30) l c h / .3));background-clip:content-box;border:2px solid #0000;border-radius:4px}.oc-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--oc-muted-foreground,oklch(from var(--color-gray-30) l c h / .5));background-clip:content-box}.oc-scrollbar--thin::-webkit-scrollbar{width:5px;height:5px}.oc-scrollbar--hidden::-webkit-scrollbar{display:none}.oc-scrollbar--hidden{-ms-overflow-style:none;scrollbar-width:none}.oc-scrollbar{scrollbar-width:thin;scrollbar-color:var(--oc-muted,oklch(from var(--color-gray-30) l c h / .3)) transparent}.oc-scrollbar--thin{scrollbar-width:thin}.oc-swatch{border:1px solid var(--oc-border-swatch,var(--color-twilightblue-40));background:var(--oc-bg-swatch,var(--color-twilightblue-60));border-radius:10px;overflow:hidden}.oc-swatch-color{border-bottom:1px solid var(--oc-border-swatch,var(--color-twilightblue-40));height:54px}.oc-swatch-meta{color:var(--oc-text-swatch-soft,var(--color-frostblue-80));padding:8px 10px;font-size:.82rem;line-height:1.45}.oc-swatch-meta strong{color:var(--oc-text-swatch,var(--color-frostblue-50));margin-bottom:3px;display:block}.oc-swatch-group{margin-top:12px}.oc-swatch-group-title{color:var(--oc-text-swatch,var(--color-frostblue-50));margin:0 0 8px;font-size:.9rem}dialog.oc-modal{width:100%;max-width:none;height:100%;max-height:none;color:var(--oc-foreground);background:0 0;border:0;margin:0;display:none}dialog.oc-modal[open]{display:flex}dialog.oc-modal::backdrop{background:oklch(from var(--color-black-60) l c h / .5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog.oc-modal[open] .oc-modal-content{transition:opacity var(--oc-transition-normal), scale var(--oc-transition-normal);@starting-style{opacity:0;scale:.95}}.oc-dropdown-menu[popover]{position-area:block-end span-inline-end;position-try-fallbacks:flip-block, flip-inline;transition:opacity var(--oc-transition-fast), display var(--oc-transition-fast) allow-discrete, overlay var(--oc-transition-fast) allow-discrete;margin:4px 0 0;position:fixed;inset:auto}.oc-dropdown-menu[popover]:popover-open{display:block;@starting-style{opacity:0}}details.oc-accordion-item{interpolate-size:allow-keywords}details.oc-accordion-item>summary.oc-accordion-trigger{list-style:none}details.oc-accordion-item>summary.oc-accordion-trigger::-webkit-details-marker{display:none}details.oc-accordion-item[open]>.oc-accordion-trigger:after,details.oc-accordion-item[open]>.oc-accordion-trigger .oc-accordion-chevron{transform:rotate(180deg)}details.oc-accordion-item>.oc-accordion-content{display:block}details.oc-accordion-item::details-content{block-size:0;transition:block-size var(--oc-transition-normal), content-visibility var(--oc-transition-normal) allow-discrete;overflow:clip}details.oc-accordion-item[open]::details-content{block-size:auto}.oc-tabset .oc-tab-trigger{position:relative}.oc-tabset .oc-tab-trigger input[type=radio]{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.oc-tabset .oc-tab-trigger:has(input:checked){color:var(--oc-foreground);border-bottom-color:var(--oc-foreground)}.oc-tabset .oc-tab-list--pill .oc-tab-trigger:has(input:checked){background:var(--oc-background);box-shadow:0 1px 3px oklch(from var(--color-black-60) l c h / .08)}.oc-tabset .oc-tab-trigger:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-tabset>.oc-tab-panel{display:none}:is(.oc-tabset:has(.oc-tab-trigger:first-child input:checked)>.oc-tab-list~.oc-tab-panel:nth-child(2),.oc-tabset:has(.oc-tab-trigger:nth-child(2) input:checked)>.oc-tab-list~.oc-tab-panel:nth-child(3),.oc-tabset:has(.oc-tab-trigger:nth-child(3) input:checked)>.oc-tab-list~.oc-tab-panel:nth-child(4),.oc-tabset:has(.oc-tab-trigger:nth-child(4) input:checked)>.oc-tab-list~.oc-tab-panel:nth-child(5),.oc-tabset:has(.oc-tab-trigger:nth-child(5) input:checked)>.oc-tab-list~.oc-tab-panel:nth-child(6),.oc-tabset:has(.oc-tab-trigger:nth-child(6) input:checked)>.oc-tab-list~.oc-tab-panel:nth-child(7)){display:block}.oc-tabset:has(>.oc-tab-list--vertical){grid-template-columns:auto 1fr;align-items:start;column-gap:1.5rem;display:grid}.oc-tabset>.oc-tab-list--vertical{grid-row:1/span 6}.oc-tabset .oc-tab-list--vertical .oc-tab-trigger{justify-content:flex-start}.oc-tabset:has(>.oc-tab-list--vertical)>.oc-tab-panel{grid-area:1/2;padding-block:.25rem}.oc-tabset .oc-tab-list--vertical .oc-tab-trigger:has(input:checked){border-bottom-color:#0000;border-right-color:var(--oc-foreground)}.oc-theme-switch{border:1px solid var(--oc-border);background:var(--oc-muted);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.oc-theme-switch label{color:var(--oc-muted-foreground);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:.8rem;position:relative}.oc-theme-switch input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.oc-theme-switch label:has(input:checked){background:var(--oc-background);color:var(--oc-foreground);box-shadow:0 1px 3px oklch(from var(--color-black-60) l c h / .12)}.oc-theme-switch label:has(input:focus-visible){outline:2px solid var(--oc-ring)}@property --oc-counter-value{syntax:"<integer>";inherits:false;initial-value:0}.oc-counter{--oc-counter-value:var(--oc-counter-to,0);counter-reset:oc-counter var(--oc-counter-value);font-variant-numeric:tabular-nums;animation:oc-counter-up var(--oc-counter-duration,2s) ease-out both}.oc-counter:after{content:var(--oc-counter-prefix,"") counter(oc-counter) var(--oc-counter-suffix,"")}@keyframes oc-counter-up{0%{--oc-counter-value:var(--oc-counter-from,0)}}@supports (animation-timeline:view()){.oc-counter--on-view{animation-timeline:view();animation-range:entry cover 40%}}@media (prefers-reduced-motion:reduce){dialog.oc-modal[open] .oc-modal-content,.oc-dropdown-menu[popover],.oc-counter{transition:none;animation:none}details.oc-accordion-item::details-content{transition:none;animation:none}}.oc-heading{flex-direction:column;gap:2px;margin-block-end:1.5rem;display:flex}.oc-heading-title{letter-spacing:-.01em;color:var(--oc-foreground);margin:0;font-size:1.25rem;font-weight:600}.oc-heading-description{color:var(--oc-muted-foreground);margin:0;font-size:.875rem}.oc-heading--sm{margin-block-end:.75rem}.oc-heading--sm .oc-heading-title{font-size:1rem;font-weight:500}.oc-back-link{color:var(--oc-foreground);border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-background);transition:background var(--oc-transition-fast);align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.oc-back-link:before{content:"←"}.oc-back-link:hover{background:var(--oc-accent)}.oc-back-link:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-user{text-align:start;align-items:center;gap:.625rem;min-inline-size:0;font-size:.875rem;line-height:1.25;display:flex}.oc-user-text{flex:1;min-inline-size:0;display:grid}.oc-user-name,.oc-user-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-user-name{color:var(--oc-foreground);font-weight:500}.oc-user-email{color:var(--oc-muted-foreground);font-size:.75rem}.oc-btn>svg{flex-shrink:0;block-size:1.1em;inline-size:1.1em}.oc-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.oc-empty{text-align:center;color:var(--oc-muted-foreground);flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.oc-empty-icon{background:var(--oc-muted);block-size:3rem;inline-size:3rem;color:var(--oc-muted-foreground);border-radius:50%;place-items:center;font-size:1.25rem;display:grid}.oc-empty-title{color:var(--oc-foreground);margin:0;font-size:1rem;font-weight:600}.oc-empty-text{max-inline-size:28rem;margin:0;font-size:.875rem}.oc-empty-actions{gap:.5rem;margin-block-start:.5rem;display:flex}.oc-badge--info{background:oklch(from var(--oc-primary) l c h / .12);color:var(--oc-primary);border-color:oklch(from var(--oc-primary) l c h / .35)}.oc-sidebar{--oc-sidebar-width:16rem;--oc-sidebar-width-icon:3.5rem;inline-size:var(--oc-sidebar-width);background:var(--oc-card);block-size:100%;min-block-size:0;color:var(--oc-foreground);border-inline-end:1px solid var(--oc-border);transition:inline-size var(--oc-transition-normal);flex-direction:column;display:flex}.oc-sidebar--right{border-inline-end:0;border-inline-start:1px solid var(--oc-border)}.oc-sidebar--floating{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);block-size:calc(100% - 1rem);box-shadow:0 4px 16px oklch(from var(--color-black-60) l c h / .1);margin:.5rem}.oc-sidebar-header,.oc-sidebar-footer{flex-direction:column;flex-shrink:0;gap:.5rem;padding:.75rem;display:flex}.oc-sidebar-content{flex-direction:column;flex:1;gap:.5rem;min-block-size:0;padding:.5rem;display:flex;overflow-y:auto}.oc-sidebar-group{flex-direction:column;gap:2px;display:flex}.oc-sidebar-group-label{letter-spacing:.04em;text-transform:uppercase;color:var(--oc-muted-foreground);padding:.5rem .625rem .25rem;font-size:.7rem;font-weight:600}.oc-sidebar-separator{background:var(--oc-border);block-size:1px;margin:.25rem .5rem}.oc-sidebar-menu{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.oc-sidebar-menu-button{inline-size:100%;font:inherit;text-align:start;color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;transition:background var(--oc-transition-fast), color var(--oc-transition-fast);background:0 0;border:0;align-items:center;gap:.625rem;padding:.5rem .625rem;font-size:.875rem;text-decoration:none;display:flex}.oc-sidebar-menu-button:hover{background:var(--oc-accent);color:var(--oc-accent-foreground)}.oc-sidebar-menu-button:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-sidebar-menu-button[aria-current=page],.oc-sidebar-menu-button.is-active{background:var(--oc-accent);color:var(--oc-accent-foreground);font-weight:600}.oc-sidebar-menu-button[aria-disabled=true],.oc-sidebar-menu-button:disabled{opacity:.5;pointer-events:none}.oc-sidebar-menu-button--lg{padding-block:.625rem}.oc-sidebar-menu-icon{flex-shrink:0;block-size:1rem;inline-size:1rem}.oc-sidebar-menu-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.oc-sidebar-menu-badge{background:var(--oc-primary);color:var(--oc-primary-foreground);border-radius:999px;margin-inline-start:auto;padding:.125rem .4rem;font-size:.7rem;font-weight:600;line-height:1}.oc-sidebar-menu-sub{border-inline-start:1px solid var(--oc-border);flex-direction:column;gap:2px;margin:2px 0 2px 1.1rem;padding:0 0 0 .5rem;list-style:none;display:flex}.oc-sidebar-menu-sub .oc-sidebar-menu-button{padding-block:.375rem;font-size:.8125rem}details.oc-sidebar-collapsible>summary{list-style:none}details.oc-sidebar-collapsible>summary::-webkit-details-marker{display:none}details.oc-sidebar-collapsible>summary:after{content:"";block-size:.4rem;inline-size:.4rem;transition:transform var(--oc-transition-fast);border-block-end:2px solid;border-inline-end:2px solid;margin-inline-start:auto;transform:rotate(45deg)}details.oc-sidebar-collapsible[open]>summary:after{transform:rotate(225deg)}.oc-sidebar--collapsed{inline-size:var(--oc-sidebar-width-icon)}.oc-sidebar--collapsed .oc-sidebar-menu-label,.oc-sidebar--collapsed .oc-sidebar-menu-badge,.oc-sidebar--collapsed .oc-sidebar-menu-sub,.oc-sidebar--collapsed .oc-sidebar-group-label,.oc-sidebar--collapsed .oc-user-text,.oc-sidebar--collapsed details.oc-sidebar-collapsible>summary:after{display:none}.oc-sidebar--collapsed .oc-sidebar-menu-button{justify-content:center;padding-inline:0}.oc-sidebar--collapsed .oc-sidebar-header,.oc-sidebar--collapsed .oc-sidebar-footer{align-items:center;padding-inline:.5rem}.oc-navmenu{flex-wrap:wrap;align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.oc-navmenu-link{font:inherit;color:var(--oc-muted-foreground);border-radius:var(--oc-radius);cursor:pointer;transition:background var(--oc-transition-fast), color var(--oc-transition-fast);background:0 0;border:0;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.oc-navmenu-link:hover{color:var(--oc-foreground);background:oklch(from var(--oc-accent) l c h / .5)}.oc-navmenu-link:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-navmenu-link[aria-current=page],.oc-navmenu-link.is-active{color:var(--oc-accent-foreground);background:var(--oc-accent)}.oc-navmenu-link--caret:after{content:"";border-block-end:2px solid;border-inline-end:2px solid;block-size:.35rem;inline-size:.35rem;margin-inline-start:.25rem;transform:translateY(-2px)rotate(45deg)}dialog.oc-sheet{block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--oc-foreground);background:0 0;border:0;margin:0;padding:0;display:none}dialog.oc-sheet[open]{justify-content:flex-end;align-items:stretch;display:flex}dialog.oc-sheet::backdrop{background:oklch(from var(--color-black-60) l c h / .5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.oc-sheet-content{background:var(--oc-background);border-inline-start:1px solid var(--oc-border);block-size:100%;inline-size:min(24rem,100%);box-shadow:0 16px 48px oklch(from var(--color-black-60) l c h / .2);flex-direction:column;display:flex;position:relative}dialog.oc-sheet[open] .oc-sheet-content{transition:translate var(--oc-transition-normal), opacity var(--oc-transition-normal);@starting-style{opacity:0;translate:100%}}dialog.oc-sheet--left[open]{justify-content:flex-start}dialog.oc-sheet--left .oc-sheet-content{border-inline-start:0;border-inline-end:1px solid var(--oc-border)}dialog.oc-sheet--left[open] .oc-sheet-content{@starting-style{opacity:0;translate:-100%}}dialog.oc-sheet--top[open]{flex-direction:column;justify-content:flex-start}dialog.oc-sheet--bottom[open]{flex-direction:column;justify-content:flex-end}dialog.oc-sheet--top .oc-sheet-content,dialog.oc-sheet--bottom .oc-sheet-content{border-inline:0;block-size:auto;max-block-size:85dvh;inline-size:100%}dialog.oc-sheet--top .oc-sheet-content{border-block-end:1px solid var(--oc-border)}dialog.oc-sheet--bottom .oc-sheet-content{border-block-start:1px solid var(--oc-border)}dialog.oc-sheet--top[open] .oc-sheet-content{@starting-style{opacity:0;translate:0 -100%}}dialog.oc-sheet--bottom[open] .oc-sheet-content{@starting-style{opacity:0;translate:0 100%}}.oc-sheet-content--wide{inline-size:min(40rem,100%)}.oc-sheet-header{flex-direction:column;flex-shrink:0;gap:.25rem;padding:1.25rem 1.5rem 0;display:flex}.oc-sheet-title{color:var(--oc-foreground);margin:0;padding-inline-end:2rem;font-size:1.05rem;font-weight:600}.oc-sheet-description{color:var(--oc-muted-foreground);margin:0;font-size:.875rem}.oc-sheet-body{flex:1;min-block-size:0;padding:1rem 1.5rem;font-size:.875rem;overflow-y:auto}.oc-sheet-footer{border-block-start:1px solid var(--oc-border);flex-shrink:0;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;display:flex}.oc-sheet-close{color:var(--oc-muted-foreground);border-radius:var(--oc-radius);cursor:pointer;background:0 0;border:0;padding:.25rem .4rem;font-size:1.1rem;line-height:1;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.oc-sheet-close:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-sheet-close:focus-visible{outline:2px solid var(--oc-ring)}.oc-alert-dialog{text-align:center;align-items:center;padding:1.5rem 1.5rem 0}.oc-alert-dialog-icon{border:2px solid var(--oc-alert-dialog-color,var(--oc-warning));block-size:3.5rem;inline-size:3.5rem;color:var(--oc-alert-dialog-color,var(--oc-warning));background:oklch(from var(--oc-alert-dialog-color,var(--oc-warning)) l c h / .12);border-radius:50%;place-items:center;margin-block-end:.75rem;font-size:1.75rem;font-weight:700;line-height:1;display:grid}.oc-alert-dialog--success{--oc-alert-dialog-color:var(--oc-success)}.oc-alert-dialog--error{--oc-alert-dialog-color:var(--oc-destructive)}.oc-alert-dialog--warning{--oc-alert-dialog-color:var(--oc-warning)}.oc-alert-dialog--info,.oc-alert-dialog--question{--oc-alert-dialog-color:var(--oc-primary)}.oc-alert-dialog .oc-modal-title{font-size:1.2rem}.oc-alert-dialog .oc-modal-body{padding:.5rem 0 1rem}.oc-alert-dialog .oc-modal-footer{border-block-start:0;justify-content:center;align-self:stretch;padding-inline:0}.oc-popover[popover]{position-area:block-end span-inline-end;position-try-fallbacks:flip-block, flip-inline;inline-size:18rem;max-inline-size:calc(100vw - 1rem);color:var(--oc-popover-foreground);background:var(--oc-popover);border:1px solid var(--oc-border);border-radius:var(--oc-radius);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);transition:opacity var(--oc-transition-fast), display var(--oc-transition-fast) allow-discrete, overlay var(--oc-transition-fast) allow-discrete;margin:4px 0 0;padding:1rem;font-size:.875rem;position:fixed;inset:auto}.oc-popover[popover]:popover-open{display:block;@starting-style{opacity:0}}.oc-popover--sm[popover]{inline-size:12rem;padding:.5rem}.oc-popover--lg[popover]{inline-size:26rem}.oc-popover-title{color:var(--oc-foreground);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.oc-popover-text{color:var(--oc-muted-foreground);margin:0}.oc-command{color:var(--oc-popover-foreground);background:var(--oc-popover);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);flex-direction:column;display:flex;overflow:hidden}.oc-command-input{inline-size:100%;font:inherit;color:var(--oc-foreground);border:0;border-block-end:1px solid var(--oc-border);background:0 0;outline:none;padding:.75rem 1rem;font-size:.875rem}.oc-command-input::placeholder{color:var(--oc-muted-foreground)}.oc-command-list{max-block-size:20rem;margin:0;padding:.25rem;list-style:none;overflow-y:auto}.oc-command-group-label{text-transform:uppercase;letter-spacing:.04em;color:var(--oc-muted-foreground);padding:.5rem .625rem .25rem;font-size:.7rem;font-weight:600}.oc-command-item{color:var(--oc-popover-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;transition:background var(--oc-transition-fast), color var(--oc-transition-fast);align-items:center;gap:.625rem;padding:.5rem .625rem;font-size:.875rem;display:flex}.oc-command-item:hover,.oc-command-item[aria-selected=true]{background:var(--oc-accent);color:var(--oc-accent-foreground)}.oc-command-item[aria-disabled=true]{opacity:.5;pointer-events:none}.oc-command-shortcut{letter-spacing:.08em;color:var(--oc-muted-foreground);margin-inline-start:auto;font-size:.7rem}.oc-command-separator{background:var(--oc-border);block-size:1px;margin:.25rem -.25rem}.oc-command-empty{text-align:center;color:var(--oc-muted-foreground);padding:1.5rem 1rem;font-size:.875rem}.oc-command-item[hidden],.oc-command-empty[hidden]{display:none}.oc-toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:.5rem;inline-size:min(22rem,100vw - 2rem);display:flex;position:fixed;inset-block-end:1rem;inset-inline-end:1rem}.oc-toast-container--top{inset-block:1rem auto}.oc-toast-container--static{inline-size:min(22rem,100%);position:static}.oc-toast{--oc-toast-color:var(--oc-primary);pointer-events:auto;color:var(--oc-foreground);background:color-mix(in srgb, var(--oc-toast-color) 8%, var(--oc-popover));border:1px solid color-mix(in srgb, var(--oc-toast-color) 45%, transparent);border-radius:calc(var(--oc-radius) + 2px);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);animation:oc-fade-in var(--oc-transition-normal);align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex}.oc-toast--success{--oc-toast-color:var(--oc-success)}.oc-toast--error{--oc-toast-color:var(--oc-destructive)}.oc-toast--warning{--oc-toast-color:var(--oc-warning)}.oc-toast--info{--oc-toast-color:var(--oc-primary)}.oc-toast-icon{color:var(--oc-toast-color);flex-shrink:0;margin-block-start:.1rem;font-weight:700;line-height:1}.oc-toast-body{flex:1;min-inline-size:0}.oc-toast-title{color:var(--oc-foreground);margin:0;font-size:.875rem;font-weight:600}.oc-toast-description{color:var(--oc-muted-foreground);margin:.125rem 0 0;font-size:.8125rem}.oc-toast-close{color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0 .25rem;font-size:1.1rem;line-height:1.2}.oc-toast-close:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-toast-close:focus-visible{outline:2px solid var(--oc-ring)}.oc-toast--auto{animation:oc-fade-in var(--oc-transition-normal), oc-toast-out .3s ease forwards calc(var(--oc-toast-duration,6s))}@keyframes oc-toast-out{to{opacity:0;visibility:hidden;transform:translate(1rem)}}.oc-segmented{background:var(--oc-muted);border:1px solid var(--oc-border);border-radius:var(--oc-radius);gap:2px;padding:3px;display:inline-flex}.oc-segmented-item{letter-spacing:.02em;color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;transition:background var(--oc-transition-fast), color var(--oc-transition-fast);padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:relative}.oc-segmented-item:hover{color:var(--oc-foreground)}.oc-segmented-item input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.oc-segmented-item:has(input:checked){background:var(--oc-background);color:var(--oc-foreground);box-shadow:0 1px 3px oklch(from var(--color-black-60) l c h / .12);cursor:default}.oc-segmented-item:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:1px}.oc-segmented-item:has(input:disabled){opacity:.5;cursor:not-allowed}.oc-segmented--block{display:flex}.oc-segmented--block .oc-segmented-item{text-align:center;flex:1}.oc-segmented--sm .oc-segmented-item{padding:.125rem .5rem;font-size:.7rem}.oc-stepper{counter-reset:oc-step;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.oc-stepper--horizontal{flex-direction:row;overflow-x:auto}.oc-stepper>li{flex:1 0 auto;display:flex}.oc-stepper-item{inline-size:100%;min-inline-size:10rem;font:inherit;text-align:start;color:var(--oc-muted-foreground);background:var(--oc-surface);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);counter-increment:oc-step;cursor:default;opacity:.85;flex:1 0 auto;align-items:flex-start;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;display:flex}.oc-stepper-item:before{content:counter(oc-step);border:1px solid var(--oc-border-strong);border-radius:50%;flex-shrink:0;place-items:center;block-size:1.375rem;inline-size:1.375rem;font-size:.75rem;font-weight:600;line-height:1;display:grid}.oc-stepper-label{font-weight:500;line-height:1.3;display:block}.oc-stepper-meta{color:var(--oc-muted-foreground);font-size:.75rem;display:block}.oc-stepper-item--done{color:var(--oc-foreground);background:var(--oc-surface-strong);cursor:pointer;opacity:1}.oc-stepper-item--done:before{content:"✓";color:var(--oc-success-foreground);background:var(--oc-success);border-color:var(--oc-success)}.oc-stepper-item--done:hover{background:var(--oc-accent)}.oc-stepper-item--active,.oc-stepper-item[aria-current=step]{color:var(--oc-foreground);background:oklch(from var(--oc-primary) l c h / .08);border-color:var(--oc-primary);box-shadow:0 0 0 1px oklch(from var(--oc-primary) l c h / .35);opacity:1}.oc-stepper-item--active:before,.oc-stepper-item[aria-current=step]:before{color:var(--oc-primary-foreground);background:var(--oc-primary);border-color:var(--oc-primary)}.oc-stepper-item:disabled{cursor:not-allowed}.oc-stepper-item:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-dl-panel{background:var(--oc-surface-strong);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);padding:1rem;font-size:.875rem}.oc-dl-title{color:var(--oc-foreground);margin:0;font-size:.875rem;font-weight:600}.oc-dl-description{color:var(--oc-muted-foreground);margin:.25rem 0 0;font-size:.75rem}.oc-dl{border-block-start:1px solid var(--oc-border);margin:.75rem 0 0}.oc-dl-row{border-block-end:1px solid var(--oc-border);gap:.25rem 1rem;padding:.75rem 0;display:grid}.oc-dl-row:last-child{border-block-end:0;padding-block-end:0}@media (width>=40rem){.oc-dl-row{grid-template-columns:minmax(10rem,40%) minmax(0,1fr);align-items:start}}.oc-dl-term{color:var(--oc-muted-foreground);margin:0;line-height:1.35}.oc-dl-detail{min-inline-size:0;color:var(--oc-foreground);overflow-wrap:anywhere;margin:0;font-weight:600}.oc-dl-footer{border-block-start:1px solid var(--oc-border);margin-block-start:.5rem;padding-block-start:.75rem}details.oc-collapsible{background:var(--oc-card);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);box-shadow:0 1px 2px oklch(from var(--color-black-60) l c h / .05);interpolate-size:allow-keywords}details.oc-collapsible>summary{cursor:pointer;border-radius:calc(var(--oc-radius) + 4px);transition:background var(--oc-transition-fast);align-items:center;gap:.75rem;padding:1rem;list-style:none;display:flex}details.oc-collapsible>summary::-webkit-details-marker{display:none}details.oc-collapsible>summary:hover{background:var(--oc-surface-strong)}details.oc-collapsible>summary:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}details.oc-collapsible>summary:after{content:"";border-inline-end:2px solid var(--oc-muted-foreground);border-block-end:2px solid var(--oc-muted-foreground);block-size:.5rem;inline-size:.5rem;transition:transform var(--oc-transition-normal);flex-shrink:0;margin-inline-start:auto;transform:rotate(45deg)}details.oc-collapsible[open]>summary:after{transform:rotate(225deg)}details.oc-collapsible[open]>summary{border-end-end-radius:0;border-end-start-radius:0}.oc-collapsible-icon{block-size:1.25rem;inline-size:1.25rem;color:var(--oc-primary);flex-shrink:0}.oc-collapsible-title{letter-spacing:-.01em;color:var(--oc-foreground);font-size:1.05rem;font-weight:500}.oc-collapsible-content{border-block-start:1px solid var(--oc-border);padding:1.5rem}.oc-collapsible--dense>summary{padding:.75rem}.oc-collapsible--dense .oc-collapsible-content{padding:1rem}details.oc-collapsible::details-content{block-size:0;transition:block-size var(--oc-transition-normal), content-visibility var(--oc-transition-normal) allow-discrete;overflow:clip}details.oc-collapsible[open]::details-content{block-size:auto}.oc-checklist{flex-direction:column;gap:.375rem;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.oc-checklist-item{color:var(--oc-muted-foreground);align-items:flex-start;gap:.5rem;display:flex}.oc-checklist-item:before{content:"";border:1.5px solid var(--oc-border-strong);border-radius:50%;flex-shrink:0;place-items:center;block-size:1rem;inline-size:1rem;margin-block-start:.05rem;font-size:.65rem;font-weight:700;line-height:1;display:grid}.oc-checklist-item.is-done,.oc-checklist-item[aria-checked=true]{color:var(--oc-success)}.oc-checklist-item.is-done:before,.oc-checklist-item[aria-checked=true]:before{content:"✓";color:var(--oc-success-foreground);background:var(--oc-success);border-color:var(--oc-success)}.oc-checklist--card{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);background:var(--oc-surface);gap:0;font-size:.875rem}.oc-checklist--card .oc-checklist-item{align-items:center;padding:.75rem 1rem}.oc-checklist--card .oc-checklist-item+.oc-checklist-item{border-block-start:1px solid var(--oc-border)}.oc-checklist--card .oc-checklist-item.is-done{color:var(--oc-foreground)}.oc-checklist-text{flex:1;min-inline-size:0}.oc-checklist-title{color:var(--oc-foreground);font-weight:500;display:block}.oc-checklist-hint{color:var(--oc-muted-foreground);font-size:.75rem;display:block}.oc-tag{color:var(--oc-accent-foreground);background:var(--oc-accent);border-radius:calc(var(--oc-radius) - 2px);align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.8125rem;line-height:1.2;display:inline-flex}.oc-tag-remove{font:inherit;color:var(--oc-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0 .15rem;line-height:1}.oc-tag-remove:hover{color:var(--oc-destructive)}.oc-tag-remove:focus-visible{outline:2px solid var(--oc-ring)}.oc-tag-input{background:var(--oc-background);border:1px solid var(--oc-input);border-radius:var(--oc-radius);transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);flex-wrap:wrap;align-items:center;gap:.375rem;padding:.375rem .5rem;display:flex}.oc-tag-input:focus-within{border-color:var(--oc-ring);box-shadow:0 0 0 2px oklch(from var(--oc-ring) l c h / .25)}.oc-tag-input>input{min-inline-size:8rem;font:inherit;color:var(--oc-foreground);background:0 0;border:0;outline:none;flex:1;padding:.25rem;font-size:.875rem}.oc-tag-suggestions{flex-wrap:wrap;gap:.25rem;margin-block-start:.375rem;display:flex}.oc-tag-suggestions>button{font:inherit;color:var(--oc-muted-foreground);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;background:0 0;padding:.15rem .5rem;font-size:.75rem}.oc-tag-suggestions>button:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-otp{--oc-otp-length:6;--oc-otp-cell:2.75ch;inline-size:calc(var(--oc-otp-length) * var(--oc-otp-cell));max-inline-size:100%;padding:.6rem 0 .6rem calc((var(--oc-otp-cell) - 1ch) / 2);letter-spacing:calc(var(--oc-otp-cell) - 1ch);text-align:start;color:var(--oc-foreground);background-color:var(--oc-background);background-image:repeating-linear-gradient(90deg, var(--oc-input) 0 1px, transparent 1px calc(var(--oc-otp-cell) - 1px), var(--oc-input) calc(var(--oc-otp-cell) - 1px) var(--oc-otp-cell));border:0;border-block:1px solid var(--oc-input);border-radius:var(--oc-radius);background-origin:border-box;outline:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.5rem}.oc-otp:focus{box-shadow:0 0 0 2px oklch(from var(--oc-ring) l c h / .35)}.oc-otp[aria-invalid=true]{border-block-color:var(--oc-destructive)}.oc-otp:disabled{opacity:.5;cursor:not-allowed}.oc-input-reveal{display:block;position:relative}.oc-input-reveal>.oc-input{padding-inline-end:2.5rem}.oc-input-reveal-button{block-size:1.75rem;font:inherit;color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;transition:background var(--oc-transition-fast), color var(--oc-transition-fast);background:0 0;border:0;margin-block:auto;padding:0 .5rem;font-size:.75rem;position:absolute;inset-block:0;inset-inline-end:.25rem}.oc-input-reveal-button:hover{color:var(--oc-foreground);background:var(--oc-surface-strong)}.oc-input-reveal-button:focus-visible{outline:2px solid var(--oc-ring)}.oc-input-reveal-button[aria-pressed=true]{color:var(--oc-primary)}.oc-copy-field{background:var(--oc-surface-strong);border:1px solid var(--oc-border);border-radius:var(--oc-radius);align-items:stretch;inline-size:100%;display:flex;overflow:hidden}.oc-copy-field-value{min-inline-size:0;color:var(--oc-foreground);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;outline:none;flex:1;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;overflow:hidden}.oc-copy-field-button{font:inherit;color:var(--oc-foreground);background:var(--oc-muted);border:0;border-inline-start:1px solid var(--oc-border);cursor:pointer;padding:0 .75rem;font-size:.75rem;font-weight:500}.oc-copy-field-button:hover{background:var(--oc-accent)}.oc-copy-field-button:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-copy-field-button.is-copied{color:var(--oc-success)}.oc-color-field{align-items:center;gap:.5rem;display:flex}.oc-color-field>input[type=color]{background:var(--oc-background);border:1px solid var(--oc-input);border-radius:var(--oc-radius);cursor:pointer;block-size:2.25rem;inline-size:2.5rem;padding:2px}.oc-color-field>input[type=color]:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-color-field>.oc-input{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.oc-dropzone{text-align:center;color:var(--oc-foreground);border:1px dashed var(--oc-border-strong);border-radius:calc(var(--oc-radius) + 2px);cursor:pointer;transition:background var(--oc-transition-fast), border-color var(--oc-transition-fast);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;font-size:.875rem;display:flex;position:relative}.oc-dropzone:hover{background:oklch(from var(--oc-accent) l c h / .4)}.oc-dropzone.is-dragover{border-color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .06)}.oc-dropzone:has(input:focus-visible){border-color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .06)}.oc-dropzone:has(input:disabled){opacity:.5;cursor:not-allowed}.oc-dropzone>input[type=file]{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;position:absolute;inset:0}.oc-dropzone-icon svg,.oc-launcher-icon svg,.oc-empty-icon svg{block-size:1.25em;inline-size:1.25em}.oc-dropzone-icon{color:var(--oc-muted-foreground);font-size:1.5rem;line-height:1}.oc-dropzone-hint{color:var(--oc-muted-foreground);font-size:.75rem}.oc-launcher{min-block-size:7.75rem;font:inherit;text-align:start;color:var(--oc-card-foreground);background:var(--oc-card);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);box-shadow:0 1px 2px oklch(from var(--color-black-60) l c h / .05);cursor:pointer;transition:border-color var(--oc-transition-fast), transform var(--oc-transition-fast), box-shadow var(--oc-transition-fast);flex-direction:column;gap:.5rem;padding:1rem;text-decoration:none;display:flex}.oc-launcher:hover{border-color:var(--oc-primary);box-shadow:0 4px 12px oklch(from var(--color-black-60) l c h / .1);transform:translateY(-1px)}.oc-launcher:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-launcher[aria-current=true],.oc-launcher.is-active{border-color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .06)}.oc-launcher[aria-disabled=true],.oc-launcher:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.oc-launcher-icon{block-size:2.5rem;inline-size:2.5rem;color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1);border-radius:calc(var(--oc-radius) + 2px);place-items:center;font-size:1.25rem;display:grid}.oc-launcher-title{color:var(--oc-foreground);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.oc-launcher-description{color:var(--oc-muted-foreground);margin:0;font-size:.8125rem;line-height:1.45}.oc-launcher-footer{color:var(--oc-muted-foreground);margin-block-start:auto;font-size:.75rem}.oc-recovery-codes{background:oklch(from var(--oc-warning) l c h / .08);border:2px solid var(--oc-warning);border-radius:calc(var(--oc-radius) + 2px);padding:1rem}.oc-recovery-codes-title{color:var(--oc-foreground);margin:0;font-size:.875rem;font-weight:600}.oc-recovery-codes-warning{color:var(--oc-muted-foreground);margin:.25rem 0 0;font-size:.75rem}.oc-recovery-codes-list{font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;color:var(--oc-foreground);background:var(--oc-background);border:1px solid var(--oc-border);border-radius:var(--oc-radius);grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem 1.5rem;margin:.75rem 0 0;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem;list-style:none;display:grid}.oc-recovery-codes-actions{flex-wrap:wrap;gap:.5rem;margin-block-start:.75rem;display:flex}.oc-table--borderless th,.oc-table--borderless td{border-inline:0}.oc-table--borderless{border-collapse:collapse}.oc-table--compact th,.oc-table--compact td{padding:.25rem .5rem;font-size:.8125rem}.oc-table--striped tbody tr:nth-child(2n){background:var(--oc-surface)}.oc-table--sticky thead th{z-index:1;position:sticky;inset-block-start:0}.oc-table th[data-numeric],.oc-table td[data-numeric]{text-align:end;font-variant-numeric:tabular-nums}.oc-table tbody tr[aria-selected=true]{background:oklch(from var(--oc-primary) l c h / .1)}.oc-table-sort{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.375rem;padding:0;text-decoration:none;display:inline-flex}.oc-table-sort:after{content:"↕";opacity:.35;font-size:.75em}.oc-table th[aria-sort=ascending] .oc-table-sort:after{content:"↑";opacity:1;color:var(--oc-primary)}.oc-table th[aria-sort=descending] .oc-table-sort:after{content:"↓";opacity:1;color:var(--oc-primary)}.oc-table-sort:hover{color:var(--oc-foreground)}.oc-table-sort:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-table-actions{white-space:nowrap;text-align:end}.oc-table-actions>*+*{margin-inline-start:.25rem}.oc-table-row-action{font:inherit;color:var(--oc-muted-foreground);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;transition:color var(--oc-transition-fast), background var(--oc-transition-fast);background:0 0;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-flex}.oc-table-row-action:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-table-row-action--primary:hover{color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1)}.oc-table-row-action--success:hover{color:var(--oc-success);background:oklch(from var(--oc-success) l c h / .1)}.oc-table-row-action--destructive{color:var(--oc-destructive)}.oc-table-row-action--destructive:hover{background:oklch(from var(--oc-destructive) l c h / .1)}.oc-table-row-action:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-table-row-action:disabled,.oc-table-row-action[aria-disabled=true]{opacity:.5;pointer-events:none}.oc-table-empty td{border:0;padding:0}.oc-table-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;padding-block-end:.75rem;display:flex}.oc-table-toolbar-spacer{flex:1}.oc-table-toolbar .oc-input{inline-size:min(20rem,100%)}.oc-table-footer{color:var(--oc-muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-block-start:.75rem;font-size:.8125rem;display:flex}.oc-table-footer .oc-select{inline-size:auto;padding-block:.25rem}.oc-filter-pills{border-inline-start:1px solid var(--oc-border);flex-wrap:wrap;gap:.25rem;padding-inline-start:.5rem;display:inline-flex}.oc-filter-pill{font:inherit;color:var(--oc-muted-foreground);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.25rem .625rem;font-size:.75rem;font-weight:500;text-decoration:none}.oc-filter-pill:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-filter-pill[aria-current=true],.oc-filter-pill.is-active{color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1);border-color:oklch(from var(--oc-primary) l c h / .35)}.oc-filter-pill:focus-visible{outline:2px solid var(--oc-ring)}@media (prefers-reduced-motion:reduce){.oc-sidebar,.oc-toast,.oc-launcher,dialog.oc-sheet[open] .oc-sheet-content,.oc-popover[popover],details.oc-collapsible>summary:after{transition:none;animation:none}details.oc-collapsible::details-content{transition:none;animation:none}.oc-toast--auto{animation:none}}:root{--oc-accent-from:var(--oc-brand-1);--oc-accent-to:var(--oc-brand-2);--oc-radius-lg:1.25rem;--oc-radius-md:.75rem;--oc-ease-out:cubic-bezier(.2, .8, .2, 1)}.oc-accent--blue{--oc-accent-from:light-dark(var(--color-vividblue-95),var(--color-vividblue-60));--oc-accent-to:light-dark(var(--color-blue-40),var(--color-blue-20))}.oc-accent--cyan{--oc-accent-from:light-dark(var(--color-teal-60),var(--color-skycyan-70));--oc-accent-to:light-dark(var(--color-teal-80),var(--color-teal-40))}.oc-accent--green{--oc-accent-from:light-dark(var(--color-green-60),var(--color-green-20));--oc-accent-to:light-dark(var(--color-teal-70),var(--color-teal-50))}.oc-accent--orange{--oc-accent-from:light-dark(var(--color-peru-80),var(--color-orange-70));--oc-accent-to:light-dark(var(--color-red-70),var(--color-red-40))}.oc-accent--red{--oc-accent-from:light-dark(var(--color-red-60),var(--color-red-30));--oc-accent-to:light-dark(var(--color-magenta-80),var(--color-magenta-60))}.oc-accent--violet{--oc-accent-from:light-dark(var(--color-purple-30),var(--color-violet-70));--oc-accent-to:light-dark(var(--color-indigo-30),var(--color-purple-30))}.oc-accent--yellow{--oc-accent-from:light-dark(var(--color-peru-60),var(--color-yellow-80));--oc-accent-to:light-dark(var(--color-orange-95),var(--color-orange-80))}.oc-text-gradient,.oc-text-accent{background:var(--oc-gradient-brand);color:#0000;background-clip:text}.oc-text-accent{background-image:linear-gradient(100deg, var(--oc-accent-from), var(--oc-accent-to))}.oc-eyebrow{color:var(--oc-brand-1);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem;font-size:.8rem;font-weight:600}.oc-btn--pill{border-radius:999px}.oc-btn--gradient{background:linear-gradient(100deg, var(--oc-accent-from), var(--oc-accent-to)) border-box;color:var(--color-white-50);box-shadow:0 10px 30px -10px var(--oc-accent-to);transition:transform .2s var(--oc-ease-out), box-shadow .2s;border-radius:999px}.oc-btn--gradient:hover{box-shadow:0 16px 40px -10px var(--oc-accent-to);opacity:1;transform:translateY(-2px)}.oc-btn--glass{border-color:var(--oc-border-strong);background:var(--oc-surface);color:var(--oc-foreground);border-radius:999px}.oc-btn--glass:hover{background:var(--oc-surface-strong)}.oc-link-arrow{color:var(--oc-brand-1);align-items:center;gap:.4rem;font-weight:600;text-decoration:none;display:inline-flex}.oc-link-arrow:after{content:"→";transition:translate .2s var(--oc-ease-out)}.oc-link-arrow:hover:after{translate:4px}.oc-backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.oc-backdrop--local{position:absolute}.oc-backdrop:before,.oc-backdrop:after,.oc-backdrop>.oc-backdrop__blob{content:"";aspect-ratio:1;filter:blur(120px);inline-size:42rem;opacity:var(--oc-backdrop-opacity,.35);border-radius:50%;animation:24s ease-in-out infinite alternate oc-drift;position:absolute}.oc-backdrop:before{background:var(--color-blue-40);inset-block-start:-18rem;inset-inline-start:-12rem}.oc-backdrop:after{background:var(--color-purple-30);animation-delay:-8s;inset-block-start:10rem;inset-inline-end:-16rem}.oc-backdrop>.oc-backdrop__blob{background:var(--color-teal-40);opacity:calc(var(--oc-backdrop-opacity,.35) * .6);animation-delay:-16s;inset-block-end:-20rem;inset-inline-start:30%}.oc-backdrop>.oc-backdrop__grid{background-image:linear-gradient(oklch(from var(--oc-foreground) l c h / .05) 1px, transparent 1px), linear-gradient(90deg, oklch(from var(--oc-foreground) l c h / .05) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:0;mask-image:radial-gradient(at 50% 0,#000 20%,#0000 70%)}@keyframes oc-drift{to{transform:translate(6rem,4rem)scale(1.15)}}.oc-container{inline-size:min(100% - 2.5rem, var(--oc-container,1200px));margin-inline:auto}.oc-section-pad{padding-block:clamp(4rem,9vw,7rem)}.oc-section-pad--tight{padding-block:clamp(2rem,5vw,3.5rem)}.oc-display{letter-spacing:-.025em;text-wrap:balance;margin:0 0 1.5rem;font-size:clamp(2.6rem,5.6vw,4.6rem);font-weight:700;line-height:1.05}.oc-display--md{font-size:clamp(1.9rem,4vw,3rem)}.oc-lead{color:var(--oc-muted-foreground);text-wrap:pretty;max-inline-size:42rem;margin:0 0 1rem;font-size:1.15rem;line-height:1.65}.oc-split{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:center;gap:3rem;display:grid}.oc-code-window{border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-lg);background:oklch(from var(--color-shallowblue-60) l c h / .9);box-shadow:0 40px 80px -30px oklch(from var(--color-black-50) l c h / .6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color-scheme:dark;position:relative;overflow:hidden}.oc-code-window__bar{border-block-end:1px solid var(--oc-border);align-items:center;gap:.45rem;padding:.8rem 1rem;display:flex}.oc-code-window__bar>i{aspect-ratio:1;background:var(--color-red-50);border-radius:50%;inline-size:.7rem}.oc-code-window__bar>i:nth-child(2){background:var(--color-orange-60)}.oc-code-window__bar>i:nth-child(3){background:var(--color-green-20)}.oc-code-window__title{color:var(--oc-muted-foreground);font-family:var(--oc-font-mono);margin-inline-start:.6rem;font-size:.78rem}.oc-code-window .oc-code-block{border:0;border-radius:0;margin:0}.oc-code-window__body{font-family:var(--oc-font-mono);color:var(--oc-foreground);margin:0;padding:1.4rem 1.5rem;font-size:clamp(.75rem,1.3vw,.92rem);line-height:1.85;overflow-x:auto}.oc-browser-frame{border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-md);background:var(--oc-card);box-shadow:0 30px 60px -30px oklch(from var(--oc-accent-to) l c h / .55);display:block;overflow:hidden}.oc-browser-frame__bar{border-block-end:1px solid var(--oc-border);background:var(--oc-surface-strong);gap:.4rem;padding:.6rem .8rem;display:flex}.oc-browser-frame__bar>i{aspect-ratio:1;background:var(--oc-border-strong);border-radius:50%;inline-size:.6rem}.oc-browser-frame__bar>i:first-child{background:var(--oc-accent-from)}.oc-browser-frame>img,.oc-browser-frame__body{aspect-ratio:16/10;object-fit:cover;object-position:top;inline-size:100%;display:block}.oc-icon-tile{--oc-tile-size:3rem;inline-size:var(--oc-tile-size);aspect-ratio:1;border:1px solid oklch(from var(--oc-accent-from) l c h / .4);background:linear-gradient(135deg, oklch(from var(--oc-accent-from) l c h / .3), oklch(from var(--oc-accent-to) l c h / .18)), var(--oc-card);color:light-dark(var(--oc-accent-from),oklch(from var(--oc-accent-from) max(l, .72) c h));font-size:calc(var(--oc-tile-size) * .45);border-radius:28%;flex-shrink:0;place-items:center;line-height:1;display:inline-grid}.oc-icon-tile>:is(img,svg){object-fit:contain;block-size:58%;inline-size:58%}.oc-icon-tile--sm{--oc-tile-size:2.4rem}.oc-icon-tile--lg{--oc-tile-size:3.5rem}.oc-icon-tile--xl{--oc-tile-size:clamp(7rem, 22vw, 15rem);box-shadow:0 0 120px -20px var(--oc-accent-from);border-radius:30%}.oc-icon-tile--float{animation:6s ease-in-out infinite oc-float}@keyframes oc-float{50%{translate:0 -12px}}.oc-card-grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--oc-card-min,17rem)), 1fr));gap:1.25rem;display:grid}.oc-product-card{border:1px solid var(--oc-border);border-radius:var(--oc-radius-lg);background:radial-gradient(22rem circle at 50% 0%, oklch(from var(--oc-accent-from) l c h / var(--oc-glow,0)), transparent 60%), var(--oc-surface);color:var(--oc-foreground);transition:transform .35s var(--oc-ease-out), border-color .35s, --oc-glow .35s;flex-direction:column;gap:.5rem;padding:1.6rem;text-decoration:none;display:flex;position:relative}@property --oc-glow{syntax:"<number>";inherits:false;initial-value:0}.oc-product-card:hover{--oc-glow:.22;border-color:oklch(from var(--oc-accent-from) l c h / .55);transform:translateY(-6px)}.oc-product-card__top{justify-content:space-between;align-items:flex-start;margin-block-end:.75rem;display:flex}.oc-product-card__name{letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:700}.oc-product-card__tagline{color:light-dark(var(--oc-accent-from),oklch(from var(--oc-accent-from) max(l, .72) c h));margin:0;font-size:.95rem;font-weight:600}.oc-product-card__summary{color:var(--oc-muted-foreground);flex-grow:1;margin:0;font-size:.95rem}.oc-product-card__more{align-items:center;gap:.4rem;margin-block-start:.75rem;font-size:.92rem;font-weight:600;display:inline-flex}.oc-product-card__more:after{content:"→";transition:translate .25s var(--oc-ease-out)}.oc-product-card:hover .oc-product-card__more:after{translate:5px}.oc-pill{border:1px solid var(--oc-border);background:var(--oc-surface);color:var(--oc-muted-foreground);border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.oc-pill--accent{border-color:oklch(from var(--oc-accent-from) l c h / .45);background:oklch(from var(--oc-accent-from) l c h / .14);color:light-dark(var(--oc-accent-from),oklch(from var(--oc-accent-from) max(l, .72) c h))}.oc-status-dot{--oc-status-dot-pulse-alpha:.6;--oc-status-dot-pulse-size:8px;aspect-ratio:1;background:var(--oc-accent-from);border-radius:50%;inline-size:.5rem;animation:2s infinite oc-pulse}.oc-status-dot--strong{--oc-status-dot-pulse-alpha:1;--oc-status-dot-pulse-size:10px}@keyframes oc-pulse{0%{box-shadow:0 0 0 0 oklch(from var(--oc-accent-from) l c h / var(--oc-status-dot-pulse-alpha))}70%,to{box-shadow:0 0 0 var(--oc-status-dot-pulse-size) transparent}}.oc-stat-strip{border-block:1px solid var(--oc-border);background:var(--oc-surface);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.oc-stat-strip__item{border-inline-start:1px solid var(--oc-border);padding:2rem 1.5rem}.oc-stat-strip__item:first-child{border-inline-start:0}.oc-stat-strip__value{font-size:clamp(2.2rem,4vw,3rem);font-weight:700;line-height:1.1}.oc-stat-strip__suffix{color:var(--oc-brand-1)}.oc-stat-strip__label{color:var(--oc-muted-foreground);font-size:.92rem;display:block}.oc-spotlight{border:1px solid oklch(from var(--oc-accent-from) l c h / .4);border-radius:calc(var(--oc-radius-lg) * 1.6);background:radial-gradient(36rem circle at 100% 0%, oklch(from var(--oc-accent-to) l c h / .16), transparent 60%), radial-gradient(36rem circle at 0% 100%, oklch(from var(--oc-accent-from) l c h / .22), transparent 60%), var(--oc-card);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));align-items:center;gap:3rem;padding:clamp(2rem,5vw,3.5rem);display:grid}.oc-spotlight__title{align-items:center;gap:1rem;margin:1.25rem 0 .5rem;font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.1;display:flex}.oc-spotlight__tagline{color:light-dark(var(--oc-accent-from),oklch(from var(--oc-accent-from) max(l, .72) c h));font-size:1.2rem;font-weight:600}.oc-spotlight__modules{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.oc-spotlight__modules>li{border:1px solid var(--oc-border);border-radius:var(--oc-radius-md);background:var(--oc-surface);align-items:center;gap:.75rem;padding:.9rem;font-size:.95rem;display:flex}.oc-steps{counter-reset:oc-step;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.oc-steps>li{border-block-start:2px solid var(--oc-border-strong);counter-increment:oc-step;padding:1.75rem 1.5rem;position:relative}.oc-steps>li:before{content:"";background:var(--oc-gradient-brand);block-size:2px;inline-size:3rem;position:absolute;inset-block-start:-2px;inset-inline-start:0}.oc-steps>li:after{content:counter(oc-step, decimal-leading-zero);color:var(--oc-brand-1);font-family:var(--oc-font-mono);font-size:.85rem;position:absolute;inset-block-start:1.75rem;inset-inline-end:1.5rem}.oc-steps h3{margin:0 0 .5rem;font-size:1.3rem}.oc-steps p{color:var(--oc-muted-foreground);margin:0;font-size:.95rem}.oc-marquee{overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.oc-marquee__track{inline-size:max-content;animation:oc-marquee var(--oc-marquee-duration,40s) linear infinite;gap:1rem;display:flex}.oc-marquee:hover .oc-marquee__track{animation-play-state:paused}.oc-marquee__item{border:1px solid var(--oc-border);background:var(--oc-surface);color:var(--oc-muted-foreground);font-family:var(--oc-font-mono);white-space:nowrap;border-radius:999px;padding:.6rem 1.2rem;font-size:.88rem}@keyframes oc-marquee{to{transform:translate(calc(-50% - .5rem))}}.oc-timeline{border-inline-start:1px solid var(--oc-border-strong);gap:.9rem;margin:0;padding:0 0 0 1.25rem;list-style:none;display:grid}.oc-timeline>li{gap:.15rem;display:grid}.oc-timeline strong{color:var(--oc-brand-1);font-family:var(--oc-font-mono);font-size:.9rem}.oc-timeline span{color:var(--oc-muted-foreground);font-size:.95rem}.oc-fact-list{border:1px solid var(--oc-border);border-radius:var(--oc-radius-lg);background:var(--oc-surface);margin:0}.oc-fact-list>div{border-block-start:1px solid var(--oc-border);justify-content:space-between;gap:1rem;padding:1rem 1.25rem;display:flex}.oc-fact-list>div:first-child{border-block-start:0}.oc-fact-list dt{color:var(--oc-muted-foreground)}.oc-fact-list dd{text-align:end;margin:0;font-weight:600}.oc-tag-list{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.oc-tag-list>li{border:1px solid oklch(from var(--oc-accent-from) l c h / .35);background:oklch(from var(--oc-accent-from) l c h / .1);font-family:var(--oc-font-mono);border-radius:999px;padding:.55rem 1.1rem;font-size:.88rem}.oc-check-list{gap:.5rem;margin:1.1rem 0 0;padding:0;font-size:.93rem;list-style:none;display:grid}.oc-check-list>li{align-items:baseline;gap:.5rem;display:flex}.oc-check-list>li:before{content:"✓";color:var(--oc-brand-1);font-weight:700}.oc-site-header{z-index:50;border-block-end:1px solid #0000;position:sticky;inset-block-start:0}@supports (animation-timeline:scroll()){.oc-site-header{animation:linear both oc-header-glass;animation-timeline:scroll(root);animation-range:0 120px}}@keyframes oc-header-glass{to{background:oklch(from var(--oc-background) l c h / .72);border-block-end-color:var(--oc-border);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4)}}.oc-site-header__inner{justify-content:space-between;align-items:center;gap:1rem;block-size:4.5rem;display:flex}.oc-site-header__brand{color:var(--oc-foreground);letter-spacing:-.03em;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:700;text-decoration:none;display:inline-flex}.oc-site-header__nav{align-items:center;gap:2rem;font-size:.95rem;display:flex}.oc-site-header__nav[popover]{color:inherit;background:0 0;border:0;margin:0;padding:0;position:static;inset:auto;overflow:visible}.oc-site-header__nav a:not(.oc-btn){color:var(--oc-muted-foreground);text-decoration:none;transition:color .2s}.oc-site-header__nav a:not(.oc-btn):hover,.oc-site-header__nav a[aria-current=page]{color:var(--oc-foreground)}.oc-site-header__toggle{border:1px solid var(--oc-border);border-radius:var(--oc-radius-md);background:var(--oc-surface);color:var(--oc-foreground);cursor:pointer;padding:.5rem .7rem;display:none}@media (width>=861px){.oc-site-header__nav[popover]{display:flex}}@media (width<=860px){.oc-site-header__toggle{display:block}.oc-site-header__nav[popover]:not(:popover-open){display:none}.oc-site-header__nav[popover]:popover-open{border-block-end:1px solid var(--oc-border);background:oklch(from var(--oc-background) l c h / .96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;align-items:stretch;gap:.25rem;block-size:auto;inline-size:auto;padding:1rem 1.25rem 1.5rem;display:flex;position:fixed;inset:4.5rem 0 auto}.oc-site-header__nav[popover] a:not(.oc-btn){padding:.75rem 0;font-size:1.1rem}}.oc-site-footer{border-block-start:1px solid var(--oc-border);background:linear-gradient(to bottom, transparent, var(--oc-surface-strong));color:var(--oc-muted-foreground);margin-block-start:4rem;padding-block-start:4rem;font-size:.95rem}.oc-site-footer__grid{grid-template-columns:1.6fr repeat(3,1fr);gap:2.5rem;display:grid}.oc-site-footer__about p{max-inline-size:22rem;margin-block:1rem 0}.oc-site-footer__title{color:var(--oc-foreground);margin:0 0 1rem;font-size:.95rem;font-weight:700}.oc-site-footer__list{flex-direction:column;gap:.5rem;margin:0;padding:0;font-style:normal;list-style:none;display:flex}.oc-site-footer a{color:inherit;text-decoration:none}.oc-site-footer a:hover{color:var(--oc-foreground)}.oc-site-footer__bottom{border-block-start:1px solid var(--oc-border);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-block-start:3rem;padding-block:1.5rem;font-size:.85rem;display:flex}@media (width<=860px){.oc-site-footer__grid{grid-template-columns:1fr 1fr}.oc-site-footer__about{grid-column:1/-1}}@supports (animation-timeline:view()){.oc-reveal{animation:linear both oc-reveal;animation-timeline:view();animation-range:entry cover 30%}}@keyframes oc-reveal{0%{opacity:0;translate:0 24px}}@media (prefers-reduced-motion:reduce){.oc-backdrop:before,.oc-backdrop:after,.oc-backdrop>.oc-backdrop__blob,.oc-icon-tile--float,.oc-marquee__track,.oc-status-dot,.oc-reveal,.oc-site-header{animation:none}}.oc-sidebar--docs{--oc-sidebar-width:auto;--oc-sidebar-docs-active:oklch(from var(--oc-primary) l c h / .1);background:0 0;border:0;gap:0;block-size:auto;inline-size:auto}.oc-sidebar-title{color:var(--oc-foreground);margin:0 0 .75rem;font-size:1rem;font-weight:600}.oc-sidebar--docs .oc-sidebar-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--oc-muted-foreground);margin:1rem 0 .5rem;padding:0;font-size:.75rem}.oc-sidebar--docs .oc-sidebar-menu{gap:6px}.oc-sidebar--docs .oc-sidebar-menu-button{border:1px solid #0000;border-radius:8px;padding:.5rem .625rem;display:block}.oc-sidebar--docs .oc-sidebar-menu-button:hover{color:var(--oc-foreground);border-color:var(--oc-border);background:oklch(from var(--oc-foreground) l c h / .03)}.oc-sidebar--docs .oc-sidebar-menu-button[aria-current=page],.oc-sidebar--docs .oc-sidebar-menu-button.is-active{color:var(--oc-foreground);border-color:var(--oc-primary);background:var(--oc-sidebar-docs-active);font-weight:500}.oc-sidebar--docs .oc-sidebar-menu-sub{border-inline-start:1px dashed var(--oc-border);gap:4px;margin:4px 0 0 .625rem;padding:0 0 0 .625rem}.oc-sidebar--docs .oc-sidebar-menu-sub .oc-sidebar-menu-button{padding:.375rem .5rem;font-size:.84rem}.oc-sidebar--docs details.oc-sidebar-collapsible>summary{display:flex}.oc-sidebar--docs.oc-sidebar--collapsed{inline-size:auto}.oc-toc{max-block-size:100%;padding-block-start:2px;padding-inline-end:.5rem;position:sticky;inset-block-start:0;overflow:auto}.oc-toc-title{text-transform:uppercase;letter-spacing:.08em;color:var(--oc-muted-foreground);margin:1rem 0 .5rem;font-size:.75rem}.oc-toc-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.oc-toc-link{color:var(--oc-muted-foreground);overflow-wrap:anywhere;border:1px solid #0000;border-radius:8px;padding:.375rem .5rem;font-size:.875rem;text-decoration:none;display:block}.oc-toc-link:hover{color:var(--oc-foreground);border-color:var(--oc-border)}.oc-toc-link:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-toc-link[aria-current],.oc-toc-link.is-active{color:var(--oc-foreground);border-color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1)}.oc-toc-list{scroll-target-group:auto}.oc-toc-link:target-current{color:var(--oc-foreground);border-color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1)}.oc-toc-item--sub{margin-inline-start:.75rem}.oc-toc-item--sub .oc-toc-link{font-size:.8125rem}.oc-topbar{box-sizing:border-box;min-block-size:var(--ocm-header-height,3.75rem);color:var(--oc-foreground);background:var(--ocm-header-bg,oklch(from var(--oc-background) l c h / .78));border-block-end:1px solid var(--ocm-header-border,var(--oc-border));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-inline:clamp(14px,2vw,28px);display:flex;position:relative}.oc-topbar--fixed{z-index:1100;position:fixed;inset:0 0 auto}.oc-topbar-brand{letter-spacing:.02em;color:inherit;white-space:nowrap;margin:0;font-size:1.1rem;font-weight:700;text-decoration:none}.oc-topbar-nav{display:block}.oc-topbar-actions{flex-shrink:0;align-items:center;gap:.5rem;margin:0;display:flex}.oc-navmenu--site{gap:8px}.oc-navmenu--site .oc-navmenu-link{border:1px solid var(--oc-border);background:oklch(from var(--oc-foreground) l c h / .03);border-radius:10px;gap:4px;padding:.5rem .75rem;font-weight:400}.oc-navmenu--site .oc-navmenu-link:hover,.oc-navmenu--site .oc-navmenu-link[aria-current=page]{color:var(--oc-foreground);border-color:var(--oc-primary);background:oklch(from var(--oc-foreground) l c h / .03)}.oc-navmenu-icon{flex-shrink:0;block-size:1.25rem;inline-size:1.25rem}.oc-topbar-toggle{opacity:0;pointer-events:none;position:absolute}.oc-topbar-burger{border:1px solid var(--oc-border);border-radius:var(--oc-radius);cursor:pointer;block-size:2.25rem;inline-size:2.25rem;color:var(--oc-foreground);justify-content:center;align-items:center;display:none}.oc-topbar-burger:hover{background:var(--oc-accent)}.oc-topbar-toggle:focus-visible+.oc-topbar-burger{outline:2px solid var(--oc-ring);outline-offset:2px}@media (width<=760px){.oc-topbar{padding-block:8px}.oc-topbar--collapsible .oc-topbar-burger{display:inline-flex}.oc-topbar--collapsible .oc-topbar-nav{order:3;inline-size:100%;display:none}.oc-topbar--collapsible:has(.oc-topbar-toggle:checked) .oc-topbar-nav{display:block}}.oc-footerbar{box-sizing:border-box;block-size:var(--ocm-footer-height,2.25rem);text-align:center;color:var(--oc-muted-foreground);background:var(--ocm-footer-bg,oklch(from var(--oc-background) l c h / .9));border-block-start:1px solid var(--ocm-header-border,var(--oc-border));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;gap:.25em;padding-inline:clamp(14px,2vw,28px);font-size:.82rem;display:flex}.oc-footerbar a{color:var(--oc-primary)}.oc-footerbar--fixed{z-index:1000;position:fixed;inset:auto 0 0}.oc-search{inline-size:100%;max-inline-size:20rem;color:var(--oc-muted-foreground);background:var(--oc-background);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);align-items:center;gap:.5rem;padding-inline:.625rem;display:flex}.oc-search:focus-within{border-color:var(--oc-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-ring) 25%, transparent)}.oc-search-icon{flex-shrink:0;block-size:1rem;inline-size:1rem}.oc-search-input{min-inline-size:0;font:inherit;color:var(--oc-foreground);background:0 0;border:0;outline:0;flex:1;padding-block:.5rem;font-size:.875rem}.oc-search-input::placeholder{color:var(--oc-muted-foreground)}.oc-search-input::-webkit-search-cancel-button{cursor:pointer}.oc-search-hint{font:.72rem var(--oc-font-mono,ui-monospace, monospace);color:var(--oc-muted-foreground);border:1px solid var(--oc-border);border-radius:4px;padding:.1rem .4rem}.oc-search:focus-within .oc-search-hint{display:none}.oc-demo{border:1px solid var(--oc-border);background:color-mix(in oklch, light-dark(var(--color-white-50),var(--color-shallowblue-80)) 70%, transparent);border-radius:12px;flex-direction:column;gap:10px;margin:12px 0 20px;padding:clamp(12px,2vw,20px);display:flex}.oc-demo>.oc-preview__title{margin:4px 0 0}.oc-demo__preview{border:1px solid var(--oc-border);background:var(--oc-background);border-radius:10px;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:clamp(12px,2vw,20px);display:flex;overflow-x:auto}.oc-demo__preview>*{min-width:0}.oc-demo__preview--tall{align-items:flex-start;min-block-size:20rem;overflow:visible}.oc-demo__preview--center{justify-content:center;align-items:center}.oc-demo .oc-code-block{margin:0}.oc-demo__tablist{border-radius:calc(var(--oc-radius) + 2px);background:var(--oc-muted);gap:4px;inline-size:fit-content;padding:3px;display:flex}.oc-demo__tab{color:var(--oc-muted-foreground);border-radius:var(--oc-radius);cursor:pointer;padding:.3rem .9rem;font-size:.8125rem;font-weight:500;position:relative}.oc-demo__tab input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.oc-demo__tab:has(input:checked){color:var(--oc-foreground);background:var(--oc-background);box-shadow:0 1px 2px oklch(from var(--oc-foreground) l c h / .15)}.oc-demo__tab:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:1px}.oc-demo--tabs>.oc-demo__code{display:none}.oc-demo--tabs:has(.oc-demo__tab:nth-child(2) input:checked)>.oc-demo__preview{display:none}.oc-demo--tabs:has(.oc-demo__tab:nth-child(2) input:checked)>.oc-demo__code{display:block}.oc-code-copy{font:inherit;color:var(--oc-muted-foreground);background:var(--oc-card);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;transition:color var(--oc-transition-fast), border-color var(--oc-transition-fast);padding:.25rem .625rem;font-size:.75rem;position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}.oc-code-copy:hover{color:var(--oc-foreground);border-color:var(--oc-border-strong)}.oc-code-copy:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-code-copy.is-copied{color:var(--oc-success);border-color:currentColor}.oc-code-window:has(.oc-code-copy){position:relative}.oc-code-window__bar .oc-code-copy{margin-inline-start:auto;position:static}.oc-btn--toggle{position:relative}.oc-btn--toggle>input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.oc-btn--toggle:has(>input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:2px}:is(.oc-btn--toggle .oc-btn-toggle__on,.oc-btn--toggle:has(>input:checked) .oc-btn-toggle__off){display:none}.oc-btn--toggle:has(>input:checked) .oc-btn-toggle__on{display:inline}.oc-showmore__extra{display:none}.oc-showmore:has(.oc-btn--toggle>input:checked) .oc-showmore__extra{display:revert}.oc-demo__preview>:is(.oc-topbar,.oc-footerbar,.oc-demo,.oc-code-window,.oc-expandable-table,.oc-showmore){flex:100%}.oc-demo__preview>:is(.oc-timeline,.oc-fact-list,.oc-project-card){inline-size:100%}.oc-demo__preview>.oc-price-card{inline-size:min(100%,24rem)}.oc-spinner{--oc-spinner-size:1.25rem;inline-size:var(--oc-spinner-size);block-size:var(--oc-spinner-size);vertical-align:-.2em;border:max(2px, calc(var(--oc-spinner-size) / 10)) solid color-mix(in oklab, currentColor 22%, transparent);border-block-start-color:currentColor;border-radius:50%;flex:none;animation:.75s linear infinite oc-spinner-rotate;display:inline-block}.oc-spinner--sm{--oc-spinner-size:.875rem}.oc-spinner--lg{--oc-spinner-size:2rem}.oc-spinner--xl{--oc-spinner-size:3rem}.oc-spinner--primary{color:var(--oc-primary)}.oc-spinner--muted{color:var(--oc-muted-foreground)}@keyframes oc-spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.oc-spinner{animation-duration:2.5s}}.oc-kbd{block-size:1.4rem;min-inline-size:1.4rem;color:var(--oc-muted-foreground);background:var(--oc-muted);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 3px);white-space:nowrap;-webkit-user-select:none;user-select:none;border-block-end-width:2px;justify-content:center;align-items:center;padding:0 .35rem;font:600 .6875rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-flex}.oc-kbd-group{align-items:center;gap:.25rem;display:inline-flex}.oc-kbd-group>.oc-kbd-sep{color:var(--oc-muted-foreground);font-size:.75rem}.oc-slider{--oc-slider-progress:0%;--oc-slider-track:.375rem;--oc-slider-thumb:1.125rem;appearance:none;inline-size:100%;block-size:var(--oc-slider-thumb);cursor:pointer;accent-color:var(--oc-primary);background:0 0;margin:0;padding:0;display:block}.oc-slider:focus{outline:none}.oc-slider::-webkit-slider-runnable-track{block-size:var(--oc-slider-track);background:linear-gradient(to right, var(--oc-primary) var(--oc-slider-progress), var(--oc-muted) var(--oc-slider-progress));box-shadow:inset 0 0 0 1px var(--oc-border);border-radius:999px}.oc-slider::-webkit-slider-thumb{appearance:none;inline-size:var(--oc-slider-thumb);block-size:var(--oc-slider-thumb);border:2px solid var(--oc-primary);background:var(--oc-background);box-shadow:0 1px 3px oklch(from var(--color-black-60) l c h / .25);transition:box-shadow var(--oc-transition-fast), scale var(--oc-transition-fast);border-radius:50%;margin-block-start:calc((var(--oc-slider-track) - var(--oc-slider-thumb)) / 2)}.oc-slider::-moz-range-track{block-size:var(--oc-slider-track);background:var(--oc-muted);box-shadow:inset 0 0 0 1px var(--oc-border);border-radius:999px}.oc-slider::-moz-range-progress{block-size:var(--oc-slider-track);background:var(--oc-primary);border-radius:999px}.oc-slider::-moz-range-thumb{box-sizing:border-box;inline-size:var(--oc-slider-thumb);block-size:var(--oc-slider-thumb);border:2px solid var(--oc-primary);background:var(--oc-background);box-shadow:0 1px 3px oklch(from var(--color-black-60) l c h / .25);border-radius:50%}.oc-slider:hover::-webkit-slider-thumb{scale:1.08}.oc-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px oklch(from var(--oc-ring) l c h / .28)}.oc-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px oklch(from var(--oc-ring) l c h / .28)}.oc-slider:disabled{opacity:.5;cursor:not-allowed}.oc-slider--vertical{writing-mode:vertical-lr;inline-size:var(--oc-slider-thumb);direction:rtl;block-size:10rem}.oc-slider--vertical::-webkit-slider-runnable-track{background:linear-gradient(to top, var(--oc-primary) var(--oc-slider-progress), var(--oc-muted) var(--oc-slider-progress))}.oc-toggle{min-block-size:2.25rem;color:var(--oc-foreground);border-radius:var(--oc-radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--oc-transition-fast), color var(--oc-transition-fast), border-color var(--oc-transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 .75rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1;display:inline-flex;position:relative}.oc-toggle:hover{background:var(--oc-muted)}.oc-toggle:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-toggle:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:1px}.oc-toggle[aria-pressed=true],.oc-toggle[data-state=on]{background:color-mix(in oklab, var(--oc-primary) 16%, transparent);color:var(--oc-foreground)}.oc-toggle:has(input:checked){background:color-mix(in oklab, var(--oc-primary) 16%, transparent);color:var(--oc-foreground)}.oc-toggle[disabled]{opacity:.5;pointer-events:none}.oc-toggle:has(input:disabled){opacity:.5;pointer-events:none}.oc-toggle input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.oc-toggle svg{flex:none;block-size:1rem;inline-size:1rem}.oc-toggle--outline{border-color:var(--oc-input)}.oc-toggle--outline:hover{background:var(--oc-accent)}.oc-toggle--sm{min-block-size:1.875rem;padding:0 .5rem;font-size:.8125rem}.oc-toggle--lg{min-block-size:2.75rem;padding:0 1rem;font-size:1rem}.oc-toggle--icon{inline-size:2.25rem;padding:0}.oc-toggle-group{align-items:center;display:inline-flex}.oc-toggle-group>.oc-toggle{border-radius:0}.oc-toggle-group>.oc-toggle:first-child{border-start-start-radius:var(--oc-radius);border-end-start-radius:var(--oc-radius)}.oc-toggle-group>.oc-toggle:last-child{border-start-end-radius:var(--oc-radius);border-end-end-radius:var(--oc-radius)}.oc-toggle-group>.oc-toggle--outline+.oc-toggle--outline{margin-inline-start:-1px}.oc-toggle-group>.oc-toggle--outline[aria-pressed=true]{z-index:1;border-color:var(--oc-primary)}.oc-toggle-group>.oc-toggle--outline:has(input:checked){z-index:1;border-color:var(--oc-primary)}.oc-toggle-group--spaced{gap:.25rem}.oc-toggle-group--spaced>.oc-toggle{border-radius:var(--oc-radius)}.oc-toggle-group--spaced>.oc-toggle--outline+.oc-toggle--outline{margin-inline-start:0}.oc-item{color:var(--oc-foreground);border-radius:var(--oc-radius);transition:background var(--oc-transition-fast), border-color var(--oc-transition-fast);background:0 0;border:1px solid #0000;flex-wrap:wrap;align-items:center;gap:1rem;padding:.875rem 1rem;font-size:.875rem;text-decoration:none;display:flex}a.oc-item:hover,.oc-item--interactive:hover{background:var(--oc-surface-strong)}a.oc-item:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-item--outline{border-color:var(--oc-border)}.oc-item--muted{background:var(--oc-surface)}.oc-item--sm{gap:.625rem;padding:.5rem .75rem}.oc-item-media{flex:none;justify-content:center;align-self:flex-start;align-items:center;gap:.5rem;display:flex}.oc-item-media--icon{block-size:2.25rem;inline-size:2.25rem;color:var(--oc-foreground);background:var(--oc-muted);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 2px)}.oc-item-media--icon svg{block-size:1.1rem;inline-size:1.1rem}.oc-item-media--image{border-radius:calc(var(--oc-radius) - 2px);block-size:2.5rem;inline-size:2.5rem;overflow:hidden}.oc-item-media--image>img{object-fit:cover;block-size:100%;inline-size:100%}.oc-item-content{flex-direction:column;flex:14rem;gap:.125rem;min-inline-size:0;display:flex}.oc-item-title{color:var(--oc-foreground);margin:0;font-weight:500;line-height:1.35}.oc-item-description{color:var(--oc-muted-foreground);text-wrap:balance;margin:0;font-size:.8125rem;line-height:1.45}.oc-item-actions{flex:none;align-items:center;gap:.5rem;display:flex}.oc-item-header,.oc-item-footer{flex-basis:100%;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.oc-item-group{flex-direction:column;display:flex}.oc-item-group>.oc-item-separator{background:var(--oc-border);border:0;block-size:1px;margin:0}.oc-aspect{--oc-aspect:16 / 9;aspect-ratio:var(--oc-aspect);background:var(--oc-muted);border-radius:var(--oc-radius);position:relative;overflow:hidden}.oc-aspect--square{--oc-aspect:1 / 1}.oc-aspect--photo{--oc-aspect:4 / 3}.oc-aspect--portrait{--oc-aspect:3 / 4}.oc-aspect--wide{--oc-aspect:21 / 9}.oc-aspect>img,.oc-aspect>video,.oc-aspect>iframe,.oc-aspect>svg,.oc-aspect>picture{object-fit:cover;border:0;block-size:100%;inline-size:100%;display:block}.oc-aspect--center{place-items:center;display:grid}.oc-hover-card{anchor-scope:--oc-hover-card;display:inline-block;position:relative}.oc-hover-card-trigger{anchor-name:--oc-hover-card}.oc-hover-card-content{position-anchor:--oc-hover-card;z-index:100;inline-size:20rem;max-inline-size:calc(100vw - 1rem);color:var(--oc-popover-foreground);background:var(--oc-popover);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);visibility:hidden;opacity:0;transition:opacity var(--oc-transition-fast) 0s, translate var(--oc-transition-fast) 0s, visibility 0s var(--oc-transition-fast);margin:.5rem 0 0;padding:1rem;font-size:.875rem;display:block;position:fixed;inset:auto;inset-block-start:anchor(bottom);inset-inline-start:anchor(start);translate:0 -2px}.oc-hover-card-content:before{content:"";block-size:.75rem;position:absolute;inset-block-end:100%;inset-inline:0}.oc-hover-card:hover>.oc-hover-card-content,.oc-hover-card:focus-within>.oc-hover-card-content{visibility:visible;opacity:1;transition-delay:.35s,.35s,.35s;translate:0}.oc-hover-card-content:popover-open{visibility:visible;opacity:1;transition-delay:.35s,.35s,.35s;translate:0}.oc-hover-card-content:popover-open{position-try-fallbacks:flip-block, flip-inline}.oc-hover-card--top>.oc-hover-card-content{margin:0 0 .5rem;inset-block-start:auto;inset-block-end:anchor(top)}.oc-hover-card--top>.oc-hover-card-content:before{inset-block:100% auto}.oc-hover-card-content--sm{inline-size:14rem;padding:.75rem}@media (prefers-reduced-motion:reduce){.oc-hover-card-content{transition:none}}.oc-dropdown-item{position:relative}.oc-dropdown-menu[popover]{overflow:visible}.oc-dropdown-shortcut{letter-spacing:.06em;color:var(--oc-muted-foreground);margin-inline-start:auto;padding-inline-start:1.5rem;font-size:.7rem}.oc-dropdown-item[aria-disabled=true],.oc-dropdown-item:disabled{opacity:.5;pointer-events:none}.oc-dropdown-item--destructive{color:var(--oc-destructive)}.oc-dropdown-item--destructive:hover{background:oklch(from var(--oc-destructive) l c h / .12);color:var(--oc-destructive)}.oc-dropdown-item--inset,.oc-dropdown-item[role=menuitemcheckbox],.oc-dropdown-item[role=menuitemradio]{padding-inline-start:2rem}.oc-dropdown-item[role=menuitemcheckbox]:before,.oc-dropdown-item[role=menuitemradio]:before{content:"";opacity:0;block-size:.75rem;inline-size:.75rem;position:absolute;inset-block-start:50%;inset-inline-start:.7rem;translate:0 -50%}.oc-dropdown-item[role=menuitemcheckbox]:before{border-block-end:2px solid;border-inline-end:2px solid;block-size:.65rem;inline-size:.35rem;margin-inline-start:.12rem;translate:0 -62%;rotate:45deg}.oc-dropdown-item[role=menuitemradio]:before{background:currentColor;border-radius:50%;block-size:.45rem;inline-size:.45rem;margin-inline-start:.15rem}.oc-dropdown-item[aria-checked=true]:before{opacity:1}.oc-dropdown-sub{position:relative}.oc-dropdown-sub>.oc-dropdown-item:after{content:"";opacity:.7;border-block-start:2px solid;border-inline-end:2px solid;block-size:.4rem;inline-size:.4rem;margin-inline-start:auto;rotate:45deg}.oc-dropdown-submenu{z-index:1;background:var(--oc-popover);min-inline-size:11rem;color:var(--oc-popover-foreground);border:1px solid var(--oc-border);border-radius:var(--oc-radius);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);visibility:hidden;opacity:0;transition:opacity var(--oc-transition-fast), translate var(--oc-transition-fast), visibility 0s var(--oc-transition-fast);padding:4px;position:absolute;inset-block-start:-5px;inset-inline-start:calc(100% + 2px);translate:-4px}.oc-dropdown-sub:hover>.oc-dropdown-submenu,.oc-dropdown-sub:focus-within>.oc-dropdown-submenu{visibility:visible;opacity:1;transition-delay:0s;translate:0}.oc-dropdown-sub:hover>.oc-dropdown-item,.oc-dropdown-sub:focus-within>.oc-dropdown-item{background:var(--oc-accent)}.oc-menubar{background:var(--oc-background);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);align-items:center;gap:.25rem;padding:.25rem;display:inline-flex}.oc-menubar-trigger{color:var(--oc-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;background:0 0;border:0;padding:.3rem .7rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.4}.oc-menubar-trigger:hover,.oc-menubar-trigger:focus-visible,.oc-menubar-trigger[aria-expanded=true]{background:var(--oc-accent);outline:none}.oc-menubar-trigger:has(+:popover-open){background:var(--oc-accent);outline:none}.oc-menubar-trigger:popover-open{background:var(--oc-accent);outline:none}.oc-menubar-trigger:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-dropdown-menu.oc-context-menu[popover]{position-area:none;position-try-fallbacks:none;inset:var(--oc-context-y,0px) auto auto var(--oc-context-x,0px);margin:0;position:fixed}.oc-context-area{min-block-size:8rem;color:var(--oc-muted-foreground);border:1px dashed var(--oc-border-strong);border-radius:var(--oc-radius);-webkit-user-select:none;user-select:none;place-items:center;padding:1rem;font-size:.875rem;display:grid}.oc-carousel{anchor-scope:--oc-carousel;position:relative}.oc-carousel-viewport{anchor-name:--oc-carousel;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--oc-radius);gap:1rem;display:flex;overflow-x:auto}.oc-carousel-viewport::-webkit-scrollbar{display:none}.oc-carousel-viewport:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.oc-carousel-viewport{scroll-behavior:smooth}}.oc-carousel-item{scroll-snap-align:center;flex:0 0 100%;min-inline-size:0}.oc-carousel--halves .oc-carousel-item{flex-basis:calc(50% - .5rem)}.oc-carousel--thirds .oc-carousel-item{flex-basis:calc(33.3333% - .666667rem)}.oc-carousel-dots{justify-content:center;gap:.5rem;padding-block-start:.75rem;display:flex}.oc-carousel-dot{background:var(--oc-border-strong);block-size:.5rem;inline-size:.5rem;transition:background var(--oc-transition-fast);border-radius:50%}.oc-carousel-dot:hover,.oc-carousel-dot:focus-visible{background:var(--oc-primary)}@supports (scroll-marker-group:after){.oc-carousel-dots{display:none}.oc-carousel-viewport{scroll-marker-group:after}.oc-carousel{padding-block-end:1.5rem}.oc-carousel-viewport::scroll-marker-group{position-anchor:--oc-carousel;inline-size:anchor-size(inline);justify-content:center;gap:.5rem;display:flex;position:fixed;inset-block-start:calc(anchor(end) + .5rem);inset-inline-start:anchor(start)}.oc-carousel-item::scroll-marker{content:"";background:var(--oc-border-strong);block-size:.5rem;inline-size:.5rem;transition:inline-size var(--oc-transition-fast), background var(--oc-transition-fast);border-radius:999px}.oc-carousel-item::scroll-marker:target-current{background:var(--oc-primary);inline-size:1.25rem}.oc-carousel-item::scroll-marker:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}}@supports selector(::scroll-button(inline-start)){.oc-carousel-viewport::scroll-button(inline-start){position-anchor:--oc-carousel;block-size:2.25rem;inline-size:2.25rem;color:var(--oc-foreground);background:var(--oc-background);border:1px solid var(--oc-border);box-shadow:0 2px 8px oklch(from var(--color-black-60) l c h / .18);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:1rem;display:grid;position:fixed;inset-block-start:anchor(center);translate:0 -50%}.oc-carousel-viewport::scroll-button(inline-end){position-anchor:--oc-carousel;block-size:2.25rem;inline-size:2.25rem;color:var(--oc-foreground);background:var(--oc-background);border:1px solid var(--oc-border);box-shadow:0 2px 8px oklch(from var(--color-black-60) l c h / .18);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:1rem;display:grid;position:fixed;inset-block-start:anchor(center);translate:0 -50%}.oc-carousel-viewport::scroll-button(inline-start){content:"←" / "Previous slide";inset-inline-start:calc(anchor(start) + .5rem)}.oc-carousel-viewport::scroll-button(inline-end){content:"→" / "Next slide";inset-inline-end:calc(anchor(end) + .5rem)}.oc-carousel-viewport::scroll-button(inline-start):hover{background:var(--oc-accent)}.oc-carousel-viewport::scroll-button(inline-end):hover{background:var(--oc-accent)}.oc-carousel-viewport::scroll-button(inline-start):focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-carousel-viewport::scroll-button(inline-end):focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-carousel-viewport::scroll-button(inline-start):disabled{opacity:.35;cursor:default}.oc-carousel-viewport::scroll-button(inline-end):disabled{opacity:.35;cursor:default}}.oc-carousel-prev,.oc-carousel-next{z-index:1;block-size:2.25rem;inline-size:2.25rem;color:var(--oc-foreground);background:var(--oc-background);border:1px solid var(--oc-border);box-shadow:0 2px 8px oklch(from var(--color-black-60) l c h / .18);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:1rem;display:grid;position:absolute;inset-block-start:50%;translate:0 -50%}.oc-carousel-prev{inset-inline-start:.5rem}.oc-carousel-next{inset-inline-end:.5rem}.oc-carousel-prev:hover,.oc-carousel-next:hover{background:var(--oc-accent)}.oc-carousel-prev:focus-visible,.oc-carousel-next:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-carousel--loop:not([data-oc-loop]) :is(.oc-carousel-prev,.oc-carousel-next){display:none}@supports (anchor-name:--a){.oc-carousel-prev,.oc-carousel-next{position-anchor:--oc-carousel;inset-block-start:anchor(center)}}@supports selector(::scroll-button(inline-start)){.oc-carousel--loop[data-oc-loop] .oc-carousel-viewport::scroll-button(inline-start){content:none}.oc-carousel--loop[data-oc-loop] .oc-carousel-viewport::scroll-button(inline-end){content:none}}.oc-resizable{background:var(--oc-card);border:1px solid var(--oc-border);border-radius:var(--oc-radius);min-block-size:10rem;font-size:.875rem;display:flex;overflow:hidden}.oc-resizable-panel{flex:1 1 0;min-block-size:0;min-inline-size:0;padding:1rem;overflow:auto}.oc-resizable-panel--resizable{resize:horizontal;border-inline-end:1px solid var(--oc-border-strong);flex:none;inline-size:50%;min-inline-size:5rem;max-inline-size:calc(100% - 5rem)}.oc-resizable-panel--resizable::-webkit-resizer{background:linear-gradient(135deg, transparent 50%, var(--oc-border-strong) 50% 56%, transparent 56% 70%, var(--oc-border-strong) 70% 76%, transparent 76%)}.oc-resizable--vertical{flex-direction:column}.oc-resizable--vertical>.oc-resizable-panel--resizable{resize:vertical;border-inline-end:0;border-block-end:1px solid var(--oc-border-strong);block-size:50%;min-block-size:3rem;max-block-size:calc(100% - 3rem);inline-size:auto;min-inline-size:0;max-inline-size:none}.oc-resizable-box{resize:both;min-block-size:4rem;min-inline-size:8rem;max-inline-size:100%;overflow:auto}.oc-combobox{inline-size:min(100%,18rem);display:inline-block;position:relative}.oc-combobox-input{padding-inline-end:2.25rem}.oc-combobox:after{content:"";border-inline-end:2px solid var(--oc-muted-foreground);border-block-end:2px solid var(--oc-muted-foreground);pointer-events:none;block-size:.4rem;inline-size:.4rem;transition:rotate var(--oc-transition-fast);position:absolute;inset-block-start:1.05rem;inset-inline-end:.9rem;rotate:45deg}.oc-combobox:focus-within:after,.oc-combobox[data-open]:after{translate:0 3px;rotate:225deg}.oc-combobox-list{z-index:100;max-block-size:15rem;color:var(--oc-popover-foreground);background:var(--oc-popover);border:1px solid var(--oc-border);border-radius:var(--oc-radius);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);visibility:hidden;opacity:0;transition:opacity var(--oc-transition-fast), translate var(--oc-transition-fast), visibility 0s var(--oc-transition-fast);margin:0;padding:4px;font-size:.875rem;list-style:none;position:absolute;inset-block-start:calc(100% + 4px);inset-inline:0;overflow-y:auto;translate:0 -4px}.oc-combobox:focus-within>.oc-combobox-list,.oc-combobox[data-open]>.oc-combobox-list{visibility:visible;opacity:1;transition-delay:0s;translate:0}.oc-combobox[data-open=false]>.oc-combobox-list{visibility:hidden;opacity:0}.oc-combobox-option{border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;outline:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .625rem;display:flex}.oc-combobox-option:hover,.oc-combobox-option:focus-visible,.oc-combobox-option[data-active]{background:var(--oc-accent);color:var(--oc-accent-foreground)}.oc-combobox-option[aria-selected=true]:after{content:"";border-block-end:2px solid;border-inline-end:2px solid;block-size:.65rem;inline-size:.35rem;margin-inline-end:.2rem;rotate:45deg}.oc-combobox-option[aria-disabled=true]{opacity:.5;pointer-events:none}.oc-combobox-option[hidden],.oc-combobox-empty[hidden]{display:none}.oc-combobox-group{text-transform:uppercase;letter-spacing:.04em;color:var(--oc-muted-foreground);padding:.5rem .625rem .25rem;font-size:.7rem;font-weight:600}.oc-combobox-empty{text-align:center;color:var(--oc-muted-foreground);padding:1rem}dialog.oc-drawer{block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--oc-foreground);background:0 0;border:0;margin:0;padding:0;display:none}dialog.oc-drawer[open]{justify-content:center;align-items:flex-end;display:flex}dialog.oc-drawer::backdrop{background:oklch(from var(--color-black-60) l c h / .5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.oc-drawer-content{background:var(--oc-background);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) * 2) calc(var(--oc-radius) * 2) 0 0;max-block-size:85dvh;inline-size:min(100%,32rem);box-shadow:0 -16px 48px oklch(from var(--color-black-60) l c h / .2);border-block-end:0;flex-direction:column;display:flex}dialog.oc-drawer[open] .oc-drawer-content{transition:translate var(--oc-transition-normal), opacity var(--oc-transition-normal);@starting-style{opacity:0;translate:0 100%}}.oc-drawer-handle{background:var(--oc-border-strong);border-radius:999px;flex:none;block-size:.3rem;inline-size:3rem;margin:.625rem auto 0}.oc-drawer-header{text-align:center;flex-direction:column;gap:.25rem;padding:1rem 1.5rem 0;display:flex}.oc-drawer-title{color:var(--oc-foreground);margin:0;font-size:1.05rem;font-weight:600}.oc-drawer-description{color:var(--oc-muted-foreground);margin:0;font-size:.875rem}.oc-drawer-body{flex:1;min-block-size:0;padding:1rem 1.5rem;font-size:.875rem;overflow-y:auto}.oc-drawer-footer{flex-direction:column;gap:.5rem;padding:1rem 1.5rem 1.5rem;display:flex}@media (width>=40rem){dialog.oc-drawer--center[open]{align-items:center}dialog.oc-drawer--center .oc-drawer-content{border-block-end:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) * 2)}dialog.oc-drawer--center .oc-drawer-handle{display:none}}@supports (appearance:base-select){.oc-select--custom{appearance:base-select}.oc-select--custom::picker(select){appearance:base-select}.oc-select--custom{field-sizing:fixed;background-image:none;align-items:center;gap:.5rem;inline-size:100%;padding-inline-end:.75rem;display:flex}.oc-select--custom::picker-icon{color:var(--oc-muted-foreground);transition:rotate var(--oc-transition-fast);margin-inline-start:auto}.oc-select--custom:open::picker-icon{rotate:180deg}.oc-select--custom::picker(select){color:var(--oc-popover-foreground);background:var(--oc-popover);border:1px solid var(--oc-border);border-radius:var(--oc-radius);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);transition:opacity var(--oc-transition-fast), display var(--oc-transition-fast) allow-discrete, overlay var(--oc-transition-fast) allow-discrete;margin-block:4px;padding:4px}.oc-select--custom:open::picker(select){opacity:1;@starting-style{opacity:0}}.oc-select--custom option{border-radius:calc(var(--oc-radius) - 2px);align-items:center;gap:.5rem;padding:.45rem .625rem;display:flex}.oc-select--custom option:hover,.oc-select--custom option:focus-visible{background:var(--oc-accent);color:var(--oc-accent-foreground);outline:none}.oc-select--custom option:checked{font-weight:600}.oc-select--custom option::checkmark{color:var(--oc-primary);order:1;margin-inline-start:auto}}.oc-toast-container--stack{pointer-events:none;align-items:end;gap:0;padding-block-start:1.5rem;display:grid}.oc-toast-container--stack>.oc-toast{--oc-stack-depth:0;transform-origin:50% 100%;translate:0 calc(var(--oc-stack-depth) * -.7rem);scale:calc(1 - var(--oc-stack-depth) * .05);opacity:calc(1 - var(--oc-stack-depth) * .25);z-index:calc(10 - var(--oc-stack-depth));transition:translate var(--oc-transition-normal), scale var(--oc-transition-normal), opacity var(--oc-transition-normal);grid-area:1/1}.oc-toast-container--stack>.oc-toast:nth-last-child(2){--oc-stack-depth:1}.oc-toast-container--stack>.oc-toast:nth-last-child(3){--oc-stack-depth:2}.oc-toast-container--stack>.oc-toast:nth-last-child(4){--oc-stack-depth:3}.oc-toast-container--stack>.oc-toast:nth-last-child(n+5){--oc-stack-depth:4;opacity:0;visibility:hidden}.oc-toast-container--stack>.oc-toast:not(:last-child){pointer-events:none}.oc-toast-container--stack>.oc-toast:not(:last-child)>*{visibility:hidden}.oc-toast-container--stack:hover,.oc-toast-container--stack:focus-within{pointer-events:auto;flex-direction:column;gap:.5rem;display:flex}.oc-toast-container--stack:hover>.oc-toast,.oc-toast-container--stack:focus-within>.oc-toast{opacity:1;visibility:visible;pointer-events:auto;translate:none;scale:none}.oc-toast-container--stack:hover>.oc-toast>*,.oc-toast-container--stack:focus-within>.oc-toast>*{visibility:visible}@media (prefers-reduced-motion:reduce){.oc-toast-container--stack>.oc-toast{transition:none}}.oc-calendar{--oc-calendar-cell:2.25rem;color:var(--oc-foreground);background:var(--oc-card);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);padding:.75rem;display:inline-block}.oc-calendar-header{justify-content:space-between;align-items:center;gap:.5rem;margin-block-end:.5rem;display:flex}.oc-calendar-title{margin:0;font-size:.875rem;font-weight:600}.oc-calendar-nav{block-size:1.75rem;inline-size:1.75rem;color:var(--oc-foreground);border:1px solid var(--oc-input);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;background:0 0;place-items:center;padding:0;display:inline-grid}.oc-calendar-nav:hover{background:var(--oc-accent)}.oc-calendar-nav:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-calendar-grid{border-collapse:collapse;table-layout:fixed}.oc-calendar-grid th,.oc-calendar-grid td{text-align:center;padding:0}.oc-calendar-weekday{inline-size:var(--oc-calendar-cell);color:var(--oc-muted-foreground);padding-block-end:.25rem;font-size:.75rem;font-weight:500}.oc-calendar-day{inline-size:var(--oc-calendar-cell);block-size:var(--oc-calendar-cell);color:var(--oc-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;place-items:center;padding:0;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1;display:inline-grid}.oc-calendar-day:hover{background:var(--oc-accent)}.oc-calendar-day:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-calendar-day--today{background:var(--oc-muted);font-weight:600}.oc-calendar-day--outside{color:var(--oc-muted-foreground);opacity:.55}.oc-calendar-day:disabled{opacity:.35;pointer-events:none}.oc-calendar-day[aria-selected=true],.oc-calendar-day--range-start,.oc-calendar-day--range-end{background:var(--oc-primary);color:var(--oc-primary-foreground);opacity:1;font-weight:600}.oc-calendar-day--range-middle{background:color-mix(in oklab, var(--oc-primary) 16%, transparent);border-radius:0}.oc-calendar-day--range-start{border-start-end-radius:0;border-end-end-radius:0}.oc-calendar-day--range-end{border-start-start-radius:0;border-end-start-radius:0}.oc-popover--calendar[popover]{inline-size:auto;box-shadow:none;background:0 0;border:0;padding:0}.oc-popover--calendar .oc-calendar{box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15)}.oc-date-picker-trigger{justify-content:space-between;min-inline-size:14rem;font-weight:400}.oc-date-picker-trigger[data-empty]{color:var(--oc-muted-foreground)}input.oc-input[type=date],input.oc-input[type=time],input.oc-input[type=datetime-local],input.oc-input[type=month]{inline-size:auto;min-inline-size:11rem}:root{--oc-chart-1:light-dark(var(--color-vividblue-95),var(--color-vividblue-50));--oc-chart-2:light-dark(var(--color-teal-70),var(--color-teal-30));--oc-chart-3:light-dark(var(--color-orange-90),var(--color-orange-50));--oc-chart-4:light-dark(var(--color-purple-50),var(--color-purple-30));--oc-chart-5:light-dark(var(--color-pink-95),var(--color-pink-50));--oc-chart-grid:var(--oc-border);--oc-chart-axis:var(--oc-muted-foreground)}.oc-chart-legend{color:var(--oc-muted-foreground);flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.oc-chart-legend>li{align-items:center;gap:.4rem;display:inline-flex}.oc-chart-swatch{background:var(--oc-chart-color,var(--oc-chart-1));border-radius:2px;flex:none;block-size:.65rem;inline-size:.65rem}.oc-chart-legend>:first-child{--oc-chart-color:var(--oc-chart-1)}.oc-chart-legend>:nth-child(2){--oc-chart-color:var(--oc-chart-2)}.oc-chart-legend>:nth-child(3){--oc-chart-color:var(--oc-chart-3)}.oc-chart-legend>:nth-child(4){--oc-chart-color:var(--oc-chart-4)}.oc-chart-legend>:nth-child(5){--oc-chart-color:var(--oc-chart-5)}.oc-chart-bars{border-block-end:1px solid var(--oc-chart-grid);background:repeating-linear-gradient(to top, transparent 0 calc(25% - 1px), var(--oc-chart-grid) calc(25% - 1px) 25%);grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:.5rem;block-size:10rem;margin:0;padding:0 0 .25rem;list-style:none;display:grid}.oc-chart-bars>*{--oc-bar:50%;block-size:var(--oc-bar);background:var(--oc-chart-color,var(--oc-chart-1));text-align:center;color:var(--oc-primary-foreground);border-start-start-radius:4px;border-start-end-radius:4px;font-size:.7rem}.oc-chart-bars>:nth-child(5n+1){--oc-chart-color:var(--oc-chart-1)}.oc-chart-bars>:nth-child(5n+2){--oc-chart-color:var(--oc-chart-2)}.oc-chart-bars>:nth-child(5n+3){--oc-chart-color:var(--oc-chart-3)}.oc-chart-bars>:nth-child(5n+4){--oc-chart-color:var(--oc-chart-4)}.oc-chart-bars>:nth-child(5n+5){--oc-chart-color:var(--oc-chart-5)}.oc-chart-pie{--oc-pie-size:9rem;inline-size:var(--oc-pie-size);aspect-ratio:1;background:conic-gradient(var(--oc-chart-1) 0 40%, var(--oc-chart-2) 0 65%, var(--oc-chart-3) 0 82%, var(--oc-chart-4) 0 100%);border-radius:50%}.oc-chart-pie--donut{mask:radial-gradient(circle, transparent 0 52%, var(--color-black-60) 53%)}.oc-btn-group>.oc-btn:focus-visible{z-index:1;position:relative}.oc-btn-group--vertical{flex-direction:column}.oc-btn-group--vertical .oc-btn,.oc-btn-group--vertical .oc-btn:first-child,.oc-btn-group--vertical .oc-btn:last-child{border-radius:0}.oc-btn-group--vertical .oc-btn:first-child{border-radius:var(--oc-radius) var(--oc-radius) 0 0}.oc-btn-group--vertical .oc-btn:last-child{border-radius:0 0 var(--oc-radius) var(--oc-radius)}.oc-btn-group--vertical .oc-btn+.oc-btn{margin-top:-1px;margin-left:0}.oc-btn-group-text{color:var(--oc-muted-foreground);background:var(--oc-muted);border:1px solid var(--oc-input);align-items:center;margin-left:-1px;padding:0 .75rem;font-size:.875rem;display:inline-flex}.oc-label--required:after{content:" *";color:var(--oc-destructive)}.oc-label--inline{cursor:pointer;align-items:center;gap:.5rem;margin-bottom:0;display:inline-flex}.oc-label--muted{color:var(--oc-muted-foreground);font-weight:400}.oc-radio-group{border:0;flex-direction:column;gap:.625rem;margin:0;padding:0;display:flex}.oc-radio-group--row{flex-flow:wrap;gap:.625rem 1.25rem}.oc-radio-item{color:var(--oc-foreground);cursor:pointer;align-items:flex-start;gap:.625rem;font-size:.875rem;display:flex}.oc-radio-item>.oc-radio{flex:none;margin-block-start:.15rem}.oc-radio-item small{color:var(--oc-muted-foreground);font-size:.8125rem;display:block}.oc-radio-item:has(:disabled){opacity:.55;cursor:not-allowed}.oc-radio-item--card{border:1px solid var(--oc-border);border-radius:var(--oc-radius);padding:.75rem 1rem}.oc-radio-item--card:has(:checked){border-color:var(--oc-primary);background:color-mix(in oklab, var(--oc-primary) 8%, transparent)}.oc-radio-item--card:has(:focus-visible){outline:2px solid var(--oc-ring);outline-offset:1px}.oc-scroll-area{background:var(--oc-card);border:1px solid var(--oc-border);border-radius:var(--oc-radius);scrollbar-width:thin;scrollbar-color:var(--oc-border-strong) transparent;max-block-size:14rem;padding:.75rem 1rem;font-size:.875rem;overflow:auto}.oc-scroll-area:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-scroll-area--x{white-space:nowrap;max-block-size:none;overflow-y:hidden}.oc-scroll-area--shadows{--oc-scroll-shadow:oklch(from var(--oc-foreground) l c h / .18);background:linear-gradient(var(--oc-card) 30%, transparent) center top / 100% 2rem no-repeat local, linear-gradient(transparent, var(--oc-card) 70%) center bottom / 100% 2rem no-repeat local, radial-gradient(farthest-side at 50% 0, var(--oc-scroll-shadow), transparent) center top / 100% .6rem no-repeat scroll, radial-gradient(farthest-side at 50% 100%, var(--oc-scroll-shadow), transparent) center bottom / 100% .6rem no-repeat scroll, var(--oc-card)}.oc-separator-text{text-transform:uppercase;letter-spacing:.06em;color:var(--oc-muted-foreground);align-items:center;gap:.75rem;margin:16px 0;font-size:.75rem;display:flex}.oc-separator-text:before,.oc-separator-text:after{content:"";background:var(--oc-border);flex:1;block-size:1px}.oc-separator--strong{background:var(--oc-border-strong)}.oc-accordion--accent{--oc-accordion-accent:var(--oc-accent-from,var(--oc-primary));border:0;border-radius:0;gap:.5rem;display:grid;overflow:visible}.oc-accordion--accent .oc-accordion-item{--oc-accordion-accent:var(--oc-accent-from,var(--oc-primary));background:var(--oc-card);border:1px solid var(--oc-border);border-inline-start:3px solid var(--oc-accordion-accent);border-radius:var(--oc-radius);transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);overflow:hidden}.oc-accordion--accent .oc-accordion-item+.oc-accordion-item{border-top:1px solid var(--oc-border)}.oc-accordion--accent .oc-accordion-trigger{padding:.75rem 1rem;font-weight:600}.oc-accordion--accent .oc-accordion-trigger:hover{background:oklch(from var(--oc-accordion-accent) l c h / .06)}.oc-accordion--accent :is(details.oc-accordion-item[open],.oc-accordion-item.is-open,.oc-accordion-item[aria-expanded=true]){border-color:oklch(from var(--oc-accordion-accent) l c h / .35);border-inline-start-color:var(--oc-accordion-accent);box-shadow:0 4px 14px oklch(from var(--color-black-60) l c h / .06)}.oc-accordion--accent :is(details.oc-accordion-item[open],.oc-accordion-item.is-open,.oc-accordion-item[aria-expanded=true])>.oc-accordion-trigger{background:oklch(from var(--oc-accordion-accent) l c h / .08)}.oc-accordion--accent .oc-accordion-content{color:var(--oc-foreground);padding:.75rem 1rem 1rem}.oc-accordion-accent-meta{color:var(--oc-accordion-accent);margin-inline:auto .75rem;font-size:.75rem;font-weight:500}.oc-accordion--accent .oc-accordion-item--success,.oc-accordion--accent.oc-accordion--success .oc-accordion-item{--oc-accordion-accent:var(--oc-success)}.oc-accordion--accent .oc-accordion-item--warning,.oc-accordion--accent.oc-accordion--warning .oc-accordion-item{--oc-accordion-accent:var(--oc-warning)}.oc-accordion--accent .oc-accordion-item--danger,.oc-accordion--accent.oc-accordion--danger .oc-accordion-item{--oc-accordion-accent:var(--oc-destructive)}.oc-accordion--accent.oc-accordion--flush .oc-accordion-item{border-block:0;border-inline-end:0;border-radius:0}@media (prefers-reduced-motion:reduce){.oc-accordion--accent .oc-accordion-item{transition:none}}.oc-alpha-tabs{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;background:var(--oc-muted);border:1px solid var(--oc-border);border-radius:var(--oc-radius);flex-wrap:nowrap;gap:2px;inline-size:100%;padding:.25rem;display:flex;overflow-x:auto}.oc-alpha-tabs-item{block-size:1.875rem;min-inline-size:1.875rem;font:inherit;color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;scroll-snap-align:start;transition:color var(--oc-transition-fast), background var(--oc-transition-fast);background:0 0;border:0;flex:none;place-items:center;padding-inline:.375rem;font-size:.8125rem;font-weight:500;line-height:1;text-decoration:none;display:inline-grid}.oc-alpha-tabs-item:hover{color:var(--oc-foreground);background:var(--oc-surface-strong)}.oc-alpha-tabs-item:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-alpha-tabs-item--all{box-shadow:.25rem 0 0 -.2rem var(--oc-border);margin-inline-end:.25rem;padding-inline:.75rem}.oc-alpha-tabs-item[aria-current=true],.oc-alpha-tabs-item[aria-selected=true],.oc-alpha-tabs-item.is-active{color:var(--oc-primary-foreground);background:var(--oc-primary)}.oc-alpha-tabs-item[aria-disabled=true],.oc-alpha-tabs-item:disabled{opacity:.4;pointer-events:none}.oc-alpha-tabs--wrap{flex-wrap:wrap;overflow:visible}.oc-alpha-tabs--sm .oc-alpha-tabs-item{block-size:1.5rem;min-inline-size:1.5rem;font-size:.75rem}.oc-alpha-tabs--plain{background:0 0;border:0;padding:0}@media (prefers-reduced-motion:reduce){.oc-alpha-tabs-item{transition:none}}.oc-busy-overlay{border:1px solid var(--oc-border);background:var(--oc-card);inline-size:min(100vw - 2rem,24rem);color:var(--oc-foreground);text-align:center;box-shadow:0 1.25rem 3rem oklch(from var(--color-black-50) l c h / .25);border-radius:14px;padding:1.75rem 2rem}.oc-busy-overlay[open]{justify-items:center;gap:.75rem;display:grid}.oc-busy-overlay::backdrop{background:oklch(from var(--color-black-60) l c h / .5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.oc-busy-overlay>.oc-spinner{--oc-spinner-size:2.5rem;color:var(--oc-primary)}.oc-busy-overlay__title{margin:0;font-size:1rem;font-weight:700}.oc-busy-overlay__text{color:var(--oc-muted-foreground);margin:0;font-size:.875rem}.oc-busy-overlay>.oc-progress{inline-size:100%}.oc-busy-overlay[open],.oc-busy-overlay[open]::backdrop{animation:.2s .3s both oc-busy-in}@keyframes oc-busy-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.oc-busy-overlay[open],.oc-busy-overlay[open]::backdrop{animation-duration:0s}}.oc-column-menu{inline-size:14rem;max-inline-size:calc(100vw - 1rem);color:var(--oc-popover-foreground);background:var(--oc-popover);border:1px solid var(--oc-border);border-radius:var(--oc-radius);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);padding:.375rem;font-size:.875rem}.oc-column-menu[popover]{position-area:block-end span-inline-start;position-try-fallbacks:flip-block, flip-inline;transition:opacity var(--oc-transition-fast), display var(--oc-transition-fast) allow-discrete, overlay var(--oc-transition-fast) allow-discrete;margin:4px 0 0;position:fixed;inset:auto}.oc-column-menu[popover]:popover-open{display:block;@starting-style{opacity:0}}.oc-column-menu-title{color:var(--oc-muted-foreground);margin:0;padding:.375rem .5rem .25rem;font-size:.75rem;font-weight:600}.oc-column-menu-list{gap:1px;max-block-size:18rem;margin:0;display:grid;overflow-y:auto}.oc-column-menu-item{border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.375rem .5rem;display:flex}.oc-column-menu-item:hover{background:var(--oc-accent)}.oc-column-menu-item:has(:focus-visible){outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-column-menu-item input{accent-color:var(--oc-primary);margin:0}.oc-column-menu-item:has(input:disabled){color:var(--oc-muted-foreground);cursor:default}.oc-column-menu-item:has(input:disabled):hover{background:0 0}.oc-column-menu-footer{border-block-start:1px solid var(--oc-border);justify-content:flex-end;gap:.25rem;margin-block-start:.375rem;padding-block-start:.375rem;display:flex}:is(.oc-column-menu-scope:has([data-col="1"]:not(:checked)) .oc-table :is(th,td):first-child,.oc-column-menu-scope:has([data-col="2"]:not(:checked)) .oc-table :is(th,td):nth-child(2),.oc-column-menu-scope:has([data-col="3"]:not(:checked)) .oc-table :is(th,td):nth-child(3),.oc-column-menu-scope:has([data-col="4"]:not(:checked)) .oc-table :is(th,td):nth-child(4),.oc-column-menu-scope:has([data-col="5"]:not(:checked)) .oc-table :is(th,td):nth-child(5),.oc-column-menu-scope:has([data-col="6"]:not(:checked)) .oc-table :is(th,td):nth-child(6),.oc-column-menu-scope:has([data-col="7"]:not(:checked)) .oc-table :is(th,td):nth-child(7),.oc-column-menu-scope:has([data-col="8"]:not(:checked)) .oc-table :is(th,td):nth-child(8),.oc-column-menu-scope:has([data-col="9"]:not(:checked)) .oc-table :is(th,td):nth-child(9),.oc-column-menu-scope:has([data-col="10"]:not(:checked)) .oc-table :is(th,td):nth-child(10)){display:none}@media (prefers-reduced-motion:reduce){.oc-column-menu[popover]{transition:none}}.oc-alert-dialog--confirm{border-radius:calc(var(--oc-radius) + 8px);max-inline-size:27.5rem;padding:1.75rem 1.5rem 0;position:relative}.oc-alert-dialog--confirm .oc-alert-dialog-icon{background:var(--oc-card);block-size:5rem;inline-size:5rem;box-shadow:0 0 0 6px oklch(from var(--oc-alert-dialog-color,var(--oc-warning)) l c h / .1);border-width:2px;margin-block-end:1.25rem;font-size:2.25rem;font-weight:400}.oc-alert-dialog--confirm .oc-alert-dialog-icon svg{block-size:2.25rem;inline-size:2.25rem}.oc-alert-dialog-close{block-size:2rem;inline-size:2rem;color:var(--oc-muted-foreground);border-radius:var(--oc-radius);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:1.25rem;line-height:1;display:grid;position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem}.oc-alert-dialog-close:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-alert-dialog-close:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-alert-dialog-form{display:contents}.oc-alert-dialog-typed{text-align:start;align-self:stretch;gap:.375rem;margin-block-end:1rem;font-size:.875rem;display:grid}.oc-alert-dialog-typed code{color:var(--oc-alert-dialog-color,var(--oc-warning));background:oklch(from var(--oc-alert-dialog-color,var(--oc-warning)) l c h / .1);border-radius:4px;padding:.1rem .35rem;font-size:.8125rem}.oc-alert-dialog--confirm:has(.oc-alert-dialog-typed input:invalid) .oc-alert-dialog-confirm{opacity:.5;cursor:not-allowed}.oc-alert-dialog--confirm .oc-modal-footer{flex-wrap:wrap;gap:.5rem;padding-block:.5rem 1.5rem}.oc-alert-dialog-discard{margin-inline-end:auto}.oc-alert-dialog--confirm .oc-modal-footer:has(.oc-alert-dialog-discard){justify-content:flex-end}@media (width<=30rem){.oc-alert-dialog--confirm .oc-modal-footer{flex-direction:column-reverse}.oc-alert-dialog--confirm .oc-modal-footer>*{inline-size:100%;margin:0}}.oc-cookie-consent{border:1px solid var(--oc-border);background:var(--oc-popover,var(--oc-card));max-block-size:calc(100dvh - 2rem);inline-size:min(100vw - 2rem,28rem);color:var(--oc-foreground);box-shadow:0 1rem 2.5rem oklch(from var(--color-black-50) l c h / .2);border-radius:12px;margin:0;padding:1.25rem;position:fixed;inset:auto 1rem 1rem auto;overflow:auto}.oc-cookie-consent:popover-open{gap:.9rem;display:grid}.oc-cookie-consent--bar{border-block-end:0;border-inline:0;border-radius:0;inline-size:100%;max-inline-size:none;inset:auto 0 0}.oc-cookie-consent--bar:popover-open{grid-template-columns:minmax(0,1fr) auto;align-items:center}.oc-cookie-consent--bar .oc-cookie-consent__prefs{grid-column:1/-1}.oc-cookie-consent__title{align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:700;display:flex}.oc-cookie-consent__text{color:var(--oc-muted-foreground);margin:0;font-size:.875rem;line-height:1.55}.oc-cookie-consent__text a{color:var(--oc-link-color,var(--oc-primary))}.oc-cookie-consent__prefs{border-block:1px solid var(--oc-border)}.oc-cookie-consent__prefs>summary{cursor:pointer;padding-block:.6rem;font-size:.875rem;font-weight:600}.oc-cookie-consent__prefs>summary:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px;border-radius:4px}.oc-cookie-consent__category{border-block-start:1px solid var(--oc-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.15rem 1rem;padding-block:.6rem;display:grid}.oc-cookie-consent__category-name{font-size:.875rem;font-weight:600}.oc-cookie-consent__category-text{color:var(--oc-muted-foreground);grid-column:1;font-size:.8rem}.oc-cookie-consent__category>.oc-switch{grid-area:1/2/span 2}.oc-cookie-consent__actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.oc-cookie-consent__actions>.oc-btn{flex:auto}.oc-cookie-consent{transition:opacity .3s, translate .3s, overlay .3s allow-discrete, display .3s allow-discrete}@starting-style{.oc-cookie-consent:popover-open{opacity:0;translate:0 1rem}}.oc-cookie-consent:not(:popover-open){opacity:0;translate:0 1rem}@media (width<36rem){.oc-cookie-consent{inline-size:auto;inset:auto .5rem .5rem}.oc-cookie-consent--bar:popover-open{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.oc-cookie-consent{transition:none}}.oc-data-table{color:var(--oc-card-foreground);background:var(--oc-card);border:1px solid var(--oc-border);border-radius:var(--oc-radius);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.oc-data-table-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.oc-data-table-heading{align-items:center;gap:.5rem;min-inline-size:0;display:flex}.oc-data-table-title{font-size:.875rem;font-weight:600}.oc-data-table-search{flex:12rem;min-inline-size:10rem;max-inline-size:22rem}.oc-data-table-actions{flex-wrap:wrap;gap:.5rem;margin-inline-start:auto;display:flex}.oc-data-table-view{gap:.25rem;display:inline-flex}.oc-data-table-view [aria-pressed=true]{color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1);border-color:oklch(from var(--oc-primary) l c h / .35)}.oc-data-table-sort-summary{color:var(--oc-muted-foreground);flex-basis:100%;margin:0;font-size:.75rem}.oc-data-table-sort-summary:empty,.oc-data-table-file{display:none}.oc-data-table-frame{background:var(--oc-background);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 2px);overflow:hidden}.oc-data-table-scroll{max-block-size:var(--oc-data-table-max,none);overflow:auto}.oc-data-table .oc-table :is(th,td){border-block-start:0;border-inline:0}.oc-data-table .oc-table thead th{z-index:1;background:var(--oc-card);block-size:2.5rem;font-size:.75rem;font-weight:500;position:sticky;inset-block-start:0}.oc-data-table .oc-table tbody tr:nth-child(2n){background:var(--oc-surface)}.oc-data-table .oc-table tbody tr:last-child>td{border-block-end:0}.oc-data-table-th{align-items:center;gap:.25rem;min-inline-size:0;display:flex;position:relative}.oc-data-table-resize{cursor:col-resize;touch-action:none;background:0 0;border:0;inline-size:.55rem;padding:0;position:absolute;inset-block:0;inset-inline-end:-.45rem}.oc-data-table-resize:after{content:"";background:var(--oc-border);inline-size:1px;position:absolute;inset-block:.4rem;inset-inline-start:.25rem}.oc-data-table.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.oc-data-table-table--sized{inline-size:max-content;min-inline-size:100%}.oc-data-table .oc-table :is(th,td)[data-oc-col=select],.oc-data-table .oc-table :is(th,td)[data-oc-col=order]{text-align:center;inline-size:2.25rem;padding-inline:.25rem}.oc-data-table .oc-table :is(th,td)[data-oc-col=actions]{z-index:2;background:var(--oc-card);box-shadow:-1px 0 0 var(--oc-border);position:sticky;inset-inline-end:0}.oc-data-table .oc-table thead th[data-oc-col=actions]{z-index:3}.oc-data-table .oc-table tbody tr:nth-child(2n)>td[data-oc-col=actions]{background:var(--oc-surface)}.oc-data-table tr[data-oc-status=deleted],.oc-data-table tr[data-oc-status=archived]{color:var(--oc-muted-foreground)}.oc-data-table-bulk{background:var(--oc-surface);border:1px solid var(--oc-border);border-radius:var(--oc-radius);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.oc-data-table-bulk[hidden],.oc-data-table-grid,.oc-data-table--grid .oc-data-table-scroll{display:none}.oc-data-table--grid .oc-data-table-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem;padding:.75rem;display:grid}.oc-data-table-card{background:var(--oc-card);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 2px);padding:.75rem}.oc-data-table-card-title{margin:0;font-size:.875rem;font-weight:600}.oc-data-table-empty{text-align:center;color:var(--oc-muted-foreground);margin:0;padding:2rem 1rem}.oc-data-table-empty[hidden]{display:none}.oc-data-table-footer{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.oc-data-table-summary{color:var(--oc-muted-foreground);margin:0;font-size:.8125rem}.oc-data-table-per-page{align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.oc-data-table-per-page .oc-select{inline-size:auto}.oc-data-table-pager{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}.oc-data-table-page{min-inline-size:2rem;font:inherit;color:var(--oc-foreground);background:var(--oc-card);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;padding:.25rem .45rem;font-size:.8125rem}.oc-data-table-page[aria-current=page]{color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1);border-color:oklch(from var(--oc-primary) l c h / .35)}.oc-data-table-page:disabled{opacity:.4;cursor:default}.oc-data-table-page:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-data-table-ellipsis{color:var(--oc-muted-foreground);padding-inline:.25rem}.oc-data-table--compact .oc-table :is(th,td){padding:.25rem .5rem;font-size:.8125rem}.oc-data-table--compact .oc-table thead th{block-size:2rem}@media (width<=40rem){.oc-data-table-footer{grid-template-columns:1fr}.oc-data-table-pager{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.oc-data-table .oc-table tbody tr{transition:none}}.oc-greeting{--oc-greeting-color:var(--oc-primary);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding-block:.5rem;display:flex}.oc-greeting-icon{block-size:2.75rem;inline-size:2.75rem;color:var(--oc-greeting-color);background:oklch(from var(--oc-greeting-color) l c h / .12);border-radius:calc(var(--oc-radius) + 4px);flex-shrink:0;place-items:center;display:grid}.oc-greeting-icon svg{block-size:1.375rem;inline-size:1.375rem}.oc-greeting-body{flex:16rem;min-inline-size:0}.oc-greeting-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--oc-greeting-color);margin:0 0 .125rem;font-size:.75rem;font-weight:600}.oc-greeting-title{letter-spacing:-.01em;color:var(--oc-foreground);text-wrap:balance;margin:0;font-size:1.5rem;font-weight:600;line-height:1.2}.oc-greeting-name{color:var(--oc-greeting-color)}.oc-greeting-date{color:var(--oc-muted-foreground);margin-block-start:.25rem;font-size:.875rem;display:block}.oc-greeting-date:first-letter{text-transform:uppercase}.oc-greeting-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.oc-greeting--morning{--oc-greeting-color:var(--oc-warning)}.oc-greeting--afternoon{--oc-greeting-color:var(--oc-primary)}.oc-greeting--evening{--oc-greeting-color:light-dark(var(--color-purple-40),var(--color-purple-10))}.oc-greeting--lg .oc-greeting-title{font-size:clamp(1.5rem,1.2rem + 1.5vw,2.25rem)}.oc-greeting--lg .oc-greeting-icon{block-size:3.5rem;inline-size:3.5rem}.oc-list-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding-block:.5rem;display:flex}.oc-list-toolbar-search{flex:14rem;max-inline-size:24rem}.oc-list-toolbar-search .oc-input{inline-size:100%}.oc-list-toolbar-count{color:var(--oc-muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8125rem}.oc-list-toolbar-spacer{flex:1}.oc-list-toolbar-views{background:var(--oc-muted);border:1px solid var(--oc-border);border-radius:var(--oc-radius);padding:2px;display:inline-flex}.oc-list-toolbar-view{block-size:1.75rem;inline-size:2rem;color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;transition:color var(--oc-transition-fast), background var(--oc-transition-fast);place-items:center;display:inline-grid;position:relative}.oc-list-toolbar-view input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.oc-list-toolbar-view svg{block-size:1rem;inline-size:1rem}.oc-list-toolbar-view:hover{color:var(--oc-foreground)}.oc-list-toolbar-view:has(input:checked){color:var(--oc-foreground);background:var(--oc-background);box-shadow:0 1px 3px oklch(from var(--color-black-60) l c h / .1)}.oc-list-toolbar-view:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:1px}.oc-list-toolbar-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.oc-list-toolbar--sticky{z-index:5;background:var(--oc-background);border-block-end:1px solid var(--oc-border);position:sticky;inset-block-start:0}.oc-list-toolbar--bordered{background:var(--oc-card);border:1px solid var(--oc-border);border-radius:var(--oc-radius);padding:.5rem .75rem}:is(.oc-list-toolbar-scope:has(.oc-list-toolbar-view input[value=cards]:checked) .oc-list-toolbar-panel:not([data-view=cards]),.oc-list-toolbar-scope:has(.oc-list-toolbar-view input[value=table]:checked) .oc-list-toolbar-panel:not([data-view=table]),.oc-list-toolbar-scope:has(.oc-list-toolbar-view input[value=list]:checked) .oc-list-toolbar-panel:not([data-view=list])){display:none}@media (width<=36rem){.oc-list-toolbar-search{flex-basis:100%;max-inline-size:none}}@media (prefers-reduced-motion:reduce){.oc-list-toolbar-view{transition:none}}.oc-page-header{gap:.5rem;padding-block:.75rem 1rem;display:grid;container:oc-page-header/inline-size}.oc-page-header-back{display:flex}.oc-page-header-back .oc-back-link{margin-inline-start:-.75rem}.oc-page-header-main{flex-direction:column;gap:.75rem;display:flex}.oc-page-header-text{min-inline-size:0}.oc-page-header-title{letter-spacing:-.01em;color:var(--oc-foreground);text-wrap:balance;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:600;line-height:1.25;display:flex}.oc-page-header-subtitle{max-inline-size:65ch;color:var(--oc-muted-foreground);margin:.25rem 0 0;font-size:.875rem;line-height:1.55}.oc-page-header-meta{color:var(--oc-muted-foreground);flex-wrap:wrap;align-items:center;gap:.375rem .75rem;margin-block-start:.5rem;font-size:.8125rem;display:flex}.oc-page-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@container oc-page-header (width>=36rem){.oc-page-header-main{flex-direction:row;justify-content:space-between;align-items:flex-start}.oc-page-header-actions{flex-shrink:0;justify-content:flex-end;padding-block-start:.125rem}}.oc-page-header--bordered{border-block-end:1px solid var(--oc-border);margin-block-end:1rem}.oc-page-header--sticky{z-index:10;background:var(--oc-background);position:sticky;inset-block-start:0}.oc-page-header--sm{padding-block:.5rem .75rem}.oc-page-header--sm .oc-page-header-title{font-size:1.125rem}.oc-severity-card{--oc-severity-color:var(--oc-muted-foreground);color:var(--oc-foreground);background:color-mix(in oklch, var(--oc-severity-color) 6%, var(--oc-card));border:1px solid oklch(from var(--oc-severity-color) l c h / .3);border-inline-start-width:3px;border-inline-start-color:var(--oc-severity-color);border-radius:calc(var(--oc-radius) + 4px);interpolate-size:allow-keywords;overflow:hidden}.oc-severity-card+.oc-severity-card{margin-block-start:.5rem}.oc-severity-card-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;padding:.875rem 1rem;list-style:none;display:flex}.oc-severity-card-head::-webkit-details-marker{display:none}.oc-severity-card-head:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-severity-card-head:hover{background:oklch(from var(--oc-severity-color) l c h / .06)}.oc-severity-card-icon{color:var(--oc-severity-color);flex-shrink:0;display:inline-flex}.oc-severity-card-icon svg{block-size:1.25rem;inline-size:1.25rem}.oc-severity-card-main{flex:1;min-inline-size:0}.oc-severity-card-title{text-overflow:ellipsis;white-space:nowrap;color:var(--oc-severity-color);font-size:.875rem;font-weight:600;display:block;overflow:hidden}.oc-severity-card-tags{flex-wrap:wrap;gap:.25rem;margin-block-start:.375rem;display:flex}.oc-severity-card-tag{color:var(--oc-muted-foreground);background:var(--oc-muted);border-radius:4px;padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6875rem}.oc-severity-card-level{letter-spacing:.04em;text-transform:uppercase;color:var(--oc-severity-color);background:oklch(from var(--oc-severity-color) l c h / .14);border:1px solid oklch(from var(--oc-severity-color) l c h / .35);border-radius:999px;flex-shrink:0;padding:.2rem .5rem;font-size:.6875rem;font-weight:700}.oc-severity-card-head:after{content:"";border-inline-end:1.5px solid var(--oc-muted-foreground);border-block-end:1.5px solid var(--oc-muted-foreground);block-size:.45rem;inline-size:.45rem;transition:rotate var(--oc-transition-fast);flex-shrink:0;margin-inline:.25rem;translate:0 -.15rem;rotate:45deg}.oc-severity-card[open]>.oc-severity-card-head:after{translate:0 .1rem;rotate:225deg}.oc-severity-card::details-content{block-size:0;transition:block-size var(--oc-transition-normal), content-visibility var(--oc-transition-normal) allow-discrete;overflow:clip}.oc-severity-card[open]::details-content{block-size:auto}.oc-severity-card-body{color:var(--oc-muted-foreground);padding:0 1rem 1rem 3rem;font-size:.875rem;line-height:1.6}.oc-severity-card-body>:first-child{margin-block-start:0}.oc-severity-card-actions{flex-wrap:wrap;gap:.5rem;margin-block-start:.75rem;display:flex}.oc-severity-card--low{--oc-severity-color:var(--oc-success)}.oc-severity-card--medium{--oc-severity-color:var(--oc-warning)}.oc-severity-card--high{--oc-severity-color:var(--oc-destructive)}.oc-severity-card--critical{--oc-severity-color:light-dark(var(--color-red-95),var(--color-red-30))}.oc-severity-card--critical .oc-severity-card-level{color:var(--oc-destructive-foreground);background:var(--oc-severity-color)}.oc-severity-card.is-resolved{--oc-severity-color:var(--oc-muted-foreground);background:var(--oc-surface)}.oc-severity-card.is-resolved .oc-severity-card-title{text-decoration:line-through}@media (prefers-reduced-motion:reduce){.oc-severity-card-head:after{transition:none}.oc-severity-card::details-content{transition:none}}.oc-sidebar--dark{color-scheme:dark;background:var(--oc-card);color:var(--oc-foreground);border-color:var(--oc-border)}.oc-sidebar--dark .oc-sidebar-menu-button[aria-current=page],.oc-sidebar--dark .oc-sidebar-menu-button.is-active{box-shadow:inset 3px 0 0 var(--oc-primary)}.oc-sortable-row-grip-cell{text-align:center;inline-size:2.25rem;padding-inline:.25rem}.oc-sortable-row-grip{block-size:1.75rem;inline-size:1.5rem;color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.oc-sortable-row-grip:before{content:"";background:radial-gradient(circle,currentColor 1.1px,#0000 1.4px) 0 0/.25rem .29rem;block-size:.875rem;inline-size:.5rem}.oc-sortable-row-grip:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-sortable-row-grip:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-sortable-row-grip:active{cursor:grabbing}.oc-sortable-row{transition:opacity var(--oc-transition-fast), background var(--oc-transition-fast)}.oc-sortable-row.is-dragging{opacity:.45;background:var(--oc-surface)}.oc-sortable-row.is-dragging>td{border-style:dashed}.oc-sortable-row.is-drop-before>td{box-shadow:inset 0 2px 0 var(--oc-primary)}.oc-sortable-row.is-drop-after>td{box-shadow:inset 0 -2px 0 var(--oc-primary)}.oc-sortable-row:has(.oc-sortable-row-grip[aria-pressed=true]){background:oklch(from var(--oc-primary) l c h / .08)}.oc-sortable-row-grip[aria-pressed=true]{color:var(--oc-primary);cursor:grabbing}.oc-sortable-row-grip:disabled{opacity:.35;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.oc-sortable-row{transition:none}}.oc-stat-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.75rem;display:grid}.oc-stat-card{--oc-stat-card-color:var(--oc-primary);min-inline-size:0;font:inherit;text-align:start;color:var(--oc-card-foreground);background:var(--oc-card-background);border:1px solid var(--oc-card-border);border-radius:calc(var(--oc-radius) + 4px);transition:translate var(--oc-transition-fast), box-shadow var(--oc-transition-fast), border-color var(--oc-transition-fast);align-items:center;gap:.75rem;padding:1rem;text-decoration:none;display:flex}.oc-stat-card-icon{block-size:2.5rem;inline-size:2.5rem;color:var(--oc-stat-card-color);background:oklch(from var(--oc-stat-card-color) l c h / .12);border-radius:var(--oc-radius);flex-shrink:0;place-items:center;display:grid}.oc-stat-card-icon svg{block-size:1.25rem;inline-size:1.25rem}.oc-stat-card-body{min-inline-size:0}.oc-stat-card-value{font-variant-numeric:tabular-nums;color:var(--oc-foreground);font-size:1.5rem;font-weight:700;line-height:1;display:block}.oc-stat-card-label{color:var(--oc-muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin-block-start:.25rem;font-size:.75rem;display:block;overflow:hidden}.oc-stat-card-trend{vertical-align:middle;color:var(--oc-muted-foreground);background:var(--oc-muted);border-radius:999px;margin-inline-start:.375rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;display:inline-block}.oc-stat-card-trend--up{color:var(--oc-success);background:oklch(from var(--oc-success) l c h / .12)}.oc-stat-card-trend--down{color:var(--oc-destructive);background:oklch(from var(--oc-destructive) l c h / .12)}.oc-stat-card--accent{--oc-stat-card-color:var(--oc-destructive)}.oc-stat-card--success{--oc-stat-card-color:var(--oc-success)}.oc-stat-card--warning{--oc-stat-card-color:var(--oc-warning)}.oc-stat-card--stripe{border-inline-start:3px solid var(--oc-stat-card-color)}a.oc-stat-card,button.oc-stat-card{cursor:pointer}a.oc-stat-card:hover,button.oc-stat-card:hover{border-color:oklch(from var(--oc-stat-card-color) l c h / .4);box-shadow:0 6px 18px oklch(from var(--color-black-60) l c h / .1);translate:0 -2px}a.oc-stat-card:focus-visible,button.oc-stat-card:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.oc-stat-card{transition:none}a.oc-stat-card:hover,button.oc-stat-card:hover{translate:none}}.oc-table-actions--icons>*+*{margin-inline-start:.125rem}.oc-table-actions-icon{block-size:1.75rem;inline-size:1.75rem;font:inherit;color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;vertical-align:middle;transition:color var(--oc-transition-fast), background var(--oc-transition-fast), border-color var(--oc-transition-fast);background:0 0;border:1px solid #0000;place-items:center;padding:0;text-decoration:none;display:inline-grid}.oc-table-actions-icon svg{block-size:1rem;inline-size:1rem}.oc-table-actions-icon:hover{color:var(--oc-foreground);background:var(--oc-accent);border-color:var(--oc-border)}.oc-table-actions-icon:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-table-actions-icon:disabled,.oc-table-actions-icon[aria-disabled=true]{opacity:.45;pointer-events:none}.oc-table-actions-icon--primary:hover{color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1)}.oc-table-actions-icon--success:hover{color:var(--oc-success);background:oklch(from var(--oc-success) l c h / .1)}.oc-table-actions-icon--destructive{color:var(--oc-destructive)}.oc-table-actions-icon--destructive:hover{color:var(--oc-destructive);background:oklch(from var(--oc-destructive) l c h / .1)}.oc-table-actions-more{block-size:1.75rem;inline-size:1.75rem;color:var(--oc-muted-foreground);border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;display:inline-grid}.oc-table-actions-more:before{content:"";background:currentColor;border-radius:50%;block-size:.2rem;inline-size:.2rem;box-shadow:-.35rem 0,.35rem 0}.oc-table-actions-more:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-table-actions-more:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-table-actions:has(.oc-dropdown-menu:popover-open) .oc-table-actions-more{color:var(--oc-foreground);background:var(--oc-accent);border-color:var(--oc-border)}.oc-table-actions .oc-dropdown-menu[popover]{position-area:block-end span-inline-start;text-align:start;min-inline-size:11rem}.oc-table-actions .oc-dropdown-item svg{flex-shrink:0;block-size:1rem;inline-size:1rem}@media (prefers-reduced-motion:reduce){.oc-table-actions-icon{transition:none}}.oc-table-compact{inline-size:100%;overflow-x:auto}.oc-table-compact>.oc-table{border-collapse:collapse;font-size:.8125rem}.oc-table-compact>.oc-table :is(th,td){border:0;border-block-end:1px solid var(--oc-border);white-space:nowrap;padding:.3rem .625rem}.oc-table-compact>.oc-table :is(th,td):first-child{padding-inline-start:.75rem}.oc-table-compact>.oc-table :is(th,td):last-child{padding-inline-end:.75rem}.oc-table-compact>.oc-table :is(th,td)[data-wrap]{white-space:normal}.oc-table-compact>.oc-table thead th{letter-spacing:.04em;text-transform:uppercase;color:var(--oc-muted-foreground);background:var(--oc-surface);border-block-end-width:1px;font-size:.6875rem;font-weight:600}.oc-table-compact>.oc-table tbody tr:nth-child(2n){background:var(--oc-surface)}.oc-table-compact>.oc-table tbody tr:last-child>td{border-block-end:0}.oc-table-compact>.oc-table tfoot :is(th,td){color:var(--oc-foreground);border-block-start:2px solid var(--oc-border);background:0 0;border-block-end:0;font-weight:600}.oc-table-compact-muted{color:var(--oc-muted-foreground)}.oc-table-compact--bordered{border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-card)}.oc-table-compact--plain>.oc-table tbody tr:nth-child(2n),.oc-table-compact--plain>.oc-table thead th{background:0 0}.oc-top-progress{--oc-top-progress-color:var(--oc-primary);--oc-top-progress-height:3px;z-index:1000;inline-size:100%;block-size:var(--oc-top-progress-height);appearance:none;color:var(--oc-top-progress-color);pointer-events:none;transition:opacity var(--oc-transition-normal);background:0 0;border:0;margin:0;padding:0;display:block;position:fixed;inset-block-start:0;inset-inline:0}.oc-top-progress::-webkit-progress-bar{background:0 0}.oc-top-progress::-webkit-progress-value{background:var(--oc-top-progress-color);box-shadow:0 0 8px var(--oc-top-progress-color);transition:inline-size var(--oc-transition-normal)}.oc-top-progress::-moz-progress-bar{background:var(--oc-top-progress-color);box-shadow:0 0 8px var(--oc-top-progress-color)}.oc-top-progress:indeterminate{background:linear-gradient(90deg, transparent, var(--oc-top-progress-color) 30% 70%, transparent) no-repeat;background-size:35% 100%;animation:1.2s ease-in-out infinite oc-top-progress-slide}.oc-top-progress:indeterminate::-webkit-progress-bar{background:0 0}.oc-top-progress:indeterminate::-moz-progress-bar{box-shadow:none;background:0 0}@keyframes oc-top-progress-slide{0%{background-position:-40% 0}to{background-position:140% 0}}.oc-top-progress--success{--oc-top-progress-color:var(--oc-success)}.oc-top-progress--warning{--oc-top-progress-color:var(--oc-warning)}.oc-top-progress--danger{--oc-top-progress-color:var(--oc-destructive)}.oc-top-progress--brand{--oc-top-progress-color:var(--oc-brand-1)}.oc-top-progress--lg{--oc-top-progress-height:4px}.oc-top-progress--static{z-index:auto;background-color:var(--oc-surface-strong);position:relative;inset:auto}.oc-top-progress.is-done{opacity:0}.oc-top-progress[hidden]{display:none}@media (prefers-reduced-motion:reduce){.oc-top-progress:indeterminate{animation-duration:3s}.oc-top-progress{transition:none}.oc-top-progress::-webkit-progress-value{transition:none}}.oc-tree{--oc-tree-row:2rem;--oc-tree-indent:1rem;--oc-tree-bg:var(--oc-card);max-block-size:var(--oc-tree-height,none);color:var(--oc-foreground);background:var(--oc-tree-bg);border:1px solid var(--oc-border);border-radius:var(--oc-radius);font-size:.875rem;overflow:auto}.oc-tree-head{z-index:2;background:var(--oc-tree-bg);border-block-end:1px solid var(--oc-border);font-weight:600;position:sticky;inset-block-start:0}.oc-tree-list{min-inline-size:max-content;margin:0;padding:.25rem 0;list-style:none}.oc-tree-list .oc-tree-list{padding-block:0;padding-inline-start:var(--oc-tree-indent)}.oc-tree-row{min-block-size:var(--oc-tree-row);color:inherit;align-items:center;gap:.375rem;padding-inline:.5rem 0;text-decoration:none;list-style:none;display:flex}summary.oc-tree-row{cursor:pointer}.oc-tree-row::-webkit-details-marker{display:none}.oc-tree-row:hover{background:var(--oc-accent)}.oc-tree-row:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-tree-row:before{content:"";block-size:.4rem;inline-size:.4rem;color:var(--oc-muted-foreground);transition:rotate var(--oc-transition-fast);border-block-end:1.5px solid;border-inline-end:1.5px solid;flex-shrink:0;margin-inline:.2rem .35rem;rotate:-45deg}.oc-tree-node[open]>.oc-tree-row:before{rotate:45deg}.oc-tree-row:not(summary):before{visibility:hidden}.oc-tree-icon{color:var(--oc-muted-foreground);flex-shrink:0;display:inline-flex}.oc-tree-icon svg{block-size:1rem;inline-size:1rem}.oc-tree-label{white-space:nowrap;color:inherit;flex:1 0 auto;padding-inline-end:.75rem;text-decoration:none}a.oc-tree-label:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px;border-radius:2px}.oc-tree-count{color:var(--oc-muted-foreground);font-variant-numeric:tabular-nums;margin-inline-end:.5rem;font-size:.75rem}.oc-tree-actions{z-index:1;background:var(--oc-tree-bg);box-shadow:-.75rem 0 .75rem -.75rem oklch(from var(--color-black-60) l c h / .25);align-items:center;gap:.125rem;margin-inline-start:auto;padding-inline:.5rem .375rem;display:inline-flex;position:sticky;inset-inline-end:0}.oc-tree-row:hover>.oc-tree-actions{background:linear-gradient(var(--oc-accent), var(--oc-accent)), var(--oc-tree-bg)}.oc-tree--quiet .oc-tree-actions{opacity:0}.oc-tree--quiet .oc-tree-row:is(:hover,:focus-within)>.oc-tree-actions{opacity:1}.oc-tree-row:is([aria-current=true],.is-selected,:has(>.oc-tree-label[aria-current=true])){color:var(--oc-primary);background:oklch(from var(--oc-primary) l c h / .1);font-weight:500}.oc-tree-row:is([aria-current=true],.is-selected,:has(>.oc-tree-label[aria-current=true]))>.oc-tree-actions{background:linear-gradient(oklch(from var(--oc-primary) l c h / .1), oklch(from var(--oc-primary) l c h / .1)), var(--oc-tree-bg)}.oc-tree-row.is-muted{color:var(--oc-muted-foreground)}.oc-tree--flush{--oc-tree-bg:transparent;border:0;border-radius:0}.oc-tree--flush .oc-tree-actions{background:var(--oc-card)}@media (prefers-reduced-motion:reduce){.oc-tree-row:before{transition:none}}.oc-upgrade-banner{--oc-upgrade-color:var(--oc-warning);color:var(--oc-foreground);background:color-mix(in oklch, var(--oc-upgrade-color) 8%, var(--oc-card));border:1px solid oklch(from var(--oc-upgrade-color) l c h / .35);border-radius:calc(var(--oc-radius) + 4px);flex-wrap:wrap;align-items:flex-start;gap:.75rem 1rem;padding:1rem 1.25rem;font-size:.875rem;display:flex;position:relative}.oc-upgrade-banner-icon{color:var(--oc-upgrade-color);flex-shrink:0;display:inline-flex}.oc-upgrade-banner-icon svg{block-size:1.25rem;inline-size:1.25rem}.oc-upgrade-banner-body{flex:18rem;min-inline-size:0}.oc-upgrade-banner-title{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:600;display:flex}.oc-upgrade-banner-plan{color:var(--oc-upgrade-color);background:oklch(from var(--oc-upgrade-color) l c h / .14);border-radius:999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.oc-upgrade-banner-text{color:var(--oc-muted-foreground);margin:.25rem 0 0;line-height:1.55}.oc-upgrade-banner-text a{color:var(--oc-primary)}.oc-upgrade-banner-usage{color:var(--oc-muted-foreground);grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;margin-block-start:.625rem;font-size:.75rem;display:grid}.oc-upgrade-banner-meter{appearance:none;background:var(--oc-surface-strong);border:0;border-radius:999px;block-size:.375rem;inline-size:100%}.oc-upgrade-banner-meter::-webkit-meter-bar{background:var(--oc-surface-strong);border:0;border-radius:999px;block-size:.375rem}.oc-upgrade-banner-meter::-webkit-meter-optimum-value{background:var(--oc-upgrade-color);border-radius:999px}.oc-upgrade-banner-meter::-webkit-meter-suboptimum-value{background:var(--oc-upgrade-color);border-radius:999px}.oc-upgrade-banner-meter::-webkit-meter-even-less-good-value{background:var(--oc-upgrade-color);border-radius:999px}.oc-upgrade-banner-meter::-moz-meter-bar{background:var(--oc-upgrade-color);border-radius:999px}.oc-upgrade-banner-actions{flex-wrap:wrap;align-self:center;align-items:center;gap:.5rem;display:flex}.oc-upgrade-banner-dismiss{block-size:1.75rem;inline-size:1.75rem;color:var(--oc-muted-foreground);border-radius:var(--oc-radius);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:1.1rem;line-height:1;display:grid;position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}.oc-upgrade-banner-dismiss:hover{color:var(--oc-foreground);background:var(--oc-accent)}.oc-upgrade-banner-dismiss:focus-visible{outline:2px solid var(--oc-ring)}.oc-upgrade-banner:has(.oc-upgrade-banner-dismiss){padding-inline-end:2.75rem}.oc-upgrade-banner[hidden]{display:none}.oc-upgrade-banner--premium{--oc-upgrade-color:var(--oc-primary);background:linear-gradient(color-mix(in oklch, var(--oc-primary) 6%, var(--oc-card)), color-mix(in oklch, var(--oc-primary) 6%, var(--oc-card))) padding-box, var(--oc-gradient-brand) border-box;border-color:#0000}.oc-upgrade-banner--compact{align-items:center;padding:.5rem .75rem}.oc-upgrade-banner--compact .oc-upgrade-banner-body{flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;display:flex}.oc-upgrade-banner--compact .oc-upgrade-banner-text{margin:0}.oc-version-banner{--oc-version-banner-color:var(--oc-warning);min-inline-size:0;max-inline-size:100%;color:var(--oc-foreground);background:oklch(from var(--oc-version-banner-color) l c h / .12);border:1px solid oklch(from var(--oc-version-banner-color) l c h / .4);transition:opacity var(--oc-transition-normal), translate var(--oc-transition-normal);border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .25rem .25rem .625rem;font-size:.75rem;line-height:1.3;display:inline-flex;@starting-style{opacity:0;translate:0 -.25rem}}.oc-version-banner[hidden]{display:none}.oc-version-banner-dot{background:var(--oc-version-banner-color);border-radius:50%;flex-shrink:0;block-size:.5rem;inline-size:.5rem;animation:2s ease-in-out infinite oc-version-banner-pulse}@keyframes oc-version-banner-pulse{50%{box-shadow:0 0 0 4px oklch(from var(--oc-version-banner-color) l c h / .2)}}.oc-version-banner-text{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.oc-version-banner-short{white-space:nowrap;display:none}@media (width<=40rem){.oc-version-banner-text:has(+.oc-version-banner-short){display:none}.oc-version-banner-short{display:inline}}.oc-version-banner-action{font:inherit;color:var(--oc-foreground);background:var(--oc-background);border:1px solid oklch(from var(--oc-version-banner-color) l c h / .4);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem .625rem;font-weight:600;text-decoration:none;display:inline-flex}.oc-version-banner-action:hover{background:oklch(from var(--oc-version-banner-color) l c h / .15)}.oc-version-banner-action:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-version-banner--info{--oc-version-banner-color:var(--oc-primary)}.oc-version-banner--success{--oc-version-banner-color:var(--oc-success)}.oc-version-banner--floating{z-index:900;background:var(--oc-popover);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);position:fixed;inset-block-end:1rem;inset-inline-end:1rem}@media (prefers-reduced-motion:reduce){.oc-version-banner{transition:none}.oc-version-banner-dot{animation:none}}.oc-chart-line{--oc-chart-line-height:12rem;inline-size:100%;min-inline-size:0;color:var(--oc-foreground);gap:.75rem;margin:0;font-size:.75rem;display:grid}.oc-chart-line__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex}.oc-chart-line__title{margin:0;font-size:.95rem;font-weight:650}.oc-chart-line__sub{color:var(--oc-muted-foreground);margin:0;font-size:.8rem}.oc-chart-line__value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:1.5rem;font-weight:700}.oc-chart-line__body{grid-template-columns:auto minmax(0,1fr);gap:.4rem .5rem;display:grid}.oc-chart-line__y{block-size:var(--oc-chart-line-height);color:var(--oc-chart-axis,var(--oc-muted-foreground));font-variant-numeric:tabular-nums;text-align:end;flex-direction:column;justify-content:space-between;margin:0;padding:0;line-height:1;list-style:none;display:flex}.oc-chart-line__y>li{justify-content:flex-end;align-items:center;block-size:0;display:flex}.oc-chart-line__plot{--oc-chart-line-rows:4;block-size:var(--oc-chart-line-height);border-block-end:1px solid var(--oc-chart-axis,var(--oc-border));background:repeating-linear-gradient(to top, transparent 0 calc(100% / var(--oc-chart-line-rows) - 1px), var(--oc-chart-grid,var(--oc-border)) calc(100% / var(--oc-chart-line-rows) - 1px) calc(100% / var(--oc-chart-line-rows)));position:relative}.oc-chart-line__svg{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0;overflow:visible}.oc-chart-line__series{--oc-chart-color:var(--oc-chart-1)}.oc-chart-line__series:nth-of-type(2){--oc-chart-color:var(--oc-chart-2)}.oc-chart-line__series:nth-of-type(3){--oc-chart-color:var(--oc-chart-3)}.oc-chart-line__series:nth-of-type(4){--oc-chart-color:var(--oc-chart-4)}.oc-chart-line__series:nth-of-type(5){--oc-chart-color:var(--oc-chart-5)}.oc-chart-line__path{fill:none;stroke:var(--oc-chart-color);stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.oc-chart-line__area{fill:var(--oc-chart-color);fill-opacity:.16;stroke:none;display:none}.oc-chart-line--area .oc-chart-line__area{display:inline}.oc-chart-line__path--dashed{stroke-dasharray:5 4}.oc-chart-line__cols{margin:0;padding:0;list-style:none;position:absolute;inset:0}.oc-chart-line__col{inline-size:calc(100% / (var(--n) - 1));cursor:crosshair;outline:0;position:absolute;inset-block:0;inset-inline-start:calc(var(--x) / (var(--n) - 1) * 100%);translate:-50%}.oc-chart-line__col:before{content:"";border-inline-start:1px dashed var(--oc-chart-axis,var(--oc-muted-foreground));opacity:0;position:absolute;inset-block:0;inset-inline-start:50%}.oc-chart-line__dot{--oc-chart-color:var(--oc-chart-1);border:2px solid var(--oc-card);background:var(--oc-chart-color);block-size:.6rem;inline-size:.6rem;transition:scale var(--oc-transition-fast);border-radius:50%;position:absolute;inset-block-end:var(--y);inset-inline-start:50%;translate:-50% 50%;scale:0}.oc-chart-line__dot:nth-of-type(2){--oc-chart-color:var(--oc-chart-2)}.oc-chart-line__dot:nth-of-type(3){--oc-chart-color:var(--oc-chart-3)}.oc-chart-line__dot:nth-of-type(4){--oc-chart-color:var(--oc-chart-4)}.oc-chart-line__dot:nth-of-type(5){--oc-chart-color:var(--oc-chart-5)}.oc-chart-line__tip{z-index:2;border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-popover,var(--oc-card));min-inline-size:8.5rem;box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .14);color:var(--oc-popover-foreground,var(--oc-foreground));white-space:nowrap;pointer-events:none;translate:calc(var(--x) / (var(--n) - 1) * -100%) 0;opacity:0;visibility:hidden;transition:opacity var(--oc-transition-fast), visibility var(--oc-transition-fast);gap:.3rem;padding:.45rem .6rem;display:grid;position:absolute;inset-block-start:.25rem;inset-inline-start:50%}.oc-chart-line__tip>strong{font-weight:650}.oc-chart-line__row{color:var(--oc-muted-foreground);align-items:center;gap:.45rem;display:flex}.oc-chart-line__row:before{content:"";background:var(--oc-chart-color,var(--oc-chart-1));border-radius:2px;flex:none;block-size:.6rem;inline-size:.6rem}.oc-chart-line__row>b{color:var(--oc-foreground);font-variant-numeric:tabular-nums;margin-inline-start:auto;padding-inline-start:1rem;font-weight:600}.oc-chart-line__row:first-of-type{--oc-chart-color:var(--oc-chart-1)}.oc-chart-line__row:nth-of-type(2){--oc-chart-color:var(--oc-chart-2)}.oc-chart-line__row:nth-of-type(3){--oc-chart-color:var(--oc-chart-3)}.oc-chart-line__row:nth-of-type(4){--oc-chart-color:var(--oc-chart-4)}.oc-chart-line__row:nth-of-type(5){--oc-chart-color:var(--oc-chart-5)}.oc-chart-line__col:is(:hover,:focus-visible):before{opacity:1}.oc-chart-line__col:is(:hover,:focus-visible)>.oc-chart-line__dot{scale:1}.oc-chart-line__col:is(:hover,:focus-visible)>.oc-chart-line__tip{opacity:1;visibility:visible}.oc-chart-line__col:focus-visible:before{border-inline-start:2px solid var(--oc-ring)}.oc-chart-line__x{color:var(--oc-chart-axis,var(--oc-muted-foreground));grid-column:2;justify-content:space-between;margin:0;padding:0;list-style:none;display:flex}.oc-chart-line__x>li{white-space:nowrap;flex:0 0 0;justify-content:center;display:flex}.oc-chart-line__x>li:first-child{justify-content:flex-start}.oc-chart-line__x>li:last-child{justify-content:flex-end}.oc-chart-line--dots .oc-chart-line__dot{scale:.8}.oc-chart-line--dots .oc-chart-line__col:is(:hover,:focus-visible)>.oc-chart-line__dot{scale:1.15}.oc-chart-line--spark{--oc-chart-line-height:3rem;gap:.25rem}.oc-chart-line--spark .oc-chart-line__body{grid-template-columns:minmax(0,1fr)}.oc-chart-line--spark .oc-chart-line__plot{background:0 0;border:0}.oc-chart-line--spark .oc-chart-line__tip{min-inline-size:0;inset-block:auto calc(100% + .4rem)}@media (prefers-reduced-motion:reduce){.oc-chart-line__dot,.oc-chart-line__tip{transition:none}}.oc-input-group--affix{border:1px solid var(--oc-input);border-radius:var(--oc-radius);transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);align-items:center}.oc-input-group--affix:focus-within{border-color:var(--oc-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-ring) 25%, transparent)}.oc-input-group.oc-input-group--affix .oc-input{border-radius:var(--oc-radius);box-shadow:none;border:0;min-inline-size:0}.oc-input-group.oc-input-group--affix .oc-input-addon{border:0;border-inline-end:1px solid var(--oc-input);min-inline-size:2.25rem;color:var(--oc-muted-foreground);pointer-events:none;-webkit-user-select:none;user-select:none;background:0 0;border-radius:0;justify-content:center;align-self:stretch;align-items:center;padding-inline:.5rem;display:inline-flex}.oc-input-group.oc-input-group--affix .oc-input-addon:last-child:not(:first-child){border-inline-end:0;border-inline-start:1px solid var(--oc-input)}.oc-input-group.oc-input-group--affix .oc-input-addon svg{block-size:1rem;inline-size:1rem}.oc-input-group--end .oc-input{text-align:end;font-variant-numeric:tabular-nums}.oc-input-group--affix.oc-input-group--error{border-color:var(--oc-destructive)}.oc-input-group--affix:has([aria-invalid=true]){border-color:var(--oc-destructive)}.oc-input-group--affix:has(.oc-input:user-invalid){border-color:var(--oc-destructive)}.oc-input-group--affix:has(.oc-input:disabled){opacity:.5;cursor:not-allowed}.oc-input-group--affix:has(.oc-input:disabled) .oc-input{opacity:1}.oc-barcode-input{gap:.5rem;max-inline-size:22rem;display:grid}.oc-barcode-input-field{min-inline-size:0}.oc-barcode-input-field:user-invalid{border-color:var(--oc-destructive)}.oc-barcode-preview{border:1px dashed var(--oc-border-strong);border-radius:var(--oc-radius);background:var(--oc-surface);justify-items:center;gap:.375rem;margin:0;padding:.75rem 1rem;display:grid}.oc-barcode-preview>svg,.oc-barcode-preview>canvas,.oc-barcode-preview>img{block-size:auto;max-inline-size:100%}.oc-barcode-preview-bars{background:repeating-linear-gradient(90deg, var(--oc-foreground) 0 2px, transparent 2px 4px, var(--oc-foreground) 4px 5px, transparent 5px 8px, var(--oc-foreground) 8px 11px, transparent 11px 12px);block-size:3.5rem;inline-size:100%}.oc-barcode-preview-code{letter-spacing:.2em;color:var(--oc-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.oc-barcode-preview--empty .oc-barcode-preview-bars{opacity:.15}.oc-barcode-preview--empty .oc-barcode-preview-code{letter-spacing:0;color:var(--oc-muted-foreground);font-family:inherit}:is(.oc-barcode-input:has(.oc-barcode-input-field:user-invalid) .oc-barcode-preview,.oc-barcode-input:has([aria-invalid=true]) .oc-barcode-preview){border-color:var(--oc-destructive)}.oc-chip-filter{border:0;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;display:flex}.oc-chip-filter-item{border:1px solid var(--oc-border);color:var(--oc-muted-foreground);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--oc-transition-fast), color var(--oc-transition-fast), border-color var(--oc-transition-fast);background:0 0;border-radius:999px;align-items:center;gap:.375rem;padding:.3rem .85rem;font-size:.8rem;font-weight:500;display:inline-flex;position:relative}.oc-chip-filter-item input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.oc-chip-filter-item:hover{border-color:var(--oc-border-strong);color:var(--oc-foreground)}.oc-chip-filter-item:has(input:checked){border-color:var(--oc-primary);background:color-mix(in srgb, var(--oc-primary) 14%, transparent);color:var(--oc-foreground)}.oc-chip-filter-item:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:2px}.oc-chip-filter-item:has(input:disabled){opacity:.45;cursor:not-allowed}.oc-chip-filter-count{background:var(--oc-surface-strong);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;min-inline-size:1.25rem;padding:0 .35rem;font-size:.7rem}.oc-chip-filter-item:has(input:checked) .oc-chip-filter-count{background:var(--oc-primary);color:var(--oc-primary-foreground)}.oc-chip-filter--scroll{scrollbar-width:thin;flex-wrap:nowrap;padding-block:.25rem;overflow-x:auto}.oc-chip-filter--sm .oc-chip-filter-item{padding:.15rem .6rem;font-size:.72rem}.oc-color-select{border:0;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;display:flex}.oc-color-select-option{--oc-swatch:var(--oc-muted);color:var(--oc-foreground);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex;position:relative}.oc-color-select-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.oc-color-select-swatch{background:var(--oc-swatch);block-size:1.75rem;inline-size:1.75rem;box-shadow:inset 0 0 0 1px oklch(from var(--oc-foreground) l c h / .15);transition:box-shadow var(--oc-transition-fast), transform var(--oc-transition-fast);border-radius:999px;flex:none}.oc-color-select-option:hover .oc-color-select-swatch{transform:scale(1.08)}.oc-color-select-option:has(input:checked) .oc-color-select-swatch{box-shadow:0 0 0 2px var(--oc-background), 0 0 0 4px var(--oc-swatch)}.oc-color-select-option:has(input:focus-visible) .oc-color-select-swatch{outline:2px solid var(--oc-ring);outline-offset:4px}.oc-color-select-option:has(input:disabled){opacity:.55;cursor:not-allowed}.oc-color-select-option:has(input:disabled) .oc-color-select-swatch{background:linear-gradient(135deg, transparent calc(50% - 1.5px), var(--oc-background) calc(50% - 1.5px) calc(50% + 1.5px), transparent calc(50% + 1.5px)), var(--oc-swatch);transform:none}.oc-color-select-name{line-height:1.2}.oc-color-select:not(.oc-color-select--list) .oc-color-select-name{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.oc-color-select--list{flex-direction:column;gap:.125rem}.oc-color-select--list .oc-color-select-option{border-radius:calc(var(--oc-radius) - 2px);padding:.375rem .5rem}.oc-color-select--list .oc-color-select-option:hover{background:var(--oc-surface)}.oc-color-select--list .oc-color-select-option:has(input:checked){background:var(--oc-surface-strong);font-weight:500}.oc-color-select--list .oc-color-select-swatch{block-size:1rem;inline-size:1rem}.oc-color-select--list .oc-color-select-option:hover .oc-color-select-swatch{transform:none}.oc-color-select--sm .oc-color-select-swatch{block-size:1.25rem;inline-size:1.25rem}.oc-decimal-input{text-align:end;font-variant-numeric:tabular-nums}.oc-decimal-input--start{text-align:start}.oc-decimal-field{border:1px solid var(--oc-input);border-radius:var(--oc-radius);transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);align-items:center;display:flex}.oc-decimal-field:focus-within{border-color:var(--oc-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-ring) 25%, transparent)}.oc-decimal-field>.oc-decimal-input{min-inline-size:0;box-shadow:none;border:0;flex:1}.oc-decimal-field-unit{color:var(--oc-muted-foreground);white-space:nowrap;pointer-events:none;padding-inline:0 .75rem;font-size:.875rem}.oc-decimal-input:user-invalid{border-color:var(--oc-destructive)}:is(.oc-decimal-field:has(.oc-decimal-input:user-invalid),.oc-decimal-field:has([aria-invalid=true])){border-color:var(--oc-destructive)}.oc-decimal-field:has(.oc-decimal-input:disabled){opacity:.5;cursor:not-allowed}.oc-filter-counts{border:0;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;inline-size:100%;min-inline-size:0;margin:0;padding:0;display:grid}.oc-filter-counts-item{--oc-filter-accent:var(--oc-primary);border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-card);color:var(--oc-foreground);cursor:pointer;transition:border-color var(--oc-transition-fast), background var(--oc-transition-fast);gap:.125rem;padding:.875rem 1rem;display:grid;position:relative}.oc-filter-counts-item input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.oc-filter-counts-item:hover{background:var(--oc-surface)}.oc-filter-counts-value{font-variant-numeric:tabular-nums;color:var(--oc-filter-accent);font-size:1.5rem;font-weight:700;line-height:1.1}.oc-filter-counts-label{font-size:.875rem;font-weight:600}.oc-filter-counts-hint{color:var(--oc-muted-foreground);font-size:.75rem}.oc-filter-counts-item--success{--oc-filter-accent:var(--oc-success)}.oc-filter-counts-item--destructive{--oc-filter-accent:var(--oc-destructive)}.oc-filter-counts-item--muted{--oc-filter-accent:var(--oc-muted-foreground)}.oc-filter-counts-item:has(input:checked){border-color:var(--oc-filter-accent);background:color-mix(in srgb, var(--oc-filter-accent) 10%, var(--oc-card))}.oc-filter-counts-item:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:2px}.oc-filter-counts-item:has(input:disabled){opacity:.5;cursor:not-allowed}.oc-filter-counts--compact{flex-wrap:wrap;gap:.25rem;inline-size:auto;display:inline-flex}.oc-filter-counts--compact .oc-filter-counts-item{border-radius:999px;flex-direction:row-reverse;align-items:baseline;gap:.375rem;padding:.3rem .75rem;display:inline-flex}.oc-filter-counts--compact .oc-filter-counts-value{font-size:.8rem}.oc-filter-counts--compact .oc-filter-counts-label{font-size:.8rem;font-weight:500}.oc-filter-counts--compact .oc-filter-counts-hint{display:none}.oc-language-select{border:1px solid var(--oc-input);color:var(--oc-foreground);transition:border-color var(--oc-transition-fast), background var(--oc-transition-fast);border-radius:999px;align-items:center;gap:.375rem;padding-inline:.625rem .5rem;font-size:.8rem;display:inline-flex;position:relative}.oc-language-select:hover{background:var(--oc-surface)}.oc-language-select:focus-within{border-color:var(--oc-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-ring) 25%, transparent)}.oc-language-select-icon{inline-size:1rem;color:var(--oc-muted-foreground);flex:none;justify-content:center;font-weight:600;display:inline-flex}.oc-language-select-icon svg{block-size:1rem;inline-size:1rem}.oc-language-select-control{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;outline:none;padding:.375rem 1.25rem .375rem 0}.oc-language-select-control option{background:var(--oc-background);color:var(--oc-foreground)}.oc-language-select:after{content:"";border-inline-end:1.5px solid var(--oc-muted-foreground);border-block-end:1.5px solid var(--oc-muted-foreground);pointer-events:none;block-size:.35rem;inline-size:.35rem;position:absolute;inset-block-start:50%;inset-inline-end:.7rem;transform:translateY(-70%)rotate(45deg)}.oc-language-select:has(.oc-language-select-control:disabled){opacity:.5;cursor:not-allowed}.oc-language-select--ghost{border-color:#0000}.oc-language-select--currency .oc-language-select-icon{color:var(--oc-primary)}button.oc-language-select{font:inherit;cursor:pointer;background:0 0;outline:none;padding-block:.375rem;padding-inline-end:1.6rem;font-size:.8rem}button.oc-language-select:hover{background:var(--oc-surface)}.oc-number-input{border:1px solid var(--oc-input);border-radius:var(--oc-radius);transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);align-items:stretch;display:inline-flex;overflow:hidden}.oc-number-input:focus-within{border-color:var(--oc-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-ring) 25%, transparent)}.oc-number-input-step{background:var(--oc-surface);inline-size:2.25rem;color:var(--oc-muted-foreground);font:inherit;cursor:pointer;transition:background var(--oc-transition-fast), color var(--oc-transition-fast);border:0;flex:none;padding:0;font-size:1rem;line-height:1}.oc-number-input-step:first-child{border-inline-end:1px solid var(--oc-input)}.oc-number-input-step:last-child{border-inline-start:1px solid var(--oc-input)}.oc-number-input-step:hover{background:var(--oc-surface-strong);color:var(--oc-foreground)}.oc-number-input-step:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-number-input-step:disabled{opacity:.4;cursor:not-allowed}.oc-number-input-field{inline-size:4.5rem;min-inline-size:0;color:var(--oc-foreground);font:inherit;font-variant-numeric:tabular-nums;text-align:center;appearance:textfield;background:0 0;border:0;outline:none;padding:.5rem .25rem;font-size:.875rem}.oc-number-input-field::-webkit-inner-spin-button{appearance:none;margin:0}.oc-number-input-field::-webkit-outer-spin-button{appearance:none;margin:0}:is(.oc-number-input--error,.oc-number-input:has([aria-invalid=true]),.oc-number-input:has(.oc-number-input-field:user-invalid)){border-color:var(--oc-destructive)}.oc-number-input:has(.oc-number-input-field:disabled){opacity:.5;cursor:not-allowed}.oc-number-input{justify-self:start}.oc-number-input--block{justify-self:stretch;inline-size:100%;display:flex}.oc-number-input--block .oc-number-input-field{flex:1;inline-size:auto}.oc-number-input--sm .oc-number-input-step{inline-size:1.75rem;font-size:.875rem}.oc-number-input--sm .oc-number-input-field{inline-size:3.5rem;padding-block:.25rem;font-size:.8rem}.oc-password-requirements{gap:.25rem;margin:.5rem 0 0;padding:0;font-size:.8rem;list-style:none;display:grid}.oc-password-requirement{color:var(--oc-muted-foreground);transition:color var(--oc-transition-fast);align-items:center;gap:.375rem;display:flex}.oc-password-requirement:before{content:"✕";background:var(--oc-surface-strong);border-radius:999px;flex:none;place-items:center;block-size:1rem;inline-size:1rem;font-size:.6rem;font-weight:700;line-height:1;display:inline-grid}.oc-password-requirement--met{color:var(--oc-success)}.oc-password-requirement--met:before{content:"✓";background:var(--oc-success);color:var(--oc-success-foreground)}.oc-password-requirements--inline{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.oc-phone-input{border:1px solid var(--oc-input);border-radius:var(--oc-radius);inline-size:100%;transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);background:0 0;align-items:stretch;display:flex;overflow:hidden}.oc-phone-input:focus-within{border-color:var(--oc-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-ring) 25%, transparent)}.oc-phone-input-dial{border:0;border-inline-end:1px solid var(--oc-input);background:var(--oc-surface);color:var(--oc-foreground);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;outline:none;flex:none;padding:.5rem .5rem .5rem .75rem;font-size:.875rem}.oc-phone-input-dial option{background:var(--oc-background);color:var(--oc-foreground)}.oc-phone-input-number{min-inline-size:0;color:var(--oc-foreground);font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.02em;background:0 0;border:0;outline:none;flex:1;padding:.5rem .75rem;font-size:.875rem}.oc-phone-input-number::placeholder{color:var(--oc-muted-foreground)}:is(.oc-phone-input--error,.oc-phone-input:has([aria-invalid=true]),.oc-phone-input:has(.oc-phone-input-number:user-invalid)){border-color:var(--oc-destructive)}:is(.oc-phone-input--error:focus-within,.oc-phone-input:has([aria-invalid=true]):focus-within){box-shadow:0 0 0 2px color-mix(in srgb, var(--oc-destructive) 25%, transparent)}.oc-phone-input:has(.oc-phone-input-number:disabled){opacity:.5;cursor:not-allowed}.oc-phone-input--sm .oc-phone-input-dial,.oc-phone-input--sm .oc-phone-input-number{padding-block:.25rem;font-size:.8rem}.oc-time-input{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.04em;inline-size:6.5rem}.oc-time-input:user-invalid{border-color:var(--oc-destructive)}.oc-time-slots{grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr));gap:.375rem;max-block-size:12rem;inline-size:100%;padding:.25rem;display:grid;overflow-y:auto}.oc-time-slot{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) - 2px);color:var(--oc-foreground);font-variant-numeric:tabular-nums;text-align:center;cursor:pointer;transition:background var(--oc-transition-fast), border-color var(--oc-transition-fast);padding:.375rem .25rem;font-size:.8rem;position:relative}.oc-time-slot input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.oc-time-slot:hover{background:var(--oc-surface)}.oc-time-slot:has(input:checked){border-color:var(--oc-primary);background:var(--oc-primary);color:var(--oc-primary-foreground)}.oc-time-slot:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:1px}.oc-time-slot:has(input:disabled){opacity:.45;cursor:not-allowed;text-decoration:line-through}.oc-time-slots--sm{grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr))}.oc-time-slots--sm .oc-time-slot{padding-block:.25rem;font-size:.72rem}.oc-toggle-field{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding-block:.5rem;display:flex}.oc-toggle-field-text{gap:.125rem;min-inline-size:0;display:grid}.oc-toggle-field-label{color:var(--oc-foreground);font-size:.875rem;font-weight:500;line-height:1.3}.oc-toggle-field-description{color:var(--oc-muted-foreground);font-size:.8rem;line-height:1.4}.oc-toggle-field:has(input:disabled){opacity:.55;cursor:not-allowed}.oc-toggle-field:has(input:disabled) .oc-switch{cursor:not-allowed}.oc-toggle-field--card{border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-card);transition:border-color var(--oc-transition-fast), background var(--oc-transition-fast);padding:.875rem 1rem}.oc-toggle-field--card:hover{background:var(--oc-surface)}.oc-toggle-field--card:has(input:checked){border-color:color-mix(in srgb, var(--oc-primary) 55%, var(--oc-border))}.oc-toggle-field--card:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:2px}.oc-toggle-field--reverse{flex-direction:row-reverse;justify-content:flex-end}.oc-media-art{background:radial-gradient(circle at 28% 30%, oklch(from var(--color-white-50) l c h / .35), transparent 45%), linear-gradient(135deg, var(--oc-media-art-from,var(--color-vividblue-60)), var(--oc-media-art-to,var(--color-purple-50)));block-size:100%;inline-size:100%;display:block}.oc-media-art--2{--oc-media-art-from:var(--color-teal-50);--oc-media-art-to:var(--color-skycyan-50)}.oc-media-art--3{--oc-media-art-from:var(--color-orange-60);--oc-media-art-to:var(--color-red-50)}.oc-media-art--4{--oc-media-art-from:var(--color-green-40);--oc-media-art-to:var(--color-teal-70)}.oc-media-art--5{--oc-media-art-from:var(--color-magenta-50);--oc-media-art-to:var(--color-indigo-50)}.oc-media-art--6{--oc-media-art-from:var(--color-yellow-60);--oc-media-art-to:var(--color-peru-60)}.oc-attachment-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.oc-attachment-list--stack{flex-flow:column}.oc-attachment{--oc-attachment-tone:var(--oc-muted-foreground);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);background:var(--oc-card);min-inline-size:0;max-inline-size:20rem;color:var(--oc-foreground);transition:background var(--oc-transition-normal), border-color var(--oc-transition-normal);align-items:center;gap:.6rem;padding:.4rem .5rem .4rem .4rem;font-size:.8rem;line-height:1.3;text-decoration:none;display:flex;position:relative;overflow:hidden}.oc-attachment-list--stack>.oc-attachment,.oc-attachment-list--stack>li>.oc-attachment{max-inline-size:none}a.oc-attachment:hover{border-color:var(--oc-border-strong,var(--oc-border));background:var(--oc-surface-strong)}a.oc-attachment:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-attachment__icon{background:linear-gradient(225deg, color-mix(in oklch, var(--oc-attachment-tone) 35%, var(--oc-card)) .45rem, transparent .45rem), color-mix(in oklch, var(--oc-attachment-tone) 14%, var(--oc-card));block-size:2.5rem;inline-size:2.1rem;color:var(--oc-attachment-tone);letter-spacing:.03em;clip-path:polygon(0 0,calc(100% - .45rem) 0,100% .45rem,100% 100%,0 100%);border-radius:.3rem;flex:none;place-items:end center;padding-block-end:.3rem;font-size:.6rem;font-weight:750;display:grid;overflow:hidden}.oc-attachment__icon:has(>:is(img,.oc-media-art)){clip-path:none;padding:0}.oc-attachment__icon>:is(img,.oc-media-art){object-fit:cover;block-size:100%;inline-size:100%}.oc-attachment__body{flex:auto;min-inline-size:0;display:grid}.oc-attachment__name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.oc-attachment__size{color:var(--oc-muted-foreground);font-variant-numeric:tabular-nums;font-size:.72rem}.oc-attachment__remove{z-index:1;block-size:1.6rem;inline-size:1.6rem;color:var(--oc-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:.8rem;display:grid;position:relative}.oc-attachment__remove:hover{background:oklch(from var(--oc-destructive) l c h / .12);color:var(--oc-destructive)}.oc-attachment__remove:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-attachment--pdf{--oc-attachment-tone:var(--oc-destructive)}.oc-attachment--doc{--oc-attachment-tone:var(--oc-chart-1,var(--oc-primary))}.oc-attachment--sheet{--oc-attachment-tone:var(--oc-success)}.oc-attachment--zip{--oc-attachment-tone:var(--oc-warning)}.oc-attachment--image{--oc-attachment-tone:var(--oc-chart-4,var(--oc-primary))}.oc-attachment--uploading:after{content:"";inline-size:var(--oc-attachment-progress,40%);background:var(--oc-primary);block-size:3px;transition:inline-size var(--oc-transition-normal);position:absolute;inset-block-end:0;inset-inline-start:0}.oc-attachment--uploading .oc-attachment__size{color:var(--oc-primary)}.oc-attachment--error{border-color:oklch(from var(--oc-destructive) l c h / .55)}.oc-attachment--error .oc-attachment__size{color:var(--oc-destructive)}.oc-attachment-image{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);background:var(--oc-muted);inline-size:min(100%,18rem);color:var(--color-white-50);text-decoration:none;display:block;position:relative;overflow:hidden}.oc-attachment-image>:is(img,.oc-media-art){aspect-ratio:4/3;object-fit:cover;block-size:auto;max-block-size:14rem;inline-size:100%;display:block}.oc-attachment-image__caption{background:linear-gradient(transparent, oklch(from var(--color-black-60) l c h / .6));white-space:nowrap;text-overflow:ellipsis;padding:1.25rem .6rem .4rem;font-size:.72rem;font-weight:600;position:absolute;inset:auto 0 0;overflow:hidden}a.oc-attachment-image:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}a.oc-attachment-image:hover>:is(img,.oc-media-art){filter:brightness(1.05)}.oc-attachment-thumb{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);background:var(--oc-muted);flex:none;block-size:4rem;inline-size:4rem;position:relative;overflow:hidden}.oc-attachment-thumb>:is(img,.oc-media-art){object-fit:cover;block-size:100%;inline-size:100%}.oc-attachment-thumb>.oc-attachment__remove{background:oklch(from var(--color-black-60) l c h / .6);block-size:1.35rem;inline-size:1.35rem;color:var(--color-white-50);font-size:.65rem;position:absolute;inset-block-start:.2rem;inset-inline-end:.2rem}.oc-attachment-thumb>.oc-attachment__remove:hover{background:var(--oc-destructive);color:var(--color-white-50)}@media (prefers-reduced-motion:reduce){.oc-attachment,.oc-attachment--uploading:after{transition:none}}.oc-browser-frame{--oc-browser-frame-ratio:16 / 10;border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);background:var(--oc-card);inline-size:100%;color:var(--oc-foreground);box-shadow:0 30px 60px -30px oklch(from var(--color-black-60) l c h / .45);margin:0;display:grid;overflow:hidden}.oc-browser-frame__bar{border-block-end:1px solid var(--oc-border);background:var(--oc-muted);align-items:center;gap:.45rem;padding:.55rem .8rem;display:flex}.oc-browser-frame__bar>i{aspect-ratio:1;background:var(--color-red-50);border-radius:50%;flex:none;inline-size:.65rem}.oc-browser-frame__bar>i:nth-of-type(2){background:var(--color-orange-60)}.oc-browser-frame__bar>i:nth-of-type(3){background:var(--color-green-20)}.oc-browser-frame__address{background:var(--oc-card);min-inline-size:0;max-inline-size:28rem;color:var(--oc-muted-foreground);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:1;margin-inline:auto;padding:.2rem .75rem;font-size:.75rem;overflow:hidden}.oc-browser-frame__address:before{content:"🔒︎" / "";opacity:.7;margin-inline-end:.35rem;font-size:.65rem}.oc-browser-frame__actions{min-inline-size:2.4rem;color:var(--oc-muted-foreground);justify-content:flex-end;gap:.35rem;font-size:.8rem;display:flex}.oc-browser-frame__view{aspect-ratio:var(--oc-browser-frame-ratio);background:var(--oc-background);position:relative;overflow:hidden}.oc-browser-frame__view>:is(img,video,iframe,.oc-media-art){object-fit:cover;object-position:top;border:0;block-size:100%;inline-size:100%;display:block}.oc-browser-frame--auto .oc-browser-frame__view{aspect-ratio:auto}.oc-browser-frame__caption{border-block-start:1px solid var(--oc-border);color:var(--oc-muted-foreground);padding:.6rem .9rem;font-size:.8125rem}.oc-browser-frame--minimal .oc-browser-frame__address,.oc-browser-frame--minimal .oc-browser-frame__actions{display:none}.oc-browser-frame--dark{color-scheme:dark}.oc-browser-frame--tilt{transform-origin:50%;transform:perspective(80rem)rotateX(6deg)rotateY(-8deg)}@media (prefers-reduced-motion:no-preference){.oc-browser-frame--tilt{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.oc-browser-frame--tilt:is(:hover,:focus-within){transform:none}}@media (prefers-reduced-motion:reduce){.oc-browser-frame--tilt{transform:none}}.oc-media-card{inline-size:100%;color:var(--oc-foreground);align-content:start;gap:.75rem;display:grid;position:relative}.oc-media-card__body{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;display:grid}.oc-media-card__body:not(:has(.oc-media-card__avatar)){grid-template-columns:minmax(0,1fr) auto}.oc-media-card__avatar{aspect-ratio:1;background:var(--oc-muted);inline-size:2.25rem;color:var(--oc-foreground);border-radius:50%;place-items:center;font-size:.8rem;font-weight:600;display:grid;overflow:hidden}.oc-media-card__avatar>*{object-fit:cover;block-size:100%;inline-size:100%}.oc-media-card__text{gap:.2rem;min-inline-size:0;display:grid}.oc-media-card__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.oc-media-card__title>a{color:inherit;text-decoration:none}.oc-media-card__title>a:after{content:"";border-radius:var(--oc-radius);position:absolute;inset:0}.oc-media-card__title>a:focus-visible{outline:none}.oc-media-card__title>a:focus-visible:after{outline:2px solid var(--oc-ring);outline-offset:4px}.oc-media-card__meta{color:var(--oc-muted-foreground);margin:0;font-size:.8125rem}.oc-media-card__meta>a{z-index:1;color:inherit;text-decoration:none;position:relative}.oc-media-card__meta>a:hover{color:var(--oc-foreground)}.oc-media-card__menu{z-index:1;aspect-ratio:1;inline-size:2rem;color:var(--oc-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:1.1rem;display:grid;position:relative}.oc-media-card__menu:hover{background:var(--oc-surface-strong);color:var(--oc-foreground)}.oc-media-card__menu:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-media-card--compact{gap:.5rem}.oc-media-card--compact .oc-media-card__avatar{inline-size:1.75rem}.oc-media-card--compact .oc-media-card__title{font-size:.875rem}@media (prefers-reduced-motion:no-preference){.oc-media-card:hover .oc-media-thumb>:is(img,video,.oc-media-art){transform:scale(1.04)}}.oc-chat-composer{border:1px solid var(--oc-input);border-radius:calc(var(--oc-radius) + 6px);background:var(--oc-card);inline-size:100%;color:var(--oc-foreground);transition:border-color var(--oc-transition-fast), box-shadow var(--oc-transition-fast);gap:.25rem;padding:.5rem;display:grid}.oc-chat-composer:focus-within{border-color:var(--oc-ring);box-shadow:0 0 0 3px color-mix(in oklch, var(--oc-ring) 20%, transparent)}.oc-chat-composer__input{resize:none;min-block-size:2.5rem;max-block-size:10rem;inline-size:100%;color:inherit;font:inherit;field-sizing:content;background:0 0;border:0;outline:0;padding:.375rem .5rem;font-size:.9375rem;line-height:1.5}.oc-chat-composer__input::placeholder{color:var(--oc-muted-foreground)}.oc-chat-composer__bar{align-items:center;gap:.25rem;display:flex}.oc-chat-composer__tools{align-items:center;gap:.125rem;display:flex}.oc-chat-composer__hint{color:var(--oc-muted-foreground);margin-inline-start:auto;padding-inline:.5rem;font-size:.75rem}.oc-chat-composer__tool{aspect-ratio:1;inline-size:2.25rem;color:var(--oc-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:1.05rem;line-height:1;display:inline-grid}.oc-chat-composer__tool:hover{background:var(--oc-surface-strong);color:var(--oc-foreground)}.oc-chat-composer__tool:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-chat-composer__send{aspect-ratio:1;background:var(--oc-primary);inline-size:2.25rem;color:var(--oc-primary-foreground);cursor:pointer;transition:opacity var(--oc-transition-fast), transform var(--oc-transition-fast);border:0;border-radius:50%;place-items:center;margin-inline-start:auto;padding:0;font-size:1rem;display:inline-grid}.oc-chat-composer__hint+.oc-chat-composer__send{margin-inline-start:0}.oc-chat-composer__send:hover{transform:scale(1.05)}.oc-chat-composer__send:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}:is(.oc-chat-composer:has(.oc-chat-composer__input:placeholder-shown) .oc-chat-composer__send,.oc-chat-composer__send:disabled){opacity:.4;pointer-events:none}.oc-chat-composer--inline{border-radius:1.4rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;padding:.375rem}.oc-chat-composer--inline .oc-chat-composer__bar{display:contents}.oc-chat-composer--inline .oc-chat-composer__tools{grid-area:1/1}.oc-chat-composer--inline .oc-chat-composer__input{grid-area:1/2;min-block-size:2.25rem;padding-block:.4rem}.oc-chat-composer--inline .oc-chat-composer__send{grid-area:1/3}.oc-chat-composer--inline .oc-chat-composer__hint{display:none}.oc-doc-viewer-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:1rem 1.5rem;inline-size:100%;display:grid}.oc-doc-viewer{align-content:start;gap:.5rem;min-inline-size:0;margin:0;display:grid}.oc-doc-viewer__bar{justify-content:space-between;align-items:center;gap:.5rem;min-inline-size:0;display:flex}.oc-doc-viewer__label{min-inline-size:0;color:var(--oc-foreground);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:.875rem;font-weight:600;overflow:hidden}.oc-doc-viewer__meta{color:var(--oc-muted-foreground);flex:none;font-size:.75rem}.oc-doc-viewer__expand{border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-card);block-size:2rem;inline-size:2rem;color:var(--oc-foreground);cursor:zoom-in;transition:background var(--oc-transition-normal), border-color var(--oc-transition-normal);flex:none;place-items:center;padding:0;font-size:.95rem;display:grid}.oc-doc-viewer__expand:hover{background:var(--oc-muted);border-color:var(--oc-border-strong,var(--oc-border))}.oc-doc-viewer__expand:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-doc-viewer__frame{aspect-ratio:1/1.414;border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-muted);position:relative;overflow:hidden}.oc-doc-viewer--video .oc-doc-viewer__frame{aspect-ratio:16/9;background:var(--color-black-40)}.oc-doc-viewer--image .oc-doc-viewer__frame{aspect-ratio:auto}.oc-doc-viewer__frame>:is(iframe,video,img,object,.oc-media-art){object-fit:contain;border:0;block-size:100%;inline-size:100%;display:block}.oc-doc-viewer--image .oc-doc-viewer__frame>img{block-size:auto}.oc-doc-viewer__frame>.oc-doc-viewer__open{background:linear-gradient(transparent 55%, oklch(from var(--color-black-50) l c h / .55));color:var(--color-white-50);font:inherit;opacity:0;cursor:zoom-in;transition:opacity var(--oc-transition-normal);border:0;place-items:end center;padding:.75rem;font-size:.8rem;font-weight:600;display:grid;position:absolute;inset:0}.oc-doc-viewer__frame:hover>.oc-doc-viewer__open,.oc-doc-viewer__open:focus-visible{opacity:1}.oc-doc-viewer__open:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-4px}.oc-doc-viewer-dialog{border:1px solid var(--oc-border);border-radius:var(--oc-radius-lg,12px);background:var(--oc-card);block-size:min(100dvh - 2rem,60rem);max-block-size:none;inline-size:min(100vw - 2rem,72rem);max-inline-size:none;color:var(--oc-foreground);padding:0;overflow:hidden}.oc-doc-viewer-dialog[open]{grid-template-rows:auto minmax(0,1fr);display:grid}.oc-doc-viewer-dialog::backdrop{background:oklch(from var(--color-black-60) l c h / .8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.oc-doc-viewer-dialog--video{background:var(--color-black-40);color:var(--color-white-50)}.oc-doc-viewer-dialog__bar{border-block-end:1px solid var(--oc-border);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .75rem .6rem 1rem;display:flex}.oc-doc-viewer-dialog--video .oc-doc-viewer-dialog__bar{border-color:oklch(from var(--color-white-50) l c h / .15)}.oc-doc-viewer-dialog__title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.oc-doc-viewer-dialog__actions{align-items:center;gap:.5rem;display:flex}.oc-doc-viewer-dialog__close{block-size:2.25rem;inline-size:2.25rem;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:1.1rem;display:grid}.oc-doc-viewer-dialog__close:hover{background:oklch(from currentColor l c h / .1)}.oc-doc-viewer-dialog__close:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-doc-viewer-dialog__body{min-block-size:0;display:grid}.oc-doc-viewer-dialog__body>:is(iframe,video,img,object,.oc-media-art){object-fit:contain;border:0;block-size:100%;inline-size:100%}@media (prefers-reduced-motion:reduce){.oc-doc-viewer__open,.oc-doc-viewer__expand{transition:none}}.oc-emoji-picker__trigger{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;inline-size:2.25rem;padding:0;font-size:1.15rem;line-height:1;display:inline-grid}.oc-emoji-picker__trigger:hover{background:var(--oc-surface-strong)}.oc-emoji-picker__trigger:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-emoji-picker[popover]{position-area:block-start span-inline-end;position-try-fallbacks:flip-block, flip-inline;border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);background:var(--oc-popover);max-block-size:18rem;inline-size:17.5rem;color:var(--oc-popover-foreground);box-shadow:0 8px 24px oklch(from var(--color-black-60) l c h / .15);scrollbar-width:thin;margin:0 0 .375rem;padding:.5rem;position:fixed;inset:auto;overflow-y:auto}.oc-emoji-picker--inline{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);background:var(--oc-popover);inline-size:17.5rem;padding:.5rem}.oc-emoji-picker__label{background:var(--oc-popover);letter-spacing:.05em;text-transform:uppercase;color:var(--oc-muted-foreground);margin:0;padding:.375rem .25rem .25rem;font-size:.6875rem;font-weight:600;position:sticky;inset-block-start:-.5rem}.oc-emoji-picker__grid{grid-template-columns:repeat(8,1fr);gap:.125rem;margin-block-end:.25rem;display:grid}.oc-emoji-picker__item{aspect-ratio:1;border-radius:calc(var(--oc-radius) - 2px);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:1.25rem;line-height:1;display:grid}.oc-emoji-picker__item:hover{background:var(--oc-surface-strong)}.oc-emoji-picker__item:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}@media (prefers-reduced-motion:no-preference){.oc-emoji-picker[popover]{transition:opacity var(--oc-transition-fast), translate var(--oc-transition-fast), display var(--oc-transition-fast) allow-discrete, overlay var(--oc-transition-fast) allow-discrete}.oc-emoji-picker[popover]:popover-open{@starting-style{opacity:0;translate:0 .25rem}}.oc-emoji-picker__item{transition:transform var(--oc-transition-fast)}.oc-emoji-picker__item:hover{transform:scale(1.15)}}.oc-entity-card{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);background:var(--oc-card);inline-size:100%;color:var(--oc-foreground);container-type:inline-size}.oc-entity-card__grid{grid-template-columns:9rem minmax(0,1fr);gap:1.25rem;padding:1.25rem;display:grid}.oc-entity-card__frame{aspect-ratio:1;border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);background:radial-gradient(circle at 50% 40%, var(--oc-surface-strong), var(--oc-muted));box-shadow:inset 0 0 0 .35rem var(--oc-card), inset 0 0 0 calc(.35rem + 1px) var(--oc-border);place-items:center;display:grid;overflow:hidden}.oc-entity-card__frame>:is(img,svg,.oc-media-art){object-fit:cover;block-size:100%;inline-size:100%}.oc-entity-card__frame--contain>:is(img,svg){object-fit:contain;block-size:70%;inline-size:70%}.oc-entity-card__glyph{color:var(--oc-foreground);font-size:3.5rem;line-height:1}.oc-entity-card__body{align-content:start;gap:.35rem;min-inline-size:0;display:grid}.oc-entity-card__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--oc-primary);margin:0;font-size:.75rem;font-weight:600}.oc-entity-card__title{margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.oc-entity-card__description{color:var(--oc-muted-foreground);margin:0;font-size:.875rem}.oc-entity-card__facts{grid-template-columns:auto minmax(0,1fr);gap:.25rem 1rem;margin:.5rem 0 0;font-size:.8125rem;display:grid}.oc-entity-card__facts>dt{color:var(--oc-muted-foreground)}.oc-entity-card__facts>dd{margin:0;font-weight:500}.oc-entity-card__footer{border-block-start:1px solid var(--oc-border);flex-wrap:wrap;gap:.5rem;padding:.75rem 1.25rem;display:flex}.oc-entity-card--stacked .oc-entity-card__grid{grid-template-columns:minmax(0,1fr)}.oc-entity-card--sm .oc-entity-card__grid{grid-template-columns:5.5rem minmax(0,1fr);gap:.875rem;padding:.875rem}.oc-entity-card--sm .oc-entity-card__glyph{font-size:2.25rem}@container (width<=22rem){.oc-entity-card__grid{grid-template-columns:minmax(0,1fr)}}.oc-flip-card{--oc-flip-card-turn:rotateY(180deg);perspective:60rem;inline-size:100%;display:block;position:relative}.oc-flip-card__toggle{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;margin:0;position:absolute}.oc-flip-card__inner{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);display:grid}.oc-flip-card__face{border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);background:var(--oc-card);min-block-size:10rem;color:var(--oc-foreground);backface-visibility:hidden;grid-area:1/1;align-content:center;gap:.5rem;padding:1.25rem;display:grid;position:relative}.oc-flip-card__face--back{transform:var(--oc-flip-card-turn);background:var(--oc-primary);color:var(--oc-primary-foreground);border-color:#0000}.oc-flip-card__title{margin:0;font-size:1.25rem;font-weight:700}.oc-flip-card__text{opacity:.85;margin:0;font-size:.875rem}.oc-flip-card__flip{text-underline-offset:3px;cursor:pointer;justify-self:start;font-size:.8125rem;font-weight:600;text-decoration:underline}.oc-flip-card__flip:after{content:"";border-radius:inherit;position:absolute;inset:0}.oc-flip-card--hover:focus-visible .oc-flip-card__face{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-flip-card:has(.oc-flip-card__toggle:focus-visible) .oc-flip-card__face{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-flip-card--hover:focus-visible{outline:none}.oc-flip-card.is-flipped .oc-flip-card__inner,.oc-flip-card--hover:is(:hover,:focus-within) .oc-flip-card__inner{transform:var(--oc-flip-card-turn)}.oc-flip-card:has(>.oc-flip-card__toggle:checked) .oc-flip-card__inner{transform:var(--oc-flip-card-turn)}.oc-flip-card--vertical{--oc-flip-card-turn:rotateX(180deg)}@media (prefers-reduced-motion:reduce){.oc-flip-card .oc-flip-card__inner{transition:none;transform:none}.oc-flip-card .oc-flip-card__face{transition:opacity .2s,visibility .2s;transform:none}.oc-flip-card .oc-flip-card__face--back{opacity:0;visibility:hidden}.oc-flip-card.is-flipped .oc-flip-card__inner,.oc-flip-card--hover:is(:hover,:focus-within) .oc-flip-card__inner{transform:none}.oc-flip-card:has(>.oc-flip-card__toggle:checked) .oc-flip-card__inner{transform:none}.oc-flip-card.is-flipped .oc-flip-card__face--front,.oc-flip-card--hover:is(:hover,:focus-within) .oc-flip-card__face--front{opacity:0;visibility:hidden}.oc-flip-card:has(>.oc-flip-card__toggle:checked) .oc-flip-card__face--front{opacity:0;visibility:hidden}.oc-flip-card.is-flipped .oc-flip-card__face--back,.oc-flip-card--hover:is(:hover,:focus-within) .oc-flip-card__face--back{opacity:1;visibility:visible}.oc-flip-card:has(>.oc-flip-card__toggle:checked) .oc-flip-card__face--back{opacity:1;visibility:visible}}.oc-image-zoom{--oc-zoom:1;--oc-image-zoom-ratio:16 / 9;gap:.5rem;inline-size:100%;display:grid}.oc-image-zoom__toolbar{color:var(--oc-muted-foreground);flex-wrap:wrap;align-items:center;gap:.25rem;font-size:.8125rem;display:flex}.oc-image-zoom__label{margin-inline-end:.25rem}.oc-image-zoom__level{border:1px solid var(--oc-border);background:var(--oc-card);min-inline-size:2.5rem;color:var(--oc-foreground);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:999px;place-items:center;padding:.25rem .5rem;display:inline-grid;position:relative}.oc-image-zoom__level>input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.oc-image-zoom__level:has(input:checked){border-color:var(--oc-primary);background:var(--oc-primary);color:var(--oc-primary-foreground)}.oc-image-zoom__level:has(input:focus-visible){outline:2px solid var(--oc-ring);outline-offset:2px}.oc-image-zoom__viewport{aspect-ratio:var(--oc-image-zoom-ratio);overscroll-behavior:contain;border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-muted);scrollbar-width:thin;overflow:auto}.oc-image-zoom__viewport:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-image-zoom__canvas{inline-size:calc(100% * var(--oc-zoom));aspect-ratio:var(--oc-image-zoom-ratio)}.oc-image-zoom__canvas>*{object-fit:cover;block-size:100%;inline-size:100%;display:block}.oc-image-zoom--150{--oc-zoom:1.5}.oc-image-zoom--200{--oc-zoom:2}.oc-image-zoom--300{--oc-zoom:3}.oc-image-zoom:has(.oc-image-zoom__level input[value="1"]:checked){--oc-zoom:1}.oc-image-zoom:has(.oc-image-zoom__level input[value="1.5"]:checked){--oc-zoom:1.5}.oc-image-zoom:has(.oc-image-zoom__level input[value="2"]:checked){--oc-zoom:2}.oc-image-zoom:has(.oc-image-zoom__level input[value="3"]:checked){--oc-zoom:3}.oc-image-zoom:has(.oc-image-zoom__level input[value="4"]:checked){--oc-zoom:4}.oc-image-zoom--square{--oc-image-zoom-ratio:1 / 1}.oc-image-zoom--photo{--oc-image-zoom-ratio:4 / 3}@media (prefers-reduced-motion:no-preference){.oc-image-zoom__canvas{transition:inline-size var(--oc-transition-normal)}}.oc-lightbox-thumbs{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.5rem;inline-size:100%;display:grid}.oc-lightbox-thumb{aspect-ratio:4/3;border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-muted);cursor:zoom-in;padding:0;display:block;overflow:hidden}.oc-lightbox-thumb>*{object-fit:cover;block-size:100%;inline-size:100%;transition:transform var(--oc-transition-normal)}.oc-lightbox-thumb:hover>*{transform:scale(1.04)}.oc-lightbox-thumb:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-lightbox{block-size:100dvh;max-block-size:none;inline-size:100vw;max-inline-size:none;color:var(--color-white-50);background:0 0;border:0;margin:0;padding:0;overflow:hidden}.oc-lightbox[open]{grid-template-rows:auto minmax(0,1fr);display:grid}.oc-lightbox::backdrop{background:oklch(from var(--color-black-60) l c h / .88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.oc-lightbox__bar{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.oc-lightbox__title{margin:0;font-size:.95rem;font-weight:600}.oc-lightbox__track{overscroll-behavior:contain;scroll-snap-type:x mandatory;scrollbar-width:none;min-block-size:0;display:flex;overflow-x:auto}.oc-lightbox__track:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-lightbox__slide{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:4.5rem minmax(0,1fr) 4.5rem;align-items:center;gap:1rem 0;margin:0;padding-block-end:1.5rem;display:grid}.oc-lightbox__media{grid-area:1/2;place-items:center;block-size:100%;min-block-size:0;display:grid}.oc-lightbox__media>*{object-fit:contain;border:1px solid oklch(from var(--color-white-50) l c h / .15);border-radius:calc(var(--oc-radius) - 2px);max-block-size:calc(100dvh - 9rem);max-inline-size:100%;box-shadow:0 40px 100px -30px oklch(from var(--color-black-60) l c h / .9)}.oc-lightbox__media>.oc-media-art{aspect-ratio:3/2;block-size:auto;inline-size:min(56rem,100%)}.oc-lightbox__close,.oc-lightbox__nav{aspect-ratio:1;border:1px solid oklch(from var(--color-white-50) l c h / .25);background:oklch(from var(--color-white-50) l c h / .08);inline-size:2.75rem;color:inherit;cursor:pointer;transition:background var(--oc-transition-fast), transform var(--oc-transition-fast);border-radius:50%;place-items:center;font-size:1.1rem;line-height:1;text-decoration:none;display:inline-grid}.oc-lightbox__close:hover,.oc-lightbox__nav:hover{background:oklch(from var(--color-white-50) l c h / .18);transform:scale(1.06)}.oc-lightbox__close:focus-visible,.oc-lightbox__nav:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-lightbox__nav{grid-row:1;justify-self:center}.oc-lightbox__nav--prev{grid-column:1}.oc-lightbox__nav--next{grid-column:3}.oc-lightbox__caption{text-align:center;color:oklch(from var(--color-white-50) l c h / .8);flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:center;gap:.25rem .75rem;padding-inline:1rem;font-size:.95rem;display:flex}.oc-lightbox__counter{font-variant-numeric:tabular-nums;color:oklch(from var(--color-white-50) l c h / .6);font-family:ui-monospace,monospace}.oc-lightbox--single .oc-lightbox__nav,.oc-lightbox--single .oc-lightbox__counter{visibility:hidden}@media (width<=40rem){.oc-lightbox__slide{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem}.oc-lightbox__nav{inline-size:2.25rem}}@media (prefers-reduced-motion:no-preference){.oc-lightbox__track{scroll-behavior:smooth}.oc-lightbox[open]{animation:.25s ease-out oc-lightbox-in}}@keyframes oc-lightbox-in{0%{opacity:0;scale:.98}}.oc-message-thread{--oc-message-thread-height:32rem;block-size:var(--oc-message-thread-height);border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);background:color-mix(in oklch, var(--oc-muted) 40%, var(--oc-background));min-inline-size:0;color:var(--oc-foreground);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.oc-message-thread__header{border-block-end:1px solid var(--oc-border);background:var(--oc-card);grid-row:1;align-items:center;gap:.75rem;min-inline-size:0;padding:.6rem .6rem .6rem 1rem;display:flex}.oc-message-thread__heading{flex:auto;gap:.1rem;min-inline-size:0;display:grid}.oc-message-thread__heading>.oc-message-thread__title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:650;line-height:1.3;overflow:hidden}.oc-message-thread__heading>.oc-message-thread__meta{color:var(--oc-muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}.oc-message-thread__meta strong{color:var(--oc-primary);font-weight:600}.oc-message-thread__people{flex:none}.oc-message-thread__people .oc-avatar{border-color:var(--oc-card);block-size:1.75rem;inline-size:1.75rem;font-size:.62rem}.oc-message-thread__actions{flex:none;align-items:center;gap:.35rem;display:flex}.oc-message-thread__icon-btn{block-size:2rem;inline-size:2rem;color:var(--oc-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.oc-message-thread__icon-btn svg{block-size:1.1rem;inline-size:1.1rem}.oc-message-thread__icon-btn:hover{background:var(--oc-surface-strong);color:var(--oc-foreground)}.oc-message-thread__icon-btn:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-message-thread:before{content:"";pointer-events:none;background:oklch(from var(--oc-muted-foreground) l c h / .11);grid-area:2/1;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M28 36h28a6 6 0 0 1 6 6v14a6 6 0 0 1-6 6H40l-10 8v-8h-2a6 6 0 0 1-6-6V42a6 6 0 0 1 6-6z'/%3E%3Cpath d='M118 42h22v28H118z'/%3E%3Cpath d='M122 50h14M122 56h10'/%3E%3Ccircle cx='188' cy='52' r='10'/%3E%3Cpath d='M188 42v4M188 58v4M178 52h4M194 52h4'/%3E%3Cpath d='M42 118l8-4 8 4v10l-8 4-8-4z'/%3E%3Ccircle cx='50' cy='123' r='2.5'/%3E%3Cpath d='M128 112h24v18H128zM132 118h16M132 124h10'/%3E%3Cpath d='M178 118c6 0 10 4 10 10s-4 10-10 10-10-4-10-10 4-10 10-10z'/%3E%3Cpath d='M178 124v8M174 128h8'/%3E%3Cpath d='M36 178h20l4 12H32z'/%3E%3Cpath d='M120 176c8 0 14 6 14 14H106c0-8 6-14 14-14z'/%3E%3Ccircle cx='120' cy='168' r='7'/%3E%3Cpath d='M176 172h24v20h-24z'/%3E%3Cpath d='M182 178h12M182 184h8'/%3E%3C/g%3E%3C/svg%3E") 0 0/220px 220px}.oc-message-thread--plain:before{display:none}.oc-message-thread__scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--oc-border-strong,var(--oc-border)) transparent;flex-direction:column-reverse;grid-area:2/1;min-block-size:0;display:flex;overflow-y:auto}.oc-message-thread__scroll:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-message-thread__scroll>.oc-message-list{padding:1rem .85rem}.oc-message-thread__footer{border-block-start:1px solid var(--oc-border);background:var(--oc-card);box-shadow:0 -4px 16px oklch(from var(--color-black-60) l c h / .05);grid-row:3;gap:.5rem;padding:.6rem .75rem .75rem;display:grid}.oc-message-thread__footer .oc-chat-composer{background:var(--oc-background)}.oc-message-thread__note{color:var(--oc-muted-foreground);text-align:center;margin:0;font-size:.75rem}.oc-message-thread__busy{z-index:3;background:color-mix(in oklch, var(--oc-background) 82%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;place-content:center;justify-items:center;gap:.4rem;padding:1.5rem;display:none;position:absolute;inset:0}.oc-message-thread[aria-busy=true]>.oc-message-thread__busy{display:grid}.oc-message-thread__busy>.oc-spinner{color:var(--oc-primary);margin-block-end:.35rem}.oc-message-thread__busy strong{font-size:.9rem}.oc-message-thread__busy span{color:var(--oc-muted-foreground);font-size:.78rem}@container (width<26rem){.oc-message-thread__people{display:none}}@media (prefers-reduced-motion:reduce){.oc-message-thread__busy{-webkit-backdrop-filter:none;backdrop-filter:none}}.oc-message-list{--oc-message-in:var(--oc-card);--oc-message-out:color-mix(in oklch, var(--oc-primary) 14%, var(--oc-card));--oc-message-shadow:0 1px 2px oklch(from var(--color-black-60) l c h / .08), 0 4px 12px oklch(from var(--color-black-60) l c h / .06);flex-direction:column;gap:.75rem;margin:0;padding:.75rem;display:flex}.oc-message{align-items:flex-end;gap:.5rem;min-inline-size:0;margin:0;display:flex}.oc-message--out{flex-direction:row-reverse}.oc-message__avatar{border:1px solid var(--oc-border);block-size:2rem;inline-size:2rem;font-size:.7rem}.oc-message--out .oc-message__avatar{background:color-mix(in oklch, var(--oc-primary) 18%, var(--oc-card));color:var(--oc-primary)}.oc-message__bubble{border:1px solid var(--oc-border);background:var(--oc-message-in,var(--oc-card));min-inline-size:0;max-inline-size:min(78%,34rem);box-shadow:var(--oc-message-shadow,none);color:var(--oc-foreground);border-radius:1rem 1rem 1rem .25rem;gap:.25rem;padding:.5rem .8rem .4rem;font-size:.875rem;line-height:1.5;display:grid}.oc-message--out .oc-message__bubble{border-color:color-mix(in oklch, var(--oc-primary) 22%, var(--oc-border));background:var(--oc-message-out,var(--oc-muted));border-radius:1rem 1rem .25rem}.oc-message__sender{color:var(--oc-primary);margin:0;font-size:.72rem;font-weight:650}.oc-message__text{overflow-wrap:anywhere;min-inline-size:0}.oc-message__text>:is(p,ul,ol){margin:0}.oc-message__text>*+*{margin-block-start:.35rem}.oc-message__text :is(ul,ol){padding-inline-start:1.15rem}.oc-message__text a{color:var(--oc-primary);text-underline-offset:2px;text-decoration:underline}.oc-message__text a:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px;border-radius:2px}.oc-message__text code{background:var(--oc-surface-strong);border-radius:4px;padding:.05rem .3rem;font-size:.85em}.oc-message__quote{border-inline-start:3px solid var(--oc-primary);background:var(--oc-surface-strong);color:var(--oc-muted-foreground);border-radius:.4rem;gap:.1rem;padding:.35rem .6rem;font-size:.8rem;line-height:1.4;text-decoration:none;display:grid}.oc-message__quote>strong{color:var(--oc-foreground);font-size:.72rem;font-weight:650}.oc-message__quote>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}a.oc-message__quote:hover{background:color-mix(in oklch, var(--oc-primary) 10%, transparent)}a.oc-message__quote:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-message__attachments{gap:.35rem;margin-block-start:.15rem;display:grid}.oc-message__meta{color:var(--oc-muted-foreground);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem;margin:0;font-size:.68rem;display:flex}.oc-message__status{align-items:center;gap:.2rem;display:inline-flex}.oc-message__status--read{color:var(--oc-success);font-weight:600}.oc-message__status--failed{color:var(--oc-destructive);font-weight:600}.oc-message__status svg{block-size:.85rem;inline-size:.85rem}.oc-message--continued{margin-block-start:-.5rem}.oc-message--continued .oc-message__sender{display:none}.oc-message:has(+.oc-message--continued) .oc-message__avatar{visibility:hidden}.oc-message:has(+.oc-message--continued) .oc-message__bubble{border-end-start-radius:1rem}.oc-message--out:has(+.oc-message--continued) .oc-message__bubble{border-end-end-radius:1rem;border-end-start-radius:1rem}.oc-message--continued .oc-message__bubble{border-start-start-radius:.25rem}.oc-message--out.oc-message--continued .oc-message__bubble{border-start-start-radius:1rem;border-start-end-radius:.25rem}.oc-message__actions{opacity:0;transition:opacity var(--oc-transition-normal);align-self:center;gap:.15rem;display:flex}.oc-message:hover .oc-message__actions,.oc-message:focus-within .oc-message__actions{opacity:1}@media (hover:none){.oc-message__actions{opacity:1}}.oc-message__action{block-size:1.85rem;inline-size:1.85rem;color:var(--oc-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.oc-message__action svg{block-size:1rem;inline-size:1rem}.oc-message__action:hover{background:var(--oc-surface-strong);color:var(--oc-foreground)}.oc-message__action--destructive:hover{background:oklch(from var(--oc-destructive) l c h / .12);color:var(--oc-destructive)}.oc-message__action:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-message-divider{color:var(--oc-muted-foreground);align-items:center;gap:.75rem;margin:.25rem 0;font-size:.72rem;font-weight:600;display:flex}.oc-message-divider:before,.oc-message-divider:after{content:"";border-block-start:1px solid var(--oc-border);flex:1}.oc-message-divider>*{border:1px solid var(--oc-border);background:var(--oc-card);border-radius:999px;padding:.15rem .6rem}.oc-message-divider--system{justify-content:center;font-weight:500}.oc-message-divider--system:before,.oc-message-divider--system:after{display:none}.oc-message-divider--system>*{background:var(--oc-background);text-align:center;border-style:dashed;max-inline-size:85%}@media (prefers-reduced-motion:reduce){.oc-message__actions{transition:none}}.oc-media-row-list{counter-reset:oc-media-row;gap:.25rem;inline-size:100%;margin:0;padding:0;list-style:none;display:grid}.oc-media-row{border-radius:var(--oc-radius);color:var(--oc-foreground);grid-template-columns:10rem minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.375rem;display:grid;position:relative}.oc-media-row:hover{background:var(--oc-surface)}.oc-media-row>.oc-media-thumb{border-radius:calc(var(--oc-radius) - 2px)}.oc-media-row__text{gap:.2rem;min-inline-size:0;display:grid}.oc-media-row__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.oc-media-row__title>a{color:inherit;text-decoration:none}.oc-media-row__title>a:after{content:"";border-radius:var(--oc-radius);position:absolute;inset:0}.oc-media-row__title>a:focus-visible{outline:none}.oc-media-row__title>a:focus-visible:after{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-media-row__meta{color:var(--oc-muted-foreground);margin:0;font-size:.75rem}.oc-media-row__menu{z-index:1;aspect-ratio:1;inline-size:1.75rem;color:var(--oc-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.oc-media-row__menu:hover{background:var(--oc-surface-strong);color:var(--oc-foreground)}.oc-media-row__menu:focus-visible{outline:2px solid var(--oc-ring);outline-offset:1px}.oc-media-row-list--numbered>.oc-media-row{counter-increment:oc-media-row;grid-template-columns:1.5rem 8rem minmax(0,1fr) auto;align-items:center}.oc-media-row-list--numbered>.oc-media-row:before{content:counter(oc-media-row);font-variant-numeric:tabular-nums;text-align:center;color:var(--oc-muted-foreground);font-size:.8125rem}.oc-media-row[aria-current=true]{background:color-mix(in oklch, var(--oc-primary) 12%, transparent)}.oc-media-row-list--numbered>.oc-media-row[aria-current=true]:before{content:"▶" / "Now playing";color:var(--oc-primary)}@media (prefers-reduced-motion:no-preference){.oc-media-row:hover .oc-media-thumb>:is(img,video,.oc-media-art){transform:scale(1.04)}}@media (width<=30rem){.oc-media-row{grid-template-columns:7.5rem minmax(0,1fr) auto}.oc-media-row-list--numbered>.oc-media-row{grid-template-columns:1.25rem 6.5rem minmax(0,1fr) auto}}.oc-stack-card{inline-size:100%;color:var(--oc-foreground);align-content:start;gap:.75rem;padding-block-start:.6rem;display:grid;position:relative}.oc-stack-card__deck{isolation:isolate;position:relative}.oc-stack-card__deck:before,.oc-stack-card__deck:after{content:"";z-index:-1;border-radius:var(--oc-radius);background:color-mix(in oklch, var(--oc-muted-foreground) 35%, var(--oc-card));block-size:100%;transition:translate var(--oc-transition-normal), rotate var(--oc-transition-normal);position:absolute;inset-block:-.3rem auto;inset-inline:.75rem}.oc-stack-card__deck:after{z-index:-2;background:color-mix(in oklch, var(--oc-muted-foreground) 18%, var(--oc-card));inset-block-start:-.6rem;inset-inline:1.5rem}.oc-stack-card__count{background:oklch(from var(--color-black-60) l c h / .78);color:var(--color-white-50);font-variant-numeric:tabular-nums;border-radius:.3rem;align-items:center;gap:.3rem;padding:.15rem .45rem;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;inset-block-end:.45rem;inset-inline-end:.45rem}.oc-stack-card--panel .oc-stack-card__count{border-radius:0 var(--oc-radius) var(--oc-radius) 0;background:oklch(from var(--color-black-60) l c h / .72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;justify-content:center;inline-size:38%;font-size:.875rem;inset-block:0;inset-inline-end:0}.oc-stack-card__title{margin:0;font-size:.95rem;font-weight:600;line-height:1.35}.oc-stack-card__title>a{color:inherit;text-decoration:none}.oc-stack-card__title>a:after{content:"";z-index:1;border-radius:var(--oc-radius);position:absolute;inset:0}.oc-stack-card__title>a:focus-visible{outline:none}.oc-stack-card__title>a:focus-visible:after{outline:2px solid var(--oc-ring);outline-offset:4px}.oc-stack-card__meta{color:var(--oc-muted-foreground);margin:.2rem 0 0;font-size:.8125rem}@media (prefers-reduced-motion:no-preference){.oc-stack-card:hover .oc-stack-card__deck:before{translate:0 -.2rem;rotate:-1.5deg}.oc-stack-card:hover .oc-stack-card__deck:after{translate:0 -.35rem;rotate:2deg}}@media (prefers-reduced-motion:reduce){.oc-stack-card__deck:before,.oc-stack-card__deck:after{transition:none}}.oc-terminal-log{color-scheme:dark;border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 4px);background:var(--color-shallowblue-95);inline-size:100%;color:var(--oc-foreground);box-shadow:0 24px 48px -24px oklch(from var(--color-black-60) l c h / .6);overflow:hidden}.oc-terminal-log__bar{border-block-end:1px solid var(--oc-border);background:var(--color-shallowblue-90);align-items:center;gap:.45rem;padding:.65rem .9rem;display:flex}.oc-terminal-log__bar>i{aspect-ratio:1;background:var(--color-red-50);border-radius:50%;inline-size:.7rem}.oc-terminal-log__bar>i:nth-of-type(2){background:var(--color-orange-60)}.oc-terminal-log__bar>i:nth-of-type(3){background:var(--color-green-20)}.oc-terminal-log__title{color:var(--oc-muted-foreground);margin-inline:.5rem auto;font-size:.8125rem}.oc-terminal-log__status{color:var(--oc-muted-foreground);align-items:center;gap:.4rem;font-size:.75rem;display:inline-flex}.oc-terminal-log__status:before{content:"";aspect-ratio:1;background:var(--color-green-20);border-radius:50%;inline-size:.5rem}.oc-terminal-log__body{max-block-size:var(--oc-terminal-log-height,18rem);scrollbar-width:thin;gap:.15rem;margin:0;padding:.9rem 1rem;font-family:ui-monospace,Cascadia Code,Fira Code,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.6;display:grid;overflow:auto}.oc-terminal-log__body:focus-visible{outline:2px solid var(--oc-ring);outline-offset:-2px}.oc-terminal-log__line{grid-template-columns:auto 3.5rem minmax(0,1fr);gap:.75rem;margin:0;display:grid}.oc-terminal-log__line:not(:has(.oc-terminal-log__time)){grid-template-columns:3.5rem minmax(0,1fr)}.oc-terminal-log__time{color:var(--color-stormblue-40);font-variant-numeric:tabular-nums}.oc-terminal-log__level{text-transform:uppercase;font-weight:700}.oc-terminal-log__msg{overflow-wrap:anywhere;white-space:pre-wrap}.oc-terminal-log__line--info .oc-terminal-log__level{color:var(--color-skycyan-50)}.oc-terminal-log__line--success .oc-terminal-log__level{color:var(--color-green-20)}.oc-terminal-log__line--warn .oc-terminal-log__level{color:var(--color-orange-50)}.oc-terminal-log__line--error .oc-terminal-log__level,.oc-terminal-log__line--error .oc-terminal-log__msg{color:var(--color-red-40)}.oc-terminal-log__line--debug{opacity:.6}.oc-terminal-log__line--debug .oc-terminal-log__level{color:var(--color-purple-30)}.oc-terminal-log__prompt{color:var(--oc-foreground);margin:.25rem 0 0}.oc-terminal-log__prompt:before{content:"$ ";color:var(--color-green-20)}.oc-terminal-log__prompt:after{content:"";vertical-align:text-bottom;background:currentColor;block-size:1.1em;inline-size:.55em;margin-inline-start:.15em;display:inline-block}@media (prefers-reduced-motion:no-preference){.oc-terminal-log__prompt:after{animation:1.1s step-end infinite oc-terminal-log-blink}.oc-terminal-log__status:before{animation:1.6s ease-in-out infinite oc-terminal-log-pulse}}@keyframes oc-terminal-log-blink{50%{opacity:0}}@keyframes oc-terminal-log-pulse{50%{opacity:.35}}.oc-media-thumb{aspect-ratio:16/9;border-radius:var(--oc-radius);background:var(--oc-muted);color:var(--color-white-50);isolation:isolate;display:block;position:relative;overflow:hidden}.oc-media-thumb:focus-visible{outline:2px solid var(--oc-ring);outline-offset:2px}.oc-media-thumb>:is(img,video,.oc-media-art){object-fit:cover;z-index:-1;block-size:100%;inline-size:100%;position:absolute;inset:0}.oc-media-thumb__badge,.oc-media-thumb__duration{background:oklch(from var(--color-black-60) l c h / .78);font-variant-numeric:tabular-nums;border-radius:.3rem;padding:.1rem .4rem;font-size:.75rem;font-weight:600;line-height:1.4;position:absolute}.oc-media-thumb__badge{inset-block-start:.4rem;inset-inline-start:.4rem}.oc-media-thumb__badge--live{background:var(--color-red-60)}.oc-media-thumb__duration{inset-block-end:.45rem;inset-inline-end:.45rem}.oc-media-thumb:has(.oc-media-thumb__progress) .oc-media-thumb__duration{inset-block-end:.7rem}.oc-media-thumb__progress{appearance:none;background:oklch(from var(--color-white-50) l c h / .35);block-size:.25rem;inline-size:100%;color:var(--color-red-60);border:0;position:absolute;inset:auto 0 0}.oc-media-thumb__progress::-webkit-progress-bar{background:0 0}.oc-media-thumb__progress::-webkit-progress-value{background:var(--color-red-60)}.oc-media-thumb__progress::-moz-progress-bar{background:var(--color-red-60)}.oc-media-thumb--square{aspect-ratio:1}.oc-media-thumb--portrait{aspect-ratio:9/16}.oc-media-thumb.is-watched>:is(img,video,.oc-media-art){opacity:.6}@media (prefers-reduced-motion:no-preference){.oc-media-thumb>:is(img,video,.oc-media-art){transition:transform var(--oc-transition-normal)}.oc-media-thumb:hover>:is(img,video,.oc-media-art){transform:scale(1.04)}}.oc-fact-list--plain{background:0 0;border:0;border-radius:0}.oc-fact-list--plain>div{padding-inline:0}.oc-fact-list--compact>div{padding-block:.6rem;font-size:.9rem}.oc-fact-list--stacked>div{flex-direction:column;gap:.2rem}.oc-fact-list--stacked dd{text-align:start}.oc-fact-list--accent dd{color:light-dark(var(--oc-accent-from),oklch(from var(--oc-accent-from) max(l, .72) c h))}.oc-fact-list>div{flex-wrap:wrap}.oc-link-arrow:focus-visible{outline:2px solid var(--oc-ring);outline-offset:3px;border-radius:4px}.oc-link-arrow:focus-visible:after{translate:4px}.oc-link-arrow--back:after{content:none}.oc-link-arrow--back:before{content:"←";transition:translate .2s var(--oc-ease-out)}.oc-link-arrow--back:is(:hover,:focus-visible):before{translate:-4px}.oc-link-arrow--external:after{content:"↗"}.oc-link-arrow--external:is(:hover,:focus-visible):after{translate:3px -3px}.oc-link-arrow--accent{color:light-dark(var(--oc-accent-from),oklch(from var(--oc-accent-from) max(l, .72) c h))}.oc-link-arrow--muted{color:var(--oc-muted-foreground);font-weight:500;transition:color .2s}.oc-link-arrow--muted:hover{color:var(--oc-foreground)}.oc-link-arrow--sm{font-size:.85rem}.oc-link-arrow--lg{font-size:1.15rem}@media (prefers-reduced-motion:reduce){.oc-link-arrow:after,.oc-link-arrow:before{transition:none}}.oc-marquee:focus-within .oc-marquee__track{animation-play-state:paused}.oc-marquee--reverse .oc-marquee__track{animation-direction:reverse}.oc-marquee--slow{--oc-marquee-duration:70s}.oc-marquee--fast{--oc-marquee-duration:20s}.oc-marquee--plain .oc-marquee__item{background:0 0;border-color:#0000;padding-inline:.5rem;font-family:inherit;font-size:1.05rem;font-weight:600}.oc-marquee--no-fade{mask-image:none}@media (prefers-reduced-motion:reduce){.oc-marquee{mask-image:none}.oc-marquee__track{flex-wrap:wrap;inline-size:auto}.oc-marquee__item[aria-hidden=true]{display:none}}.oc-next-teaser{border:1px solid var(--oc-border);border-radius:var(--oc-radius-lg);background:radial-gradient(28rem circle at 100% 0%, color-mix(in oklch, var(--oc-accent-from) 12%, transparent), transparent 60%), var(--oc-surface);color:var(--oc-foreground);transition:transform .3s var(--oc-ease-out), border-color .3s;gap:.45rem;padding:2rem;text-decoration:none;display:grid}.oc-next-teaser__label{color:var(--oc-muted-foreground);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:600}.oc-next-teaser__name{letter-spacing:-.02em;align-items:center;gap:.75rem;margin:0;font-size:clamp(1.4rem,3vw,1.85rem);font-weight:700;display:flex}.oc-next-teaser__tagline{color:var(--oc-muted-foreground);align-items:center;gap:.4rem;margin:0;display:flex}.oc-next-teaser__tagline:after{content:"→";color:light-dark(var(--oc-accent-from),oklch(from var(--oc-accent-from) max(l, .72) c h));transition:translate .25s var(--oc-ease-out)}.oc-next-teaser--prev .oc-next-teaser__tagline:after{content:none}.oc-next-teaser--prev .oc-next-teaser__tagline:before{content:"←";color:light-dark(var(--oc-accent-from),oklch(from var(--oc-accent-from) max(l, .72) c h));transition:translate .25s var(--oc-ease-out)}.oc-next-teaser:is(a):hover{border-color:color-mix(in oklch, var(--oc-accent-from) 55%, transparent);transform:translateY(-4px)}.oc-next-teaser:hover .oc-next-teaser__tagline:after{translate:4px}.oc-next-teaser--prev:hover .oc-next-teaser__tagline:before{translate:-4px}.oc-next-teaser:focus-visible{outline:2px solid var(--oc-ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){.oc-next-teaser,.oc-next-teaser__tagline:after,.oc-next-teaser__tagline:before{transition:none}}.oc-price-card{border:1px solid var(--oc-border);border-radius:var(--oc-radius-lg);background:var(--oc-card);color:var(--oc-foreground);flex-direction:column;gap:1rem;padding:1.75rem;display:flex}.oc-price-card__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.oc-price-card__name{margin:0;font-size:1.2rem;font-weight:700}.oc-price-card__desc{color:var(--oc-muted-foreground);margin:0;font-size:.92rem}.oc-price-card__discount{background:color-mix(in oklch, var(--oc-success) 16%, transparent);color:var(--oc-success);white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:700;transition:opacity .2s}.oc-price-card:has(.oc-price-card__toggle input[value=monthly]:checked) .oc-price-card__discount{opacity:.55}.oc-price-card__toggle{align-self:flex-start}.oc-price-card__price{flex-wrap:wrap;align-items:baseline;gap:.35rem;margin:0;display:flex}.oc-price-card__price--yearly{display:none}.oc-price-card:has(.oc-price-card__toggle input[value=yearly]:checked) .oc-price-card__price--yearly{display:flex}.oc-price-card:has(.oc-price-card__toggle input[value=yearly]:checked) .oc-price-card__price--monthly{display:none}.oc-price-card__amount{letter-spacing:-.03em;font-size:2.5rem;font-weight:700;line-height:1}.oc-price-card__period{color:var(--oc-muted-foreground);font-size:.9rem}.oc-price-card__was{color:var(--oc-muted-foreground);font-size:.95rem}.oc-price-card__note{color:var(--oc-muted-foreground);flex-basis:100%;font-size:.8rem}.oc-price-card__features{flex-grow:1;align-content:start;gap:.55rem;margin:0;padding:0;font-size:.92rem;list-style:none;display:grid}.oc-price-card__feature{align-items:baseline;gap:.55rem;display:flex}.oc-price-card__feature:before{content:"✓";color:var(--oc-success);flex-shrink:0;font-weight:700}.oc-price-card__feature--excluded{color:var(--oc-muted-foreground)}.oc-price-card__feature--excluded:before{content:"✕";color:var(--oc-muted-foreground);font-weight:400}.oc-price-card__cta{inline-size:100%}.oc-price-card{transition:border-color .25s var(--oc-ease-out), box-shadow .25s var(--oc-ease-out), translate .25s var(--oc-ease-out)}.oc-price-card--featured,.oc-price-card:hover,.oc-price-card:focus-within{border-color:color-mix(in oklch, var(--oc-accent-from) 60%, transparent);box-shadow:0 24px 60px -30px var(--oc-accent-from)}.oc-price-card:hover{translate:0 -2px}:has(>.oc-price-card:hover)>.oc-price-card--featured:not(:hover,:focus-within){border-color:var(--oc-border);box-shadow:none}@media (prefers-reduced-motion:reduce){.oc-price-card{transition:none}.oc-price-card:hover{translate:none}}.oc-product-mark{--oc-mark-size:3rem;inline-size:var(--oc-mark-size);aspect-ratio:1;background:linear-gradient(135deg, var(--oc-accent-from), var(--oc-accent-to));color:var(--color-white-50);font-size:calc(var(--oc-mark-size) * .45);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-white-50) 35%, transparent), 0 10px 24px -12px var(--oc-accent-to);border-radius:26%;flex-shrink:0;place-items:center;line-height:1;display:inline-grid;overflow:hidden}@supports (corner-shape:squircle){.oc-product-mark{corner-shape:squircle;border-radius:50%}}.oc-product-mark>:is(img,svg){object-fit:contain;block-size:58%;inline-size:58%}.oc-product-mark--cover>img{object-fit:cover;block-size:100%;inline-size:100%}.oc-product-mark--sm{--oc-mark-size:2.25rem}.oc-product-mark--lg{--oc-mark-size:4rem}.oc-product-mark--xl{--oc-mark-size:clamp(6rem, 18vw, 10rem);box-shadow:inset 0 2px 0 color-mix(in oklch, var(--color-white-50) 35%, transparent), 0 0 80px -20px var(--oc-accent-from)}.oc-product-mark--soft{border:1px solid color-mix(in oklch, var(--oc-accent-from) 40%, transparent);background:color-mix(in oklch, var(--oc-accent-from) 16%, var(--oc-card));color:light-dark(var(--oc-accent-from),oklch(from var(--oc-accent-from) max(l, .72) c h));box-shadow:none}.oc-product-mark--glow{box-shadow:0 0 48px -8px var(--oc-accent-from)}.oc-project-card{border:1px solid var(--oc-border);border-radius:var(--oc-radius-lg);background:var(--oc-surface);color:var(--oc-foreground);transition:transform .35s var(--oc-ease-out), border-color .35s;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.oc-project-card__frame{border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-md);background:var(--oc-card);box-shadow:0 24px 48px -28px color-mix(in oklch, var(--oc-accent-to) 60%, transparent);margin:1rem 1rem 0;display:block;overflow:hidden}.oc-project-card__bar{border-block-end:1px solid var(--oc-border);background:var(--oc-surface-strong);gap:.35rem;padding:.5rem .7rem;display:flex}.oc-project-card__bar>i{aspect-ratio:1;background:var(--oc-border-strong);border-radius:50%;inline-size:.55rem}.oc-project-card__bar>i:first-child{background:var(--oc-accent-from)}.oc-project-card__shot{aspect-ratio:16/10;object-fit:cover;object-position:top;background:radial-gradient(circle at 80% 20%, color-mix(in oklch, var(--color-white-50) 30%, transparent), transparent 45%), linear-gradient(135deg, var(--oc-accent-from), var(--oc-accent-to));transform-origin:50% 0;inline-size:100%;transition:scale .5s var(--oc-ease-out);display:block}.oc-project-card__body{flex-direction:column;flex-grow:1;gap:.35rem;padding:1.1rem 1.25rem 1.3rem;display:flex}.oc-project-card__type{background:color-mix(in oklch, var(--oc-accent-from) 14%, transparent);color:light-dark(var(--oc-accent-from),oklch(from var(--oc-accent-from) max(l, .72) c h));border-radius:999px;align-self:flex-start;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.oc-project-card__name{letter-spacing:-.02em;margin:.25rem 0 0;font-size:1.25rem;font-weight:700}.oc-project-card__meta{color:var(--oc-muted-foreground);margin:0;font-size:.9rem}.oc-project-card__more{color:light-dark(var(--oc-accent-from),oklch(from var(--oc-accent-from) max(l, .72) c h));align-items:center;gap:.4rem;margin-block-start:auto;padding-block-start:.6rem;font-size:.9rem;font-weight:600;display:inline-flex}.oc-project-card__more:after{content:"→";transition:translate .25s var(--oc-ease-out)}.oc-project-card:is(a,[tabindex]):hover{border-color:color-mix(in oklch, var(--oc-accent-from) 55%, transparent);transform:translateY(-4px)}.oc-project-card:hover .oc-project-card__shot{scale:1.03}.oc-project-card:hover .oc-project-card__more:after{translate:4px}.oc-project-card:focus-visible{outline:2px solid var(--oc-ring);outline-offset:3px}.oc-project-card--flat .oc-project-card__frame{box-shadow:none;border:0;border-radius:0;margin:0}@media (prefers-reduced-motion:reduce){.oc-project-card,.oc-project-card__shot{transition:none}}.oc-prose{max-inline-size:68ch;color:var(--oc-foreground);overflow-wrap:break-word;font-size:1rem;line-height:1.7}.oc-prose :where(*){margin-block:0}.oc-prose :where(*+*){margin-block-start:1.1em}.oc-prose>:where(:first-child){margin-block-start:0}.oc-prose :where(h1,h2,h3,h4){color:var(--oc-foreground);letter-spacing:-.01em;text-wrap:balance;font-weight:700;line-height:1.25}.oc-prose :where(h1){letter-spacing:-.02em;font-size:2.1em}.oc-prose :where(h2){margin-block-start:1.8em;font-size:1.45em}.oc-prose :where(h3){margin-block-start:1.6em;font-size:1.2em}.oc-prose :where(h4){margin-block-start:1.4em;font-size:1em}.oc-prose :where(h1,h2,h3,h4)+:where(*){margin-block-start:.6em}.oc-prose :where(h2,h3,h4){scroll-margin-block-start:5rem}.oc-prose :where(p){text-wrap:pretty}.oc-prose :where(.oc-prose-lead){color:var(--oc-muted-foreground);font-size:1.2em;line-height:1.6}.oc-prose :where(a){color:var(--oc-primary);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--oc-primary) 40%, transparent);text-decoration-color:color-mix(in oklch, var(--oc-primary) 40%, transparent);text-underline-offset:.18em;transition:text-decoration-color var(--oc-transition-normal);font-weight:500;text-decoration-thickness:1px}.oc-prose :where(a:hover){text-decoration-color:currentColor}.oc-prose :where(a:focus-visible){outline:2px solid var(--oc-ring);outline-offset:2px;border-radius:2px}.oc-prose :where(strong,b){font-weight:650}.oc-prose :where(:not(pre)>code){border:1px solid var(--oc-border);background:var(--oc-muted);border-radius:.3em;padding:.1em .35em;font-size:.875em}.oc-prose :where(kbd){border:1px solid var(--oc-border);background:var(--oc-card);border-block-end-width:2px;border-radius:.3em;padding:.05em .4em;font-family:inherit;font-size:.85em}.oc-prose :where(mark){background:color-mix(in oklch, var(--oc-warning) 28%, transparent);color:inherit;border-radius:.2em;padding:0 .15em}.oc-prose :where(small){color:var(--oc-muted-foreground)}.oc-prose :where(ul,ol){padding-inline-start:1.5em}.oc-prose :where(ul){list-style:outside}.oc-prose :where(ol){list-style:decimal}.oc-prose :where(ul ul){list-style:circle}.oc-prose :where(li){padding-inline-start:.3em}.oc-prose :where(li+li,li>ul,li>ol){margin-block-start:.4em}.oc-prose :where(ul>li)::marker{color:var(--oc-muted-foreground)}.oc-prose :where(ol>li)::marker{color:var(--oc-muted-foreground);font-variant-numeric:tabular-nums;font-weight:600}.oc-prose :where(dt){font-weight:650}.oc-prose :where(dd){color:var(--oc-muted-foreground);margin-block-start:.25em;padding-inline-start:1.5em}.oc-prose :where(blockquote){border-inline-start:3px solid var(--oc-primary);color:var(--oc-foreground);padding:.2em 0 .2em 1.1em;font-size:1.08em;font-style:italic}.oc-prose :where(blockquote p+p){margin-block-start:.6em}.oc-prose :where(blockquote footer,blockquote cite){color:var(--oc-muted-foreground);margin-block-start:.6em;font-size:.85em;font-style:normal;display:block}.oc-prose :where(pre){border:1px solid var(--oc-border);border-radius:calc(var(--oc-radius) + 2px);background:var(--oc-muted);tab-size:2;padding:.9em 1.1em;font-size:.85em;line-height:1.6;overflow-x:auto}.oc-prose :where(pre code){font-size:inherit;background:0 0;border:0;padding:0}.oc-prose :where(table){border-collapse:collapse;font-variant-numeric:tabular-nums;inline-size:100%;font-size:.9em;line-height:1.5}.oc-prose :where(caption){color:var(--oc-muted-foreground);text-align:start;padding-block-end:.5em;font-size:.9em}.oc-prose :where(th,td){border-block-end:1px solid var(--oc-border);text-align:start;vertical-align:top;padding:.55em .75em}.oc-prose :where(thead th){color:var(--oc-foreground);border-block-end-width:2px;font-weight:650}.oc-prose :where(tbody tr:hover){background:var(--oc-surface)}.oc-prose :where(img,video,.oc-media-art){border-radius:calc(var(--oc-radius) + 2px);block-size:auto;max-inline-size:100%;display:block}.oc-prose :where(figure){margin-inline:0}.oc-prose :where(figure>.oc-media-art){aspect-ratio:16/9}.oc-prose :where(figcaption){color:var(--oc-muted-foreground);text-align:center;margin-block-start:.6em;font-size:.85em;line-height:1.5}.oc-prose :where(hr){border:0;border-block-start:1px solid var(--oc-border);margin-block:2.2em}.oc-prose :where(hr+*){margin-block-start:0}.oc-prose--sm{font-size:.875rem;line-height:1.65}.oc-prose--lg{font-size:1.125rem;line-height:1.75}.oc-prose--full{max-inline-size:none}@media (prefers-reduced-motion:reduce){.oc-prose :where(a){transition:none}}.oc-stack-list{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.oc-stack-list__item{border:1px solid color-mix(in oklch, var(--oc-accent-from) 35%, transparent);background:color-mix(in oklch, var(--oc-accent-from) 10%, transparent);color:var(--oc-foreground);font-family:var(--oc-font-mono);white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.88rem;display:inline-flex}.oc-stack-list__icon{inline-size:1.1em;color:light-dark(var(--oc-accent-from),oklch(from var(--oc-accent-from) max(l, .72) c h));place-items:center;display:inline-grid}.oc-stack-list__icon>:is(img,svg){block-size:auto;inline-size:100%}.oc-stack-list--neutral .oc-stack-list__item{border-color:var(--oc-border);background:var(--oc-surface);color:var(--oc-muted-foreground)}.oc-stack-list--sm{gap:.4rem}.oc-stack-list--sm .oc-stack-list__item{padding:.25rem .65rem;font-size:.78rem}.oc-timeline__item{padding-block-end:.25rem;position:relative}.oc-timeline__item:before{content:"";aspect-ratio:1;border:2px solid var(--oc-accent-from);background:var(--oc-background);border-radius:50%;inline-size:.7rem;position:absolute;inset-block-start:.35rem;inset-inline-start:calc(-1.6rem - .5px)}.oc-timeline .oc-timeline__date{color:light-dark(var(--oc-accent-from),oklch(from var(--oc-accent-from) max(l, .72) c h));font-family:var(--oc-font-mono);font-size:.85rem}.oc-timeline .oc-timeline__title{color:var(--oc-foreground);margin:0;font-size:1.05rem;font-weight:600}.oc-timeline .oc-timeline__text{color:var(--oc-muted-foreground);margin:0;font-size:.95rem;line-height:1.55}.oc-timeline__item--current:before{background:var(--oc-accent-from);box-shadow:0 0 0 4px color-mix(in oklch, var(--oc-accent-from) 25%, transparent)}.oc-timeline--lg{gap:1.75rem}.oc-timeline--accent{border-inline-start-color:color-mix(in oklch, var(--oc-accent-from) 55%, transparent)}:root{--oc-syntax-bg:var(--color-black-30);--oc-syntax-bg-preview:var(--color-shallowblue-60);--oc-syntax-fg:var(--color-silver-60);--oc-syntax-comment:var(--color-purple-2);--oc-syntax-string:var(--color-green-2);--oc-syntax-keyword:var(--color-purple-2);--oc-syntax-variable:var(--color-skycyan-30);--oc-syntax-function:var(--color-skycyan-60);--oc-syntax-number:var(--color-peru-40);--oc-syntax-operator:var(--color-red-50);--oc-syntax-constant:var(--color-skycyan-70);--oc-syntax-storage:var(--color-green-2);--oc-syntax-tag:var(--color-brown-10);--oc-syntax-attr:var(--color-skycyan-70);--oc-syntax-prop:var(--color-green-2);--oc-syntax-value:var(--color-teal-10);--oc-syntax-cls:var(--color-wheat-70);--oc-syntax-id:var(--color-skycyan-70);--oc-syntax-unit:var(--color-peru-40);--oc-syntax-key:var(--color-brown-10);--oc-code-block-tab-size:2;--oc-code-block-line-number-color:oklch(from var(--color-white-2) l c h / .25)}.oc-code-block,pre.code-preview{color-scheme:dark}.oc-code-block{border:1px solid var(--oc-border,var(--color-twilightblue-40));background:var(--oc-syntax-bg);border-radius:8px;grid-template-columns:auto 1fr;margin:0 0 14px;display:grid;overflow:hidden}.oc-code-block__gutter{color:var(--oc-code-block-line-number-color);background:var(--oc-syntax-bg);text-align:right;-webkit-user-select:none;user-select:none;white-space:pre;margin:0;padding:14px 12px 14px 16px;font-family:Cascadia Code,Fira Code,JetBrains Mono,Consolas,monospace;font-size:.8rem;line-height:1.6}.oc-code-block pre.code-preview{tab-size:var(--oc-code-block-tab-size,2);border:none;border-radius:0;margin:0;padding-left:12px}pre.code-preview{border:1px solid var(--oc-border,var(--color-twilightblue-40));background:var(--oc-syntax-bg-preview);color:var(--oc-syntax-fg);white-space:pre;border-radius:8px;margin:0 0 14px;padding:14px 16px;font-family:Cascadia Code,Fira Code,JetBrains Mono,Consolas,monospace;font-size:.8rem;line-height:1.6;position:relative;overflow-x:auto}pre.code-preview code{white-space:pre;font-family:inherit;font-size:inherit;line-height:inherit;display:block}pre.code-preview::-webkit-scrollbar{width:8px;height:8px}pre.code-preview::-webkit-scrollbar-track{background:0 0}pre.code-preview::-webkit-scrollbar-thumb{background:oklch(from var(--color-vividblue-50) l c h / .18);background-clip:content-box;border:2px solid #0000;border-radius:4px}pre.code-preview::-webkit-scrollbar-thumb:hover{background:oklch(from var(--color-vividblue-50) l c h / .35);background-clip:content-box}pre.code-preview .tag,pre.code-preview .hl-tag{color:var(--oc-syntax-tag)}pre.code-preview .attr,pre.code-preview .hl-attr{color:var(--oc-syntax-attr)}pre.code-preview .val,pre.code-preview .hl-val,pre.code-preview .hl-string{color:var(--oc-syntax-string)}pre.code-preview .cmt,pre.code-preview .hl-comment{color:var(--oc-syntax-comment);font-style:italic}pre.code-preview .prop,pre.code-preview .hl-prop{color:var(--oc-syntax-prop)}pre.code-preview .hl-value{color:var(--oc-syntax-value)}pre.code-preview .cls{color:var(--oc-syntax-cls)}pre.code-preview .hl-id{color:var(--oc-syntax-id)}pre.code-preview .hl-unit{color:var(--oc-syntax-unit)}pre.code-preview .hl-keyword{color:var(--oc-syntax-keyword)}pre.code-preview .hl-variable{color:var(--oc-syntax-variable)}pre.code-preview .hl-function{color:var(--oc-syntax-function)}pre.code-preview .hl-number{color:var(--oc-syntax-number)}pre.code-preview .hl-operator{color:var(--oc-syntax-operator)}pre.code-preview .hl-constant{color:var(--oc-syntax-constant)}pre.code-preview .hl-storage{color:var(--oc-syntax-storage)}pre.code-preview .hl-key{color:var(--oc-syntax-key)}