@layer cui.reset, cui.tokens, cui.base, cui.layout, cui.components, cui.utilities;@layer cui.tokens{:root{--cui-neutral-0: #fff;--cui-neutral-50: oklch(98.5% 0 0deg);--cui-neutral-600: oklch(43.9% 0 0deg);--cui-indigo-400: oklch(69% 0.15 275);--cui-indigo-600: oklch(51% 0.19 275);--cui-red-400: oklch(69% 0.16 25);--cui-red-600: oklch(51% 0.19 25);--cui-amber-400: oklch(69% 0.15 75);--cui-amber-600: oklch(51% 0.14 65);--cui-green-400: oklch(69% 0.15 150);--cui-green-600: oklch(51% 0.15 150);--cui-cyan-400: oklch(69% 0.13 220);--cui-cyan-600: oklch(51% 0.13 220)}}@layer cui.tokens{:root{color-scheme:light dark;--cui-primary: light-dark(var(--cui-indigo-600), var(--cui-indigo-400));--cui-shade: light-dark(#000, #fff);--cui-success: light-dark(var(--cui-green-600), var(--cui-green-400));--cui-warning: light-dark(var(--cui-amber-600), var(--cui-amber-400));--cui-danger: light-dark(var(--cui-red-600), var(--cui-red-400));--cui-info: light-dark(var(--cui-cyan-600), var(--cui-cyan-400));--cui-success-soft: color-mix(in oklch, var(--cui-success) 12%, transparent);--cui-success-text: color-mix(in oklch, var(--cui-success) 85%, var(--cui-text));--cui-warning-soft: color-mix(in oklch, var(--cui-warning) 14%, transparent);--cui-warning-text: color-mix(in oklch, var(--cui-warning) 85%, var(--cui-text));--cui-danger-soft: color-mix(in oklch, var(--cui-danger) 10%, transparent);--cui-danger-soft-hover: color-mix(in oklch, var(--cui-danger) 16%, transparent);--cui-danger-text: color-mix(in oklch, var(--cui-danger) 85%, var(--cui-text));--cui-danger-ring: color-mix(in oklch, var(--cui-danger) 30%, transparent);--cui-danger-solid: light-dark(var(--cui-danger), oklch(from var(--cui-danger) min(l, 0.55) c h));--cui-danger-solid-hover: color-mix(in oklch, var(--cui-danger-solid) 90%, var(--cui-shade));--cui-danger-solid-active: color-mix(in oklch, var(--cui-danger-solid) 84%, #000);--cui-danger-contrast: oklch(from var(--cui-danger-solid) calc(clamp(0, (0.66 - l) * 1000, 1)) 0 h);--cui-band-text: var(--cui-neutral-50);--cui-band-border: oklch(100% 0 0 / 0.12);--cui-band-hover: oklch(100% 0 0 / 0.08);--cui-band-ring: 0 0 0 3px oklch(100% 0 0 / 0.3);--cui-border-width: 1px;--cui-divider: var(--cui-border);--cui-font-body: var(--cui-font-sans);--cui-font-heading: var(--cui-font-sans);--cui-text-2xs: 0.6875rem;--cui-text-xs: 0.75rem;--cui-text-sm: 0.875rem;--cui-text-base: 1rem;--cui-text-lg: 1.125rem;--cui-text-xl: 1.25rem;--cui-text-2xl: 1.5rem;--cui-leading-tight: 1.2;--cui-leading-snug: 1.35;--cui-leading-base: 1.5;--cui-weight-normal: 400;--cui-weight-medium: 500;--cui-weight-semibold: 600;--cui-tracking-tight: -0.015em;--cui-tracking-wide: 0.06em;--cui-space-0-5: 0.125rem;--cui-space-1: 0.25rem;--cui-space-1-5: 0.375rem;--cui-space-2: 0.5rem;--cui-space-2-5: 0.625rem;--cui-space-3: 0.75rem;--cui-space-4: 1rem;--cui-space-5: 1.25rem;--cui-space-6: 1.5rem;--cui-space-7: 1.75rem;--cui-space-8: 2rem;--cui-space-10: 2.5rem;--cui-space-12: 3rem;--cui-radius-sm: 6px;--cui-radius: 8px;--cui-radius-lg: 12px;--cui-radius-xl: 16px;--cui-radius-full: 9999px;--cui-shadow-sm: 0 1px 3px color-mix(in oklch, var(--cui-shadow-color) 8%, transparent), 0 1px 2px -1px color-mix(in oklch, var(--cui-shadow-color) 6%, transparent);--cui-shadow-xl: 0 24px 64px -12px color-mix(in oklch, var(--cui-shadow-color) 35%, transparent);--cui-ring-danger: 0 0 0 3px var(--cui-danger-ring);--cui-duration-fast: 100ms;--cui-duration: 150ms;--cui-duration-slow: 250ms;--cui-duration-slower: 400ms;--cui-ease: cubic-bezier(0.2, 0, 0, 1);--cui-ease-out: cubic-bezier(0.16, 1, 0.3, 1);--cui-ease-in: cubic-bezier(0.4, 0, 1, 1);--cui-ease-spring: linear(0, 0.155 6.3%, 0.442 12.5%, 0.703 18.8%, 0.884 25%, 0.986 31.3%, 1.029 37.5%, 1.038 43.8%, 1.032 50%, 1.021 56.3%, 1.011 62.5%, 1.004 68.8%, 1 75%, 0.999 87.5%, 1);--cui-transition: var(--cui-duration) var(--cui-ease);--cui-z-sticky: 100;--cui-z-dropdown: 1000;--cui-z-dialog: 1200;--cui-z-toast: 1300;--cui-z-tooltip: 1400;--cui-control-bg: var(--cui-surface)}:root{--cui-primary-hover: color-mix(in oklch, var(--cui-primary) 88%, var(--cui-shade));--cui-primary-soft: color-mix(in oklch, var(--cui-primary) 10%, transparent);--cui-primary-soft-hover: color-mix(in oklch, var(--cui-primary) 16%, transparent);--cui-primary-text: color-mix(in oklch, var(--cui-primary) 85%, var(--cui-text));--cui-primary-ring: color-mix(in oklch, var(--cui-primary) 30%, transparent);--cui-primary-solid: light-dark(var(--cui-primary), oklch(from var(--cui-primary) min(l, 0.55) c h));--cui-primary-solid-hover: color-mix(in oklch, var(--cui-primary-solid) 90%, var(--cui-shade));--cui-primary-solid-active: color-mix(in oklch, var(--cui-primary-solid) 84%, #000);--cui-primary-contrast: oklch(from var(--cui-primary-solid) calc(clamp(0, (0.66 - l) * 1000, 1)) 0 h);--cui-primary-edge: color-mix(in oklch, var(--cui-primary-solid) 80%, #000);--cui-link: var(--cui-primary);--cui-link-hover: var(--cui-primary-hover);--cui-selection: var(--cui-primary-soft-hover);--cui-ring: 0 0 0 3px var(--cui-primary-ring)}@media(prefers-reduced-motion: reduce){:root{--cui-duration-fast: 0ms;--cui-duration: 0ms;--cui-duration-slow: 0ms;--cui-duration-slower: 0ms}}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}}@layer cui.reset{*,::before,::after{box-sizing:border-box;border:0 solid var(--cui-border);margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;tab-size:4;scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{min-height:100dvh;line-height:var(--cui-leading-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6,blockquote,figcaption{text-wrap:balance}p,li,dd{text-wrap:pretty}ol,ul,menu{list-style:none;padding:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}img,video{height:auto}svg{fill:currentColor}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font:inherit;letter-spacing:inherit;color:inherit;background:none}button,[type=button],[type=reset],[type=submit],[role=button]{cursor:pointer}button:disabled,[disabled]{cursor:not-allowed}textarea{resize:vertical;field-sizing:content}::placeholder{color:var(--cui-text-4);opacity:1}[type=search]::-webkit-search-decoration,[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-file-upload-button,::file-selector-button{font:inherit}a{color:inherit;text-decoration:inherit}hr{height:0;color:inherit;border-top-width:var(--cui-border-width)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}dialog{color:inherit}[hidden]:not([hidden=until-found]){display:none !important}}@layer cui.base{html{font-family:var(--cui-font-body);font-size:100%;color:var(--cui-text);background:var(--cui-bg);accent-color:var(--cui-primary);caret-color:var(--cui-primary)}body{font-size:var(--cui-text-base);display:flex;flex-direction:column}::selection{background:var(--cui-selection)}:focus-visible{outline:2px solid var(--cui-primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--cui-font-heading);font-weight:var(--cui-weight-semibold);line-height:var(--cui-leading-tight);color:var(--cui-text)}a:where(:not([class])){color:var(--cui-link);text-decoration:underline;text-decoration-color:color-mix(in oklch, currentColor 35%, transparent);text-underline-offset:.15em;transition:color var(--cui-transition),text-decoration-color var(--cui-transition)}a:where(:not([class])):hover{color:var(--cui-link-hover);text-decoration-color:currentColor}strong,b{font-weight:var(--cui-weight-semibold)}time{font-variant-numeric:tabular-nums}code{font-family:var(--cui-font-mono);font-size:.9em}:where(code):not(pre code){padding:.125em .35em;border-radius:var(--cui-radius-sm);background:var(--cui-primary-soft);color:var(--cui-primary-text);font-size:.875em}hr{border:0;border-top:var(--cui-border-width) solid var(--cui-divider);margin-block:var(--cui-space-6)}}@layer cui.components{.btn{--_bg: var(--cui-btn-bg, var(--cui-surface));--_bg-hover: var(--cui-btn-bg-hover, var(--cui-surface-hover));--_bg-active: var(--cui-btn-bg-active, var(--cui-surface-2));--_fg: var(--cui-btn-fg, var(--cui-text));--_border: var(--cui-btn-border, var(--cui-control-border));--_highlight: var(--cui-btn-highlight, var(--cui-highlight));--_edge: var(--cui-btn-edge, var(--cui-edge));--_shadow: var(--cui-btn-shadow, inset 0 1px 0 var(--_highlight), 0 1px 0 var(--_edge));--_shadow-active: var(--cui-btn-shadow-active, var(--cui-shadow-pressed));--_ring: var(--cui-btn-ring, var(--cui-ring));--_height: var(--cui-btn-height, var(--cui-control-height));--_px: var(--cui-btn-px, var(--cui-control-padding-x));--_font: var(--cui-btn-font, var(--cui-control-font-size));--_weight: var(--cui-btn-weight, var(--cui-weight-medium));--_radius: var(--cui-btn-radius, var(--cui-control-radius));position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--cui-space-2);min-height:var(--_height);padding:0 var(--_px);font-size:var(--_font);font-weight:var(--_weight);line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;color:var(--_fg);background:var(--_bg);border:var(--cui-border-width) solid var(--_border);border-radius:var(--_radius);box-shadow:var(--_shadow);cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:background-color var(--cui-transition),border-color var(--cui-transition),color var(--cui-transition),box-shadow var(--cui-transition),translate var(--cui-duration-fast) var(--cui-ease)}.btn:hover{background:var(--_bg-hover);color:var(--_fg);text-decoration:none}.btn:active{background:var(--_bg-active);translate:0 1px;box-shadow:var(--_shadow-active)}.btn:focus-visible{outline:none;box-shadow:var(--_shadow),var(--_ring)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;pointer-events:none;box-shadow:none;translate:none}.btn>.icon{--cui-icon-size: 1.25em;margin-inline:-0.125em}.btn-primary{--_bg: var(--cui-primary-solid);--_bg-hover: var(--cui-primary-solid-hover);--_bg-active: var(--cui-primary-solid-active);--_fg: var(--cui-primary-contrast);--_border: transparent;--_highlight: oklch(100% 0 0 / 0.18);--_edge: oklch(0% 0 0 / 0.3);--_shadow-active: inset 0 1px 2px oklch(0% 0 0 / 0.25);--_ring: var(--cui-ring);--_weight: var(--cui-weight-semibold)}.btn-danger{--_bg: var(--cui-danger-solid);--_bg-hover: var(--cui-danger-solid-hover);--_bg-active: var(--cui-danger-solid-active);--_fg: var(--cui-danger-contrast);--_border: transparent;--_highlight: oklch(100% 0 0 / 0.18);--_edge: oklch(0% 0 0 / 0.3);--_shadow-active: inset 0 1px 2px oklch(0% 0 0 / 0.25);--_ring: var(--cui-ring-danger);--_weight: var(--cui-weight-semibold)}.btn-soft-danger{--_bg: var(--cui-danger-soft);--_bg-hover: var(--cui-danger-soft-hover);--_bg-active: color-mix(in oklch, var(--cui-danger) 22%, transparent);--_fg: var(--cui-danger-text);--_border: transparent;--_shadow: none;--_shadow-active: none;--_ring: var(--cui-ring-danger)}.btn-ghost{--_bg: transparent;--_bg-hover: var(--cui-surface-hover);--_bg-active: var(--cui-surface-2);--_fg: var(--cui-text-2);--_border: transparent;--_shadow: none;--_shadow-active: none}.btn-ghost:hover{--_fg: var(--cui-text)}.btn-sm{--_height: var(--cui-control-height-sm);--_px: 0.625rem;--_font: var(--cui-text-xs);gap:var(--cui-space-1-5)}.btn-xs{--_height: var(--cui-control-height-xs);--_px: 0.5rem;--_font: var(--cui-text-xs);gap:var(--cui-space-1);--_radius: var(--cui-radius-sm)}.btn-block{display:flex;width:100%}.btn-icon{--_px: 0;width:var(--_height);padding:0}.btn-icon>.icon{margin:0;--cui-icon-size: 1.125rem}.btn-icon.btn-sm>.icon{--cui-icon-size: 1rem}.btn-loading{color:rgba(0,0,0,0) !important;pointer-events:none}.btn-loading::after{content:"";position:absolute;inset:0;margin:auto;width:1em;height:1em;border:2px solid var(--_fg);border-right-color:rgba(0,0,0,0);border-radius:50%;animation:cui-spin .7s linear infinite}.btn-close{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;color:var(--cui-text-3);background:rgba(0,0,0,0);border:0;border-radius:var(--cui-radius-sm);cursor:pointer;transition:background-color var(--cui-transition),color var(--cui-transition)}.btn-close::before{content:"close";font-family:var(--cui-icon-font, "Material Symbols Rounded");font-size:1.125rem;line-height:1}.btn-close:hover{color:var(--cui-text);background:var(--cui-surface-hover)}.btn-close:focus-visible{outline:none;box-shadow:var(--cui-ring)}@keyframes cui-spin{to{transform:rotate(360deg)}}}@layer cui.components{.skip-link{position:absolute;inset-inline-start:var(--cui-space-4);top:var(--cui-space-4);z-index:calc(var(--cui-z-tooltip) + 1);padding:var(--cui-space-2) var(--cui-space-4);background:var(--cui-primary-solid);color:var(--cui-primary-contrast);border-radius:var(--cui-radius);translate:0 -200%;transition:translate var(--cui-transition)}.skip-link:focus{translate:0 0}}@layer cui.components{.field{display:flex;flex-direction:column;gap:var(--cui-space-1-5);min-width:0}.label{font-size:var(--cui-text-sm);font-weight:var(--cui-weight-medium);color:var(--cui-text);line-height:var(--cui-leading-snug)}.help{font-size:var(--cui-text-xs);color:var(--cui-text-3);line-height:var(--cui-leading-snug)}.error{font-size:var(--cui-text-xs);color:var(--cui-danger-text);line-height:var(--cui-leading-snug)}.field:has(.error,[aria-invalid=true],:user-invalid) .input,.field:has(.error,[aria-invalid=true],:user-invalid) .textarea{--_border: var(--cui-danger);--_ring: var(--cui-ring-danger)}.form-actions{display:flex;flex-wrap:wrap;gap:var(--cui-space-2);align-items:center;padding-block-start:var(--cui-space-2)}.input,.textarea{--_border: var(--cui-input-border, var(--cui-control-border));--_ring: var(--cui-input-ring, var(--cui-ring));--_height: var(--cui-input-height, var(--cui-control-height));--_bg: var(--cui-input-bg, var(--cui-control-bg));--_fg: var(--cui-input-fg, var(--cui-text));--_radius: var(--cui-input-radius, var(--cui-control-radius));--_px: var(--cui-input-px, var(--cui-control-padding-x));display:block;width:100%;min-height:var(--_height);padding:0 var(--_px);font-size:var(--cui-text-sm);line-height:1.4;color:var(--_fg);background:var(--_bg);border:var(--cui-border-width) solid var(--_border);border-radius:var(--_radius);box-shadow:var(--cui-shadow-well);transition:border-color var(--cui-transition),box-shadow var(--cui-transition),background-color var(--cui-transition);appearance:none}.input:hover:not(:disabled,:focus),.textarea:hover:not(:disabled,:focus){--_border: color-mix(in oklch, var(--cui-input-border, var(--cui-control-border)) 55%, var(--cui-text-3))}.input:focus,.input:focus-visible,.textarea:focus,.textarea:focus-visible{outline:none;--_border: var(--cui-primary);box-shadow:var(--cui-shadow-well),var(--_ring)}.input:disabled,.input[readonly],.textarea:disabled,.textarea[readonly]{background-color:var(--cui-surface-2);color:var(--cui-text-2);box-shadow:none}.input:disabled,.textarea:disabled{opacity:.7}.input[aria-invalid=true],.input:user-invalid,.textarea[aria-invalid=true],.textarea:user-invalid{--_border: var(--cui-danger);--_ring: var(--cui-ring-danger)}.textarea{min-height:6rem;padding-block:var(--cui-space-2-5);line-height:var(--cui-leading-base)}.input-sm{--_height: var(--cui-control-height-sm);--_px: 0.625rem}.input-lg{--_height: var(--cui-control-height-lg);--_px: 1rem;font-size:var(--cui-text-base)}.input-mono{font-family:var(--cui-font-mono)}.radio,.switch{display:inline-flex;align-items:flex-start;gap:var(--cui-space-2-5);font-size:var(--cui-text-sm);line-height:1.4;cursor:pointer;user-select:none}.radio:has(input:disabled),.switch:has(input:disabled){opacity:.55;cursor:not-allowed}.radio>span,.switch>span{padding-top:.05rem}.radio .help,.switch .help{display:block;margin-top:var(--cui-space-0-5)}.radio>input{appearance:none;flex-shrink:0;width:1.125rem;height:1.125rem;margin:.05rem 0 0;border:var(--cui-border-width) solid var(--cui-control-border);border-radius:50%;display:inline-grid;place-content:center;background:var(--cui-control-bg);box-shadow:var(--cui-shadow-well);cursor:inherit;transition:background-color var(--cui-transition),border-color var(--cui-transition),box-shadow var(--cui-transition),scale var(--cui-duration-slow) var(--cui-ease-spring)}.radio>input::before{content:"";width:.375rem;height:.375rem;background:var(--cui-primary-contrast);border-radius:50%;scale:.5;opacity:0;transition:scale var(--cui-duration-fast) var(--cui-ease-in),opacity var(--cui-duration-fast) var(--cui-ease-in)}.radio>input:hover{border-color:color-mix(in oklch, var(--cui-control-border) 55%, var(--cui-text-3))}.radio>input:active:not(:disabled){scale:.92}.radio>input:focus-visible{outline:none;box-shadow:var(--cui-shadow-well),var(--cui-ring)}.radio>input:checked{background-color:var(--cui-primary-solid);border-color:var(--cui-primary-edge);box-shadow:inset 0 1px 0 oklch(1 0 0/.18)}.radio>input:checked::before{scale:1;opacity:1;transition:scale var(--cui-duration-slow) var(--cui-ease-spring),opacity var(--cui-duration-fast) var(--cui-ease)}.radio>input:checked:focus-visible{box-shadow:inset 0 1px 0 oklch(1 0 0/.18),var(--cui-ring)}.switch>input{appearance:none;flex-shrink:0;width:2.25rem;height:1.25rem;margin:0;border-radius:var(--cui-radius-full);background:var(--cui-surface-3);border:var(--cui-border-width) solid rgba(0,0,0,0);box-shadow:var(--cui-shadow-well);position:relative;cursor:inherit;transition:background-color var(--cui-duration-slow) var(--cui-ease),box-shadow var(--cui-transition)}.switch>input::before{content:"";position:absolute;top:.0625rem;inset-inline-start:.0625rem;width:1rem;height:1rem;border-radius:50%;background:var(--cui-neutral-0);box-shadow:var(--cui-shadow-sm);transition:translate var(--cui-duration-slow) var(--cui-ease-spring),width var(--cui-duration) var(--cui-ease),background-color var(--cui-duration-slow) var(--cui-ease)}.switch>input:active:not(:disabled)::before{width:1.25rem}.switch>input:checked{background:var(--cui-primary-solid);box-shadow:inset 0 1px 2px oklch(0 0 0/.2)}.switch>input:checked::before{background:var(--cui-primary-contrast)}.switch>input:checked::before{translate:1rem 0}.switch>input:dir(rtl):checked::before{translate:-1rem 0}.switch>input:checked:active:not(:disabled)::before{translate:.75rem 0}.switch>input:dir(rtl):checked:active:not(:disabled)::before{translate:-0.75rem 0}.switch>input:focus-visible{outline:none;box-shadow:var(--cui-shadow-well),var(--cui-ring)}.switch>input:checked:focus-visible{box-shadow:inset 0 1px 2px oklch(0 0 0/.2),var(--cui-ring)}.check-group{display:flex;flex-direction:column;gap:var(--cui-space-2)}}@layer cui.components{.alert{--_accent: var(--_status, var(--cui-alert-accent, var(--cui-border-strong)));--_bg: var(--_tint, var(--cui-alert-bg, var(--cui-surface)));--_fg: var(--cui-alert-fg, var(--cui-text));--_fg-2: var(--cui-alert-fg-2, var(--cui-text-2));--_border: var(--cui-alert-border, var(--cui-border));--_radius: var(--cui-alert-radius, var(--cui-radius-lg));position:relative;display:flex;align-items:flex-start;gap:var(--cui-space-3);padding:var(--cui-space-3) var(--cui-space-4);font-size:var(--cui-text-sm);line-height:var(--cui-leading-base);color:var(--_fg);background:var(--_bg);border:var(--cui-border-width) solid var(--_border);border-inline-start:3px solid var(--_accent);border-radius:var(--_radius)}.alert-content{flex:1 1 auto;min-width:0;color:var(--_fg-2)}.alert-content>p{margin:0}.alert-content>*+*{margin-block-start:var(--cui-space-1)}.alert-text{color:var(--_fg-2);margin:0}.alert-success{--_status: var(--cui-success);--_tint: color-mix(in oklch, var(--cui-success) 8%, var(--cui-surface));--_border: color-mix(in oklch, var(--cui-success) 25%, var(--cui-border))}.alert-warning{--_status: var(--cui-warning);--_tint: color-mix(in oklch, var(--cui-warning) 10%, var(--cui-surface));--_border: color-mix(in oklch, var(--cui-warning) 30%, var(--cui-border))}.alert-danger{--_status: var(--cui-danger);--_tint: color-mix(in oklch, var(--cui-danger) 8%, var(--cui-surface));--_border: color-mix(in oklch, var(--cui-danger) 25%, var(--cui-border))}.alert-info{--_status: var(--cui-info);--_tint: color-mix(in oklch, var(--cui-info) 8%, var(--cui-surface));--_border: color-mix(in oklch, var(--cui-info) 25%, var(--cui-border))}}@layer cui.components{.card{--_bg: var(--cui-card-bg, var(--cui-surface));--_fg: var(--cui-card-fg, var(--cui-text));--_border: var(--cui-card-border, var(--cui-border));--_radius: var(--cui-card-radius, var(--cui-radius-lg));--_shadow: var(--cui-card-shadow, none);--_padding: var(--cui-card-padding, var(--cui-space-5));display:flex;flex-direction:column;min-width:0;background:var(--_bg);border:var(--cui-border-width) solid var(--_border);border-radius:var(--_radius);box-shadow:var(--_shadow);color:var(--_fg);overflow:clip;transition:border-color var(--cui-transition),box-shadow var(--cui-transition),background-color var(--cui-transition),translate var(--cui-duration-fast) var(--cui-ease)}.card-body{padding:var(--_padding);flex:1 1 auto}.card-title{font-size:var(--cui-text-base);font-weight:var(--cui-weight-semibold);line-height:var(--cui-leading-snug);margin:0}}@layer cui.components{.badge{--_bg: var(--cui-badge-bg, var(--cui-surface-2));--_fg: var(--cui-badge-fg, var(--cui-text-2));--_border: var(--cui-badge-border, transparent);--_radius: var(--cui-badge-radius, var(--cui-radius-sm));display:inline-flex;align-items:center;gap:.3em;padding:.125rem .5rem;font-size:var(--cui-text-xs);font-weight:var(--cui-weight-medium);line-height:1.4;white-space:nowrap;color:var(--_fg);background:var(--_bg);border:var(--cui-border-width) solid var(--_border);border-radius:var(--_radius);vertical-align:middle}.badge>.icon{--cui-icon-size: 1.1em}.badge-primary{--_bg: var(--cui-primary-soft);--_fg: var(--cui-primary-text)}.badge-success{--_bg: var(--cui-success-soft);--_fg: var(--cui-success-text)}.badge-warning{--_bg: var(--cui-warning-soft);--_fg: var(--cui-warning-text)}.badge-danger{--_bg: var(--cui-danger-soft);--_fg: var(--cui-danger-text)}.count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.125rem;padding-inline:.3rem;font-size:var(--cui-text-2xs);font-weight:var(--cui-weight-semibold);font-variant-numeric:tabular-nums;line-height:1;color:var(--cui-text-2);background:color-mix(in oklch, currentColor 12%, transparent);border-radius:var(--cui-radius-full)}.count-primary{color:var(--cui-primary-contrast);background:var(--cui-primary-solid)}}@layer cui.components{.avatar{--_size: var(--cui-avatar-size, 2rem);--_radius: var(--cui-avatar-radius, 50%);--_bg: var(--cui-avatar-bg, color-mix(in oklch, var(--cui-primary) 12%, var(--cui-surface)));--_fg: var(--cui-avatar-fg, var(--cui-primary-text));display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--_size);height:var(--_size);font-size:calc(var(--_size)*.4);font-weight:var(--cui-weight-semibold);line-height:1;color:var(--_fg);background:var(--_bg);border-radius:var(--_radius);overflow:hidden;user-select:none;vertical-align:middle}.avatar>img{width:100%;height:100%;object-fit:cover}.avatar>.icon{--cui-icon-size: calc(var(--_size) * 0.55)}.avatar-lg{--cui-avatar-size: 2.75rem}.avatar-xl{--cui-avatar-size: 4rem}}@layer cui.components{.empty{--_padding: var(--cui-empty-padding, var(--cui-space-12) var(--cui-space-6));--_icon-size: var(--cui-empty-icon-size, 3rem);--_icon-fg: var(--cui-empty-icon-fg, var(--cui-text-4));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--cui-space-3);padding:var(--_padding);text-align:center;color:var(--cui-text-2);min-width:0}.empty-icon{--cui-icon-size: var(--_icon-size);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--_icon-size);line-height:1;color:var(--_icon-fg);margin-block-end:var(--cui-space-1)}.empty-icon-circle{--cui-icon-size: 2.25rem;width:4.5rem;height:4.5rem;font-size:2.25rem;color:var(--cui-text-3);background:var(--cui-surface-2);border-radius:50%}.empty-title{margin:0;font-size:var(--cui-text-lg);font-weight:var(--cui-weight-semibold);line-height:var(--cui-leading-snug);letter-spacing:var(--cui-tracking-tight);color:var(--cui-text);text-wrap:balance}.empty-text{margin:0;max-width:36ch;font-size:var(--cui-text-sm);line-height:var(--cui-leading-base);color:var(--cui-text-2);text-wrap:pretty}.empty-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--cui-space-2);margin-block-start:var(--cui-space-2)}.empty-sm{--_padding: var(--cui-space-6) var(--cui-space-4);gap:var(--cui-space-2)}}@layer cui.components{.skeleton{--_base: var(--cui-skeleton-base, var(--cui-surface-3));--_shine: color-mix(in oklch, var(--_base) 55%, light-dark(var(--cui-neutral-0), var(--cui-neutral-600)));position:relative;display:block;overflow:hidden;color:rgba(0,0,0,0) !important;background:var(--_base);border-radius:var(--cui-skeleton-radius, var(--cui-radius));user-select:none;pointer-events:none}.skeleton>*{visibility:hidden}@media(prefers-reduced-motion: no-preference){.skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, var(--_shine) 50%, transparent 100%);transform:translateX(-100%);animation:cui-shimmer 1.5s ease-in-out infinite}}@keyframes cui-shimmer{to{transform:translateX(100%)}}.skeleton-text{height:.875em;width:100%;margin-block:.35em;border-radius:var(--cui-radius-sm)}.skeleton-title{height:1.25em;width:60%;margin-block:.35em;border-radius:var(--cui-radius-sm)}.skeleton-circle{--size: 2.5rem;width:var(--size);height:var(--size);flex-shrink:0;border-radius:50%}.skeleton-lines{flex:1 1 auto;min-width:0}.skeleton-post{display:flex;align-items:flex-start;gap:var(--cui-space-3);padding:var(--cui-space-4)}}@layer cui.components{.sidenav{display:flex;flex-direction:column;gap:var(--cui-space-1);min-width:0;padding-block:var(--cui-space-4)}.sidenav-brand{display:flex;align-items:center;gap:var(--cui-space-2);min-height:3rem;padding:0 var(--cui-space-3);margin-block-end:var(--cui-space-2);font-size:var(--cui-text-lg);font-weight:var(--cui-weight-semibold);letter-spacing:var(--cui-tracking-tight);color:var(--cui-text);text-decoration:none;white-space:nowrap}.sidenav-brand>img{height:1.75rem;width:auto}.sidenav-item{--_height: var(--cui-sidenav-height, 2.75rem);--_fg: var(--cui-sidenav-fg, var(--cui-text-2));--_radius: var(--cui-sidenav-radius, var(--cui-radius-full));position:relative;display:flex;align-items:center;gap:var(--cui-space-3);width:100%;min-width:0;min-height:var(--_height);padding:0 var(--cui-space-3);font-size:var(--cui-text-base);font-weight:var(--cui-weight-medium);line-height:1.2;text-align:start;white-space:nowrap;color:var(--_fg);text-decoration:none;background:rgba(0,0,0,0);border:0;border-radius:var(--_radius);cursor:pointer;transition:background-color var(--cui-transition),color var(--cui-transition)}.sidenav-item>.icon{--cui-icon-size: 1.5rem;flex-shrink:0}.sidenav-item>.sidenav-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.sidenav-item:hover{background:var(--cui-surface-hover);color:var(--cui-text);text-decoration:none}.sidenav-item:focus-visible{outline:none;box-shadow:var(--cui-ring)}.sidenav-item[aria-current]:not([aria-current=false]){color:var(--cui-text);font-weight:var(--cui-weight-semibold)}.sidenav-item[aria-current]:not([aria-current=false])>.icon{--cui-icon-fill: 1}.sidenav-item[disabled],.sidenav-item:disabled,.sidenav-item[aria-disabled=true]{opacity:.5;pointer-events:none}.sidenav-cta{--_height: var(--cui-sidenav-cta-height, 3rem);--_font: var(--cui-text-base);display:flex;width:100%;margin-block:var(--cui-space-3);font-weight:var(--cui-weight-semibold);border-radius:var(--cui-radius-full)}.sidenav-cta>.icon{--cui-icon-size: 1.5rem}.sidenav-footer{margin-block-start:auto;padding-block-start:var(--cui-space-4)}}@layer cui.components{.steps{--_dot: 2rem;display:flex;counter-reset:step;min-width:0}.step{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:var(--cui-space-2);min-width:0;padding-inline:var(--cui-space-1);text-align:center;font-size:var(--cui-text-sm);color:var(--cui-text-3);counter-increment:step}.step::before{content:"";position:absolute;top:calc(var(--_dot)/2 - 1px);inset-inline-start:calc(-50% + var(--_dot)/2 + var(--cui-space-1));inset-inline-end:calc(50% + var(--_dot)/2 + var(--cui-space-1));height:2px;background:var(--cui-border);border-radius:1px}.step:first-child::before{display:none}.step-dot{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--_dot);height:var(--_dot);font-size:var(--cui-text-sm);font-weight:var(--cui-weight-semibold);font-variant-numeric:tabular-nums;line-height:1;color:var(--cui-text-3);background:var(--cui-surface);border:2px solid var(--cui-border-strong);border-radius:50%;transition:background-color var(--cui-transition),border-color var(--cui-transition),color var(--cui-transition)}.step-dot::before{content:counter(step)}.step-dot:not(:empty)::before{display:none}.step-label{font-weight:var(--cui-weight-medium);line-height:var(--cui-leading-snug);overflow-wrap:anywhere}.step-done{color:var(--cui-text-2)}.step-done .step-dot{font-size:0;color:var(--cui-primary-contrast);background:var(--cui-primary-solid);border-color:var(--cui-primary-solid)}.step-done .step-dot::before{content:"check";font-family:var(--cui-icon-font, "Material Symbols Rounded");font-size:1.125rem;display:inline}.step-done::before{background:var(--cui-primary)}.step-active{color:var(--cui-text)}.step-active .step-dot{color:var(--cui-primary-text);border-color:var(--cui-primary);box-shadow:0 0 0 3px var(--cui-primary-soft)}.step-active .step-label{font-weight:var(--cui-weight-semibold)}.step-active::before{background:var(--cui-primary)}.steps-sm{--_dot: 1.5rem}.steps-sm .step-dot{font-size:var(--cui-text-xs)}.steps-sm .step-done .step-dot::before{font-size:1rem}}@layer cui.components{.tabs{display:flex;align-items:stretch;gap:var(--cui-space-1);box-shadow:inset 0 calc(-1*var(--cui-border-width)) 0 var(--cui-border);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;position:relative;isolation:isolate}.tabs::-webkit-scrollbar{display:none}.tab{--_fg: var(--cui-tabs-fg, var(--cui-text-2));--_height: var(--cui-tabs-height, 2.75rem);--_px: var(--cui-tabs-px, var(--cui-space-3));--_font: var(--cui-tabs-font, var(--cui-text-sm));position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--cui-space-1-5);flex-shrink:0;min-height:var(--_height);padding:0 var(--_px);font-size:var(--_font);font-weight:var(--cui-weight-medium);line-height:1.2;white-space:nowrap;color:var(--_fg);text-decoration:none;background:rgba(0,0,0,0);border:0;cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:color var(--cui-transition),background-color var(--cui-transition)}.tab:hover{--_fg: var(--cui-text);text-decoration:none}.tab:focus-visible{outline:none;box-shadow:inset var(--cui-ring)}.tabs-justify>.tab{flex:1 1 0}}@layer cui.components{.dropdown-menu{--_bg: var(--cui-dropdown-bg, var(--cui-surface));--_fg: var(--cui-dropdown-fg, var(--cui-text));--_border: var(--cui-dropdown-border, var(--cui-border));--_shadow: var(--cui-dropdown-shadow, var(--cui-shadow-lg));--_pad: var(--cui-dropdown-pad, var(--cui-space-1));--_min-width: var(--cui-dropdown-min-width, 12rem);--_radius: var(--cui-dropdown-radius, var(--cui-radius-lg));margin:0;inset:auto;padding:var(--_pad);min-width:var(--_min-width);max-width:min(20rem,100vw - 1rem);max-height:min(60vh,28rem);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;font-size:var(--cui-text-sm);line-height:var(--cui-leading-snug);text-align:start;color:var(--_fg);background:var(--_bg);border:var(--cui-border-width) solid var(--_border);border-radius:var(--_radius);box-shadow:var(--_shadow);z-index:var(--cui-z-dropdown)}.dropdown-item{display:flex;align-items:center;gap:var(--cui-space-2-5);width:100%;padding:var(--cui-space-2) var(--cui-space-3);font:inherit;font-size:var(--cui-text-sm);font-weight:var(--cui-weight-normal);line-height:var(--cui-leading-snug);text-align:start;white-space:nowrap;color:var(--cui-text);background:rgba(0,0,0,0);border:0;border-radius:var(--cui-radius);text-decoration:none;cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:background-color var(--cui-transition),color var(--cui-transition)}.dropdown-item:hover{background:var(--cui-dropdown-item-hover, var(--cui-surface-hover));color:var(--cui-text);text-decoration:none}.dropdown-item:focus-visible{outline:none;background:var(--cui-dropdown-item-hover, var(--cui-surface-hover));box-shadow:inset var(--cui-ring)}.dropdown-item:active{background:var(--cui-dropdown-item-active, var(--cui-surface-2))}.dropdown-item>.icon{--cui-icon-size: 1.25rem;color:var(--cui-text-3);flex-shrink:0}.dropdown-item[disabled],.dropdown-item:disabled,.dropdown-item[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:default}.dropdown-item-danger{color:var(--cui-danger-text)}.dropdown-item-danger>.icon{color:inherit}.dropdown-item-danger:hover,.dropdown-item-danger:focus-visible{background:var(--cui-danger-soft);color:var(--cui-danger-text)}.dropdown-item-danger:focus-visible{box-shadow:inset var(--cui-ring-danger)}.dropdown-divider{height:0;margin:var(--cui-space-1) calc(-1*var(--cui-space-1));border:0;border-block-start:var(--cui-border-width) solid var(--cui-border)}}@layer cui.components{.dialog{--_width: var(--cui-dialog-width, min(32rem, calc(100vw - 2rem)));--_bg: var(--cui-dialog-bg, var(--cui-surface));--_fg: var(--cui-dialog-fg, var(--cui-text));--_border: var(--cui-dialog-border, var(--cui-border));--_radius: var(--cui-dialog-radius, var(--cui-radius-xl));--_shadow: var(--cui-dialog-shadow, var(--cui-shadow-xl));--_enter: var(--cui-duration-slow);--_exit: var(--cui-duration);margin:auto;padding:0;width:var(--_width);max-width:calc(100vw - 2rem);max-height:min(85dvh,48rem);flex-direction:column;overflow:hidden;color:var(--_fg);background:var(--_bg);border:var(--cui-border-width) solid var(--_border);border-radius:var(--_radius);box-shadow:var(--_shadow);z-index:var(--cui-z-dialog);opacity:0;scale:.98;translate:0 4px;transition:opacity var(--_exit) var(--cui-ease-in),scale var(--_exit) var(--cui-ease-in),translate var(--_exit) var(--cui-ease-in),display var(--_exit) allow-discrete,overlay var(--_exit) allow-discrete}.dialog:not([open]){pointer-events:none}.dialog[open]{display:flex;opacity:1;scale:1;translate:0 0;transition:opacity var(--_enter) var(--cui-ease),scale var(--_enter) var(--cui-ease-out),translate var(--_enter) var(--cui-ease-out),display var(--_enter) allow-discrete,overlay var(--_enter) allow-discrete}@starting-style{.dialog[open]{opacity:0;scale:.96;translate:0 8px}}.dialog::backdrop{background:var(--cui-overlay);opacity:0;transition:opacity var(--_exit) var(--cui-ease-in),display var(--_exit) allow-discrete,overlay var(--_exit) allow-discrete}.dialog[open]::backdrop{opacity:1;transition:opacity var(--_enter) var(--cui-ease),display var(--_enter) allow-discrete,overlay var(--_enter) allow-discrete}@starting-style{.dialog[open]::backdrop{opacity:0}}.dialog-sm{--cui-dialog-width: min(24rem, calc(100vw - 2rem))}.dialog-body{flex:1 1 auto;min-height:0;padding:var(--cui-space-5);overflow:auto;overscroll-behavior:contain;font-size:var(--cui-text-sm);line-height:var(--cui-leading-base);color:var(--cui-text)}.dialog-body p{color:var(--cui-text-2);margin:0}.dialog-body>:last-child{margin-block-end:0}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--cui-space-2);flex-shrink:0;padding:var(--cui-space-3) var(--cui-space-5);border-block-start:var(--cui-border-width) solid var(--_border, var(--cui-border));background:var(--cui-surface-2);font-size:var(--cui-text-sm)}.dialog-plain .dialog-footer{border-block-start:0;background:rgba(0,0,0,0);padding-block-start:0;padding-block-end:var(--cui-space-5)}html:has(dialog.dialog:modal){overflow:hidden}}@layer cui.components{.icon{font-family:var(--cui-icon-font, "Material Symbols Rounded");font-weight:normal;font-style:normal;font-size:var(--cui-icon-size, 1.25em);line-height:1;display:inline-block;width:1em;height:1em;overflow:hidden;flex-shrink:0;vertical-align:-0.2em;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;user-select:none;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" var(--cui-icon-fill, 0),"wght" var(--cui-icon-weight, 400),"GRAD" var(--cui-icon-grade, 0),"opsz" var(--cui-icon-opsz, 24)}}@layer cui.components{.search{--_height: var(--cui-search-height, var(--cui-control-height));--_radius: var(--cui-search-radius, var(--cui-control-radius));--_icon-x: 0.75rem;--_pad: 2.5rem;display:grid;grid-template-columns:minmax(0, 1fr);align-items:stretch;width:100%;min-width:0}.search>.search-input{grid-area:1/1}.search>.icon{grid-area:1/1;align-self:center;justify-self:start;margin-inline-start:var(--_icon-x);--cui-icon-size: 1.25rem;color:var(--cui-text-3);pointer-events:none;z-index:1;transition:color var(--cui-transition)}.search:focus-within>.icon{color:var(--cui-primary)}.search-input{--_border: var(--cui-search-border, var(--cui-control-border));--_ring: var(--cui-search-ring, var(--cui-ring));--_bg: var(--cui-search-bg, var(--cui-control-bg));flex:1 1 auto;width:100%;min-width:0;min-height:var(--_height);padding-block:0;padding-inline:var(--_pad, 2.5rem) var(--cui-control-padding-x);font-size:var(--cui-text-sm);color:var(--cui-text);background:var(--_bg);border:var(--cui-border-width) solid var(--_border);border-radius:var(--_radius);box-shadow:var(--cui-shadow-well);appearance:none;transition:border-color var(--cui-transition),box-shadow var(--cui-transition),background-color var(--cui-transition)}.search-input:hover:not(:focus){--_border: color-mix(in oklch, var(--cui-search-border, var(--cui-control-border)) 55%, var(--cui-text-3))}.search-input:focus{outline:none;--_border: var(--cui-primary);box-shadow:var(--cui-shadow-well),var(--_ring)}.search-input:disabled{background:var(--cui-surface-2);color:var(--cui-text-2);box-shadow:none;opacity:.7;cursor:not-allowed}.search-pill{--_radius: var(--cui-radius-full)}}@layer cui.components{.toast-stack{position:fixed;inset-block:auto 0;inset-inline:auto 0;z-index:var(--cui-z-toast);display:flex;flex-direction:column;align-items:stretch;gap:var(--cui-space-2);width:min(24rem,100vw);max-height:100dvh;padding:var(--cui-space-4);pointer-events:none}.toast-stack>*{pointer-events:auto}.toast-stack[data-position=bottom-center]{inset-inline:auto;left:50%;translate:-50% 0;align-items:center}@media(width < 40rem){.toast-stack{width:100vw;inset-inline:0;translate:none;align-items:stretch;padding:var(--cui-space-3)}.toast-stack[data-position=bottom-center]{left:0}}.toast{--_accent: var(--cui-toast-accent, var(--cui-primary));--_bg: var(--cui-toast-bg, var(--cui-surface));--_fg: var(--cui-toast-fg, var(--cui-text));--_border: var(--cui-toast-border, var(--cui-border));--_radius: var(--cui-toast-radius, var(--cui-radius-lg));display:flex;align-items:flex-start;gap:var(--cui-space-3);width:100%;padding:var(--cui-space-3) var(--cui-space-3) var(--cui-space-3) var(--cui-space-4);font-size:var(--cui-text-sm);line-height:var(--cui-leading-snug);color:var(--_fg);background:var(--_bg);border:var(--cui-border-width) solid var(--_border);border-radius:var(--_radius);box-shadow:var(--cui-shadow-lg);transform-origin:50% 100%;animation:cui-toast-in var(--cui-duration-slower) var(--cui-ease-out) both}.toast.toast-leaving{animation:cui-toast-out var(--cui-duration) var(--cui-ease-in) forwards;pointer-events:none}.toast-icon{--cui-icon-size: 1.25rem;color:var(--_accent);flex-shrink:0}.toast-content{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.toast-message{color:var(--cui-text-2)}.toast-close{flex-shrink:0;margin:-0.25rem -0.25rem auto 0}.toast-danger{--_accent: var(--cui-danger)}.toast-dark{--_bg: var(--cui-band-2);--_fg: var(--cui-band-text);--_border: var(--cui-band-border);--cui-text: var(--cui-band-text);--cui-text-2: var(--cui-band-muted);--cui-text-3: var(--cui-band-muted);--cui-text-4: color-mix(in oklch, var(--cui-band-muted) 60%, transparent);--cui-border: var(--cui-band-border);--cui-surface-hover: var(--cui-band-hover);--cui-ring: var(--cui-band-ring);--cui-shadow-color: oklch(0% 0 0)}@keyframes cui-toast-in{from{opacity:0;translate:0 .75rem;scale:.96}40%{opacity:1}to{opacity:1;translate:0 0;scale:1}}@keyframes cui-toast-out{to{opacity:0;scale:.94}}}@layer cui.utilities{.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip-path:inset(50%) !important;white-space:nowrap !important;border:0 !important}}@font-face{font-family:"Material Symbols Rounded";font-style:normal;font-weight:400;font-display:block;src:url("../fonts/material-symbols-rounded.woff2") format("woff2")}@layer cui.tokens{:root{--cui-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--cui-font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--cui-bg: light-dark(#fff, oklch(14.5% 0 0));--cui-surface: var(--cui-bg);--cui-surface-2: light-dark(oklch(97% 0 0), oklch(20.5% 0 0));--cui-surface-3: light-dark(oklch(92.2% 0 0), oklch(26.9% 0 0));--cui-surface-hover: light-dark(oklch(97.6% 0 0), oklch(18% 0 0));--beeps-hover-strong: light-dark(oklch(94% 0 0), oklch(22% 0 0));--beeps-surface-raised: light-dark(#fff, oklch(20.5% 0 0));--beeps-surface-raised-hover: light-dark(oklch(95.5% 0 0), oklch(25% 0 0));--beeps-surface-raised-active: light-dark(oklch(92.2% 0 0), oklch(28.5% 0 0));--cui-overlay: oklch(0% 0 0 / 0.45);--cui-band: light-dark(oklch(20.5% 0 0), oklch(26.9% 0 0));--cui-band-2: var(--cui-band);--cui-band-muted: oklch(76% 0 0);--cui-border: light-dark(oklch(94% 0 0), oklch(27% 0 0));--cui-border-strong: light-dark(oklch(88% 0 0), oklch(34% 0 0));--cui-control-border: light-dark(oklch(87% 0 0), oklch(36% 0 0));--cui-text: light-dark(oklch(18% 0 0), oklch(95% 0 0));--cui-text-2: light-dark(oklch(47% 0 0), oklch(70% 0 0));--cui-text-3: var(--cui-text-2);--cui-text-4: light-dark(oklch(70% 0 0), oklch(48% 0 0));--beeps-nav-fg: light-dark(oklch(32% 0 0), oklch(86% 0 0));--beeps-like: light-dark(oklch(51% 0.18 350), oklch(69% 0.15 350));--cui-shadow-color: oklch(0% 0 0);--cui-highlight: transparent;--cui-edge: transparent;--cui-shadow-well: none;--cui-shadow-pressed: none;--cui-shadow-lg: 0 12px 32px -6px oklch(0% 0 0 / 0.16), 0 2px 6px oklch(0% 0 0 / 0.06);--cui-control-height-xs: 1.75rem;--cui-control-height-sm: 2rem;--cui-control-height: 2.625rem;--cui-control-height-lg: 3rem;--cui-btn-height: 2.25rem;--cui-btn-font: var(--beeps-text-size);--cui-control-padding-x: 1rem;--cui-control-font-size: 0.9375rem;--cui-control-radius: 10px;--cui-btn-radius: var(--cui-radius-full);--cui-btn-weight: var(--cui-weight-bold);--cui-icon-weight: 300;--cui-weight-bold: 700;--cui-badge-radius: var(--cui-radius-full);--cui-card-radius: var(--cui-radius-xl);--cui-dropdown-bg: var(--beeps-surface-raised);--cui-dropdown-item-hover: var(--beeps-surface-raised-hover);--cui-dropdown-item-active: var(--beeps-surface-raised-active);--beeps-nav-width: 15rem;--beeps-column-width: 37.5rem;--beeps-aside-width: 20rem;--beeps-column-header-height: 3.3125rem;--beeps-topbar-height: 3.3125rem;--beeps-tabbar-height: 3.5rem;--beeps-pad: 1rem;--beeps-text-leading: 1.4;--beeps-text-size: 0.9375rem}}@layer cui.base{h1{font-size:var(--cui-text-xl);font-weight:800;letter-spacing:-0.01em}h2{font-size:1.0625rem;font-weight:var(--cui-weight-bold);letter-spacing:-0.005em}@media(width < 40rem){h1{font-size:var(--cui-text-lg)}h2{font-size:var(--cui-text-base)}}:where(code):not(pre code){background:var(--cui-surface-2);color:var(--cui-text)}}@layer cui.components{.btn-sm{--_font: 0.875rem;--_px: 1rem}.btn:active{translate:none}.input,.textarea{font-size:var(--cui-text-base)}}.island{display:contents}:root[data-loading]::before{content:"";position:fixed;inset-block-start:0;inset-inline:0;z-index:calc(var(--cui-z-sticky) + 2);height:2px;background:var(--cui-primary-solid);transform-origin:left;animation:beeps-loading 1.2s ease-out .15s both}@keyframes beeps-loading{from{transform:scaleX(0)}to{transform:scaleX(0.85)}}.shell{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-areas:"top" "main";grid-template-rows:auto 1fr;min-height:100dvh}.shell:has(>.tabbar){padding-block-end:calc(var(--beeps-tabbar-height) + env(safe-area-inset-bottom))}@media(width >= 40rem){.shell{grid-template-columns:4.5rem minmax(0, var(--beeps-column-width));grid-template-areas:"nav main";grid-template-rows:auto;justify-content:center}.shell:has(>.tabbar){padding-block-end:0}}@media(width >= 64rem){.shell{grid-template-columns:4.5rem minmax(0, var(--beeps-column-width)) var(--beeps-aside-width);grid-template-areas:"nav main aside"}}@media(width >= 80rem){.shell{grid-template-columns:var(--beeps-nav-width) minmax(0, var(--beeps-column-width)) var(--beeps-aside-width)}}@media(width >= 40rem){.shell-wide{grid-template-columns:4.5rem minmax(0, 60rem)}}@media(width >= 64rem){.shell-wide{grid-template-areas:"nav main"}}@media(width >= 80rem){.shell-wide{grid-template-columns:var(--beeps-nav-width) minmax(0, 60rem)}}.shell-main{grid-area:main;min-width:0}@media(width >= 40rem){.shell-main{min-height:100dvh;border-inline:var(--cui-border-width) solid var(--cui-border)}}.shell-main:focus{outline:none}.shell-nav{display:none}@media(width >= 40rem){.shell-nav{grid-area:nav;position:sticky;inset-block-start:0;z-index:calc(var(--cui-z-sticky) + 1);display:flex;align-self:start;height:100dvh;padding-block-end:var(--cui-space-3)}}.shell-nav>.shell-nav-links,.shell-nav .sidenav-more,.shell-nav>.sidenav-footer{padding-inline:var(--cui-space-2)}@media(width >= 80rem){.shell-nav>.shell-nav-links,.shell-nav .sidenav-more,.shell-nav>.sidenav-footer{padding-inline:var(--cui-space-2) var(--cui-space-4)}}.shell-nav .shell-nav-links{display:flex;flex-direction:column;align-items:inherit;gap:var(--cui-space-1);min-height:0;padding-block:var(--cui-space-1);overflow-y:auto;scrollbar-width:none}.shell-nav .sidenav-brand{min-height:3.25rem;margin-block-end:var(--cui-space-0-5);padding-inline:var(--cui-space-3);font-size:1.375rem;font-weight:800;letter-spacing:-0.03em}.shell-nav .sidenav-brand>img{width:2rem;height:2rem}.shell-nav .sidenav-item{--cui-sidenav-height: 3.125rem;align-self:flex-start;width:auto;gap:var(--cui-space-4);padding-inline:var(--cui-space-3) var(--cui-space-6);color:var(--beeps-nav-fg);font-size:1.25rem;font-weight:var(--cui-weight-normal);letter-spacing:-0.005em}.shell-nav .sidenav-item>.icon{--cui-icon-size: 1.75rem}.shell-nav .sidenav-item:hover{color:var(--cui-text);background:var(--beeps-hover-strong)}.shell-nav .sidenav-item[aria-current=page]{color:var(--cui-text);font-weight:var(--cui-weight-bold)}.shell-nav .sidenav-cta{--cui-sidenav-cta-height: 3.25rem;width:90%;margin-block:var(--cui-space-4) 0;font-size:1.0625rem}.shell-nav .sidenav-cta>.icon{display:none}.shell-nav .sidenav-footer{width:100%;padding-block-start:var(--cui-space-6)}.shell-nav .sidenav-more{display:none}@media(width < 64rem){.shell-nav .sidenav-more{display:block}}@media(width >= 80rem){.shell-nav .sidenav-more>.sidenav-item{width:fit-content}}.shell-wide .shell-nav .sidenav-more{display:block}.nav-count{position:absolute;inset-block-start:.375rem;inset-inline-start:1.75rem;min-width:1.125rem;font-weight:var(--cui-weight-bold);box-shadow:0 0 0 2px var(--cui-bg)}@media(width < 80rem){.shell-nav{align-items:center}.shell-nav .sidenav-label,.shell-nav .menu-handle,.shell-nav .menu-more{display:none}.shell-nav .sidenav-brand{justify-content:center;width:3rem;padding:0}.shell-nav .sidenav-item{align-self:center;justify-content:center;width:3.125rem;padding:0;gap:0}.shell-nav .sidenav-cta{width:3.25rem;padding:0}.shell-nav .sidenav-cta>.icon{display:block;margin:0;--cui-icon-size: 1.5rem}.shell-nav .sidenav-footer{display:flex;justify-content:center}.shell-nav .sidenav-menu{width:auto}.shell-nav .sidenav-menu>.menu-toggle{justify-content:center;width:3.125rem;height:3.125rem;padding:0}}.menu{position:relative}.menu>summary{user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.menu-toggle{display:flex;align-items:center;gap:var(--cui-space-3);min-width:0;padding:var(--cui-space-3);border-radius:var(--cui-radius-full);color:var(--cui-text);font-size:var(--beeps-text-size);font-weight:var(--cui-weight-bold);transition:background-color var(--cui-transition)}.menu-toggle:hover{background:var(--beeps-hover-strong)}.menu-toggle:focus-visible{outline:none;box-shadow:var(--cui-ring)}.menu-toggle .avatar{--cui-avatar-size: 2.5rem}.menu-handle{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-more{--cui-icon-size: 1.25rem;color:var(--cui-text)}.sidenav-menu{width:100%}.menu-panel{position:absolute;inset-block-start:calc(100% + var(--cui-space-1));inset-inline-end:0;width:max-content;min-width:15rem;padding:var(--cui-space-2) 0;border-radius:var(--cui-radius-xl);box-shadow:0 0 15px oklch(0 0 0/.1),0 0 3px 1px oklch(0 0 0/.06)}.menu-panel .dropdown-item{gap:var(--cui-space-3);padding:var(--cui-space-3) var(--cui-space-4);font-size:var(--beeps-text-size);font-weight:var(--cui-weight-bold);border-radius:0}.menu-panel .dropdown-item>.icon{--cui-icon-size: 1.375rem;color:var(--cui-text)}.menu-panel .dropdown-divider{margin-block:var(--cui-space-2)}.menu-panel .dropdown-item-danger,.menu-panel .dropdown-item-danger>.icon{color:var(--cui-danger-text)}.menu-header{padding:var(--cui-space-2) var(--cui-space-4);color:var(--cui-text-2);font-size:var(--beeps-text-size)}.sidenav-menu>.menu-panel,.sidenav-more>.menu-panel{inset-block:auto calc(100% + var(--cui-space-2));inset-inline:0 auto}.topbar-menu>.menu-panel{inset-inline:0 auto}.topbar{grid-area:top;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:var(--beeps-topbar-height);padding-inline:var(--cui-space-3)}@media(width >= 40rem){.topbar{display:none}}.topbar .topbar-menu{grid-column:1;justify-self:start}.topbar .topbar-menu .menu-toggle{padding:var(--cui-space-1)}.topbar .topbar-menu .menu-toggle .avatar{--cui-avatar-size: 2rem}.topbar-brand{grid-column:2;display:flex;padding:var(--cui-space-1);border-radius:var(--cui-radius-full)}.topbar-brand>img{width:1.875rem;height:1.875rem}.topbar-end{grid-column:3;justify-self:end;display:flex;align-items:center;gap:var(--cui-space-1)}.topbar-actions{display:flex;gap:var(--cui-space-2)}.topbar-more-toggle{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border-radius:var(--cui-radius-full);transition:background-color var(--cui-transition),color var(--cui-transition)}.topbar-more-toggle>.icon{--cui-icon-size: 1.375rem}.topbar-more-toggle:focus-visible{outline:none;box-shadow:var(--cui-ring)}.topbar-more-toggle{color:var(--cui-text)}.topbar-more-toggle:hover{background:var(--beeps-hover-strong)}.shell-aside{grid-area:aside;display:none;flex-direction:column;gap:var(--cui-space-4);min-width:0}@media(width >= 64rem){.shell-aside{position:sticky;inset-block-start:0;align-self:start;display:flex;max-height:100dvh;padding:0 0 var(--cui-space-6) var(--cui-space-7);overflow-y:auto;scrollbar-width:none}}.shell-wide>.shell-aside{display:none}.aside-search,.column-header-search>.search{--cui-search-height: 2.75rem;--cui-search-bg: var(--cui-surface-2);--cui-search-border: transparent}.aside-search>.icon,.column-header-search>.search>.icon{margin-inline-start:var(--cui-space-4);color:var(--cui-text-2)}.aside-search>.search-input,.column-header-search>.search>.search-input{padding-inline-start:3rem;font-size:var(--beeps-text-size)}.aside-search>.search-input:focus,.column-header-search>.search>.search-input:focus{--_bg: var(--cui-bg)}.aside-search{position:sticky;inset-block-start:0;z-index:1;padding-block:var(--cui-space-1);background:var(--cui-bg)}.aside-search>.icon{--cui-icon-size: 1.375rem}.aside-search>.search-input::placeholder{color:var(--cui-text-2)}.aside-card{display:flex;flex-direction:column;gap:var(--cui-space-3);padding:var(--cui-space-3) var(--cui-space-4) var(--cui-space-4);border:var(--cui-border-width) solid var(--cui-border);border-radius:var(--cui-radius-xl)}.aside-title{font-size:var(--cui-text-xl);font-weight:800;line-height:1.2}.aside-text{color:var(--cui-text-2);font-size:var(--beeps-text-size);line-height:var(--beeps-text-leading)}.aside-link{display:inline-flex;align-items:center;gap:var(--cui-space-1-5);color:var(--cui-link);font-size:var(--beeps-text-size);text-decoration:none}.aside-link>.icon{--cui-icon-size: 1.125rem}.aside-link:hover{text-decoration:underline}.site-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cui-space-2) var(--cui-space-4);padding-inline:var(--cui-space-4);color:var(--cui-text-2);font-size:.8125rem}.footer-link{color:var(--cui-text-2);text-decoration:none}.footer-link:hover{color:var(--cui-text);text-decoration:underline}.footer-switch{display:inline-flex;align-items:center;gap:var(--cui-space-1)}.footer-switch>.icon{--cui-icon-size: 1rem;margin-inline-end:var(--cui-space-0-5)}.footer-select{appearance:none;min-width:0;padding:0 var(--cui-space-4) 0 var(--cui-space-1);color:var(--cui-text-2);font:inherit;background-color:rgba(0,0,0,0);background-image:linear-gradient(45deg, transparent 50%, currentColor 50%),linear-gradient(135deg, currentColor 50%, transparent 50%);background-position:calc(100% - .5rem) 55%,calc(100% - .25rem) 55%;background-size:.25rem .25rem;background-repeat:no-repeat;border:0;border-radius:var(--cui-radius-sm);cursor:pointer}.footer-select:hover{color:var(--cui-text)}.footer-select:focus-visible{outline:none;box-shadow:var(--cui-ring)}.footer-apply{padding:0 var(--cui-space-1);color:var(--cui-link);font:inherit;background:none;border:0;cursor:pointer}@media(scripting: enabled){.footer-apply{display:none}}.site-menu{display:grid;gap:var(--cui-space-1);min-width:16rem;padding:var(--cui-space-2) var(--cui-space-4) var(--cui-space-3);color:var(--cui-text-2);font-size:var(--beeps-text-size)}.site-menu .footer-link{padding-block:var(--cui-space-2);color:var(--cui-text);font-weight:var(--cui-weight-bold)}.site-menu .footer-switch{display:flex;min-height:2.75rem}.site-menu .footer-switch>.icon{--cui-icon-size: 1.25rem;margin-inline-end:var(--cui-space-2)}.site-menu .footer-select{flex:1 1 auto;min-height:var(--cui-control-height-sm);padding-inline:var(--cui-space-3) var(--cui-space-6);color:var(--cui-text);background-position:calc(100% - .875rem) 55%,calc(100% - .625rem) 55%;border:var(--cui-border-width) solid var(--cui-control-border);border-radius:var(--cui-control-radius)}.site-menu .footer-note{padding-block-start:var(--cui-space-1);font-size:.8125rem}.column-header{position:sticky;inset-block-start:0;z-index:var(--cui-z-sticky);display:flex;align-items:center;gap:var(--cui-space-4);min-height:var(--beeps-column-header-height);padding:var(--cui-space-1) var(--beeps-pad);background:var(--cui-bg);border-block-end:var(--cui-border-width) solid var(--cui-border)}.column-header>.avatar{--cui-avatar-size: 2rem;margin-inline-end:calc(-1*var(--cui-space-1))}.column-header-tabs{padding:0}.column-header-search{padding-block:var(--cui-space-1-5)}.column-heading{flex:1 1 auto;min-width:0}.column-title{font-size:var(--cui-text-xl);font-weight:800;line-height:1.2;overflow:hidden;letter-spacing:-0.01em;text-overflow:ellipsis;white-space:nowrap}.column-subtitle{overflow:hidden;color:var(--cui-text-2);font-size:.8125rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.column-subtitle>a{color:inherit;text-decoration:none}.column-subtitle>a:hover{text-decoration:underline}.column-lead{padding:var(--cui-space-3) var(--beeps-pad) 0;color:var(--cui-text-2);font-size:var(--beeps-text-size);line-height:var(--beeps-text-leading)}.column-back{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border-radius:var(--cui-radius-full);transition:background-color var(--cui-transition),color var(--cui-transition)}.column-back>.icon{--cui-icon-size: 1.375rem}.column-back:focus-visible{outline:none;box-shadow:var(--cui-ring)}.column-back{margin-inline:calc(-1*var(--cui-space-2)) var(--cui-space-2);color:var(--cui-text)}.column-back:hover{background:var(--beeps-hover-strong)}.column-actions{flex-shrink:0;margin:0 0 0 auto}.column-header>.tabs{flex:1 1 auto;box-shadow:none}.tab{--cui-tabs-height: var(--beeps-column-header-height);--cui-tabs-font: var(--beeps-text-size);--cui-tabs-fg: var(--cui-text-2)}.tab:hover{background:var(--cui-surface-hover)}.tab[aria-current]:not([aria-current=false]){--_fg: var(--cui-text);font-weight:var(--cui-weight-bold)}.tab[aria-current]:not([aria-current=false])::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:50%;width:min(3.5rem,60%);height:4px;background:var(--cui-primary);border-radius:var(--cui-radius-full);translate:-50% 0}.feed{min-width:0}.intro{display:flex;align-items:center;gap:var(--cui-space-5);padding:var(--cui-space-6) var(--beeps-pad);border-block-end:var(--cui-border-width) solid var(--cui-border)}.intro-art{--art: 5.5rem;flex:none;width:var(--art);height:auto;margin-block:calc(var(--art)*-46/534) calc(var(--art)*-82/534);margin-inline-start:calc(var(--art)*-6/534)}@media(width >= 40rem){.intro-art{--art: 7.5rem}}.intro-body{display:grid;justify-items:start;gap:var(--cui-space-2);min-width:0}.intro-title{font-size:var(--cui-text-2xl);font-weight:800;letter-spacing:-0.02em}.intro-text{color:var(--cui-text-2);font-size:var(--beeps-text-size);line-height:var(--beeps-text-leading)}.empty{--cui-empty-padding: var(--cui-space-12) var(--cui-space-8)}.empty>.empty-title{font-size:var(--cui-text-xl);font-weight:800}.empty>.empty-text{max-width:24rem;color:var(--cui-text-2);font-size:var(--beeps-text-size);line-height:var(--beeps-text-leading)}.error-page{--cui-empty-padding: var(--cui-space-12) var(--beeps-pad)}.pager{display:flex;justify-content:center;padding:var(--cui-space-4) var(--beeps-pad) var(--cui-space-6)}.pager[data-more-state]{min-height:calc(var(--cui-space-4) + var(--cui-space-6) + 1.5rem)}.pager[data-more-state]:not([data-more-state=failed])>.btn{display:none}.pager[data-more-state]:not([data-more-state=failed])::before{content:"";width:1.5rem;height:1.5rem;border:3px solid var(--cui-primary);border-inline-end-color:rgba(0,0,0,0);border-radius:50%;animation:cui-spin .75s linear infinite}.feed>.alert{margin:var(--cui-space-3) var(--beeps-pad) 0}.section-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--cui-space-3);margin-block-end:var(--cui-space-4)}.section-lead{margin-block-end:var(--cui-space-6);color:var(--cui-text-2)}.beep{display:grid;grid-template-columns:2.5rem minmax(0, 1fr);gap:var(--cui-space-3);padding:var(--cui-space-3) var(--beeps-pad);border-block-end:var(--cui-border-width) solid var(--cui-border);transition:background-color var(--cui-transition);scroll-margin-block-start:calc(var(--beeps-column-header-height) + var(--cui-space-2))}:root[data-beep-links] .beep:not(.beep-focused){cursor:pointer}@media(hover: hover)and (pointer: fine){:root[data-beep-links] .beep:not(.beep-focused):hover{background:var(--cui-surface-hover)}}.beep-focused{padding-block:var(--cui-space-4) var(--cui-space-2)}.beep-focused .beep-text{font-size:1.0625rem;line-height:1.45}.beep-avatar{align-self:start;line-height:0;border-radius:var(--cui-radius-full)}.beep-avatar>.avatar{--cui-avatar-size: 2.5rem}.beep-main{min-width:0}.beep-header{display:flex;align-items:center;gap:var(--cui-space-1);min-width:0;height:1.25rem;font-size:var(--beeps-text-size);line-height:1.25rem;white-space:nowrap}.beep-header>.badge{flex-shrink:0}.beep-author{display:flex;align-items:center;gap:var(--cui-space-1);min-width:0;overflow:hidden;color:var(--cui-text);text-decoration:none}.beep-author:hover>.beep-name{text-decoration:underline}.beep-name{flex-shrink:0;max-width:75%;overflow:hidden;font-weight:var(--cui-weight-bold);text-overflow:ellipsis}.beep-handle{flex-shrink:2;min-width:2rem;overflow:hidden;color:var(--cui-text-2);text-overflow:ellipsis}.beep-dot{flex-shrink:0;color:var(--cui-text-2)}.beep-time{flex-shrink:0;color:var(--cui-text-2);text-decoration:none}.beep-time:hover{text-decoration:underline}.beep-header .badge,.actor-name>.badge,.profile-handle>.badge{height:1.125rem;padding-inline:.375rem;color:var(--cui-text-2);font-size:.6875rem;font-weight:var(--cui-weight-semibold);letter-spacing:.01em}.beep-header .badge-warning{color:var(--cui-warning-text)}.beep-menu{flex-shrink:0;margin-block:calc(-1*var(--cui-space-2));margin-inline:auto calc(-1*var(--cui-space-2))}.beep-menu-toggle,.menu-toggle-btn{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2.125rem;height:2.125rem;padding:0;border-radius:var(--cui-radius-full);transition:background-color var(--cui-transition),color var(--cui-transition)}.beep-menu-toggle>.icon,.menu-toggle-btn>.icon{--cui-icon-size: 1.375rem}.beep-menu-toggle:focus-visible,.menu-toggle-btn:focus-visible{outline:none;box-shadow:var(--cui-ring)}.beep-menu-toggle,.menu-toggle-btn{color:var(--cui-text-2)}.beep-menu-toggle:hover,.menu-toggle-btn:hover{color:var(--cui-primary-text);background:var(--cui-primary-soft)}.menu-toggle-btn{width:var(--cui-control-height-sm);height:var(--cui-control-height-sm);color:var(--cui-text);border:var(--cui-border-width) solid var(--cui-control-border)}.beep-context{margin:var(--cui-space-0-5) 0 0;color:var(--cui-text-2);font-size:var(--beeps-text-size);line-height:1.25rem}.beep-context>a{color:inherit;text-decoration:none}.beep-context>a:hover{text-decoration:underline}.beep-text{margin-block-start:var(--cui-space-0-5);font-size:var(--beeps-text-size);line-height:var(--beeps-text-leading);overflow-wrap:anywhere}.beep-text>.mention,.beep-text>.hashtag,.beep-text>.link{color:var(--cui-primary-text);text-decoration:none}.beep-text>.mention:hover,.beep-text>.hashtag:hover,.beep-text>.link:hover{text-decoration:underline}.beep-translation{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cui-space-1);margin:var(--cui-space-1) 0 0;color:var(--cui-text-2);font-size:.8125rem;line-height:1.125rem}.beep-translation-toggle{padding:0;color:var(--cui-primary-text);font:inherit;background:none;border:0;cursor:pointer}.beep-translation-toggle:hover{text-decoration:underline}.link-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.link-cut::after{content:"…"}.beep-media{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-auto-rows:minmax(0, 1fr);gap:2px;aspect-ratio:16/9;margin-block-start:var(--cui-space-3);overflow:hidden;border:var(--cui-border-width) solid var(--cui-border);border-radius:var(--cui-radius-xl)}.beep-media-1{display:block;aspect-ratio:auto;width:fit-content;max-width:100%}.beep-media-3>.beep-image:first-child{grid-row:span 2}.beep-image{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;background:var(--cui-surface-2)}.beep-image>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.beep-image:focus-visible{outline:none;box-shadow:inset var(--cui-ring)}.beep-media-1>.beep-image>img{position:static;width:auto;max-width:100%;height:auto;max-height:32rem}.beep-actions{display:flex;align-items:center;justify-content:space-between;max-width:26.5rem;margin-block-start:var(--cui-space-1);margin-inline-start:calc(-1*var(--cui-space-2))}.beep-actions>form{display:flex}.beep-action{--_tone: var(--cui-primary-text);--_tone-soft: var(--cui-primary-soft);display:inline-flex;align-items:center;min-width:4rem;padding:0;color:var(--cui-text-2);font:inherit;font-size:.8125rem;font-variant-numeric:tabular-nums;line-height:1;text-decoration:none;background:none;border:0;cursor:pointer;transition:color var(--cui-transition);-webkit-tap-highlight-color:rgba(0,0,0,0)}.beep-action:hover{color:var(--_tone)}.beep-action:hover>.beep-action-icon{background:var(--_tone-soft)}.beep-action:focus-visible{outline:none}.beep-action:focus-visible>.beep-action-icon{outline:none;box-shadow:var(--cui-ring)}.beep-action:disabled{opacity:.6}.beep-action-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.125rem;height:2.125rem;border-radius:var(--cui-radius-full);transition:background-color var(--cui-transition)}.beep-action-icon>.icon{--cui-icon-size: 1.125rem}.beep-count{padding-inline:var(--cui-space-0-5) var(--cui-space-3)}.beep-action-like{--_tone: var(--beeps-like);--_tone-soft: color-mix(in oklch, oklch(59% 0.18 350) 12%, transparent)}.beep-action-like[aria-pressed=true]{color:var(--_tone)}.beep-action-like[aria-pressed=true] .icon{--cui-icon-fill: 1}.beep-action-share{min-width:0}span.beep-action{cursor:default}span.beep-action:hover{color:var(--cui-text-2)}span.beep-action:hover>.beep-action-icon{background:none}.reply-signin{padding:var(--cui-space-3) var(--beeps-pad);border-block-end:var(--cui-border-width) solid var(--cui-border)}.actor-row{display:flex;align-items:center;gap:var(--cui-space-3);padding:var(--cui-space-3) var(--beeps-pad);color:var(--cui-text);text-decoration:none;transition:background-color var(--cui-transition)}.actor-row>.avatar{--cui-avatar-size: 2.5rem}.actor-row:hover{background:var(--cui-surface-hover)}.actor-row:focus-visible{outline:none;box-shadow:inset var(--cui-ring)}.actor-id{display:flex;flex-direction:column;min-width:0;line-height:1.25rem}.actor-name{display:flex;align-items:center;gap:var(--cui-space-1);min-width:0;font-size:var(--beeps-text-size);font-weight:var(--cui-weight-bold);overflow-wrap:anywhere}.actor-handle{color:var(--cui-text-2);font-size:var(--beeps-text-size)}.people-list>li{border-block-end:var(--cui-border-width) solid var(--cui-border)}.actor-bio{margin:calc(-1*var(--cui-space-2)) 0 0;padding:0 var(--beeps-pad) var(--cui-space-3) calc(var(--beeps-pad) + 2.5rem + var(--cui-space-3));font-size:var(--beeps-text-size);line-height:var(--beeps-text-leading);white-space:pre-line;overflow-wrap:anywhere}.profile-banner{aspect-ratio:3/1;background:var(--cui-surface-3)}.profile-banner>a{display:block;height:100%}.profile-banner img{display:block;width:100%;height:100%;object-fit:cover}.profile-card{padding:var(--cui-space-3) var(--beeps-pad) var(--cui-space-4)}.profile-card>.alert{margin-block-start:var(--cui-space-3)}.profile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--cui-space-3)}.profile-avatar{--cui-avatar-size: 5.5rem;margin-block-start:calc(-0.5*var(--cui-avatar-size) - var(--cui-space-3));box-shadow:0 0 0 .25rem var(--cui-bg)}.profile-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--cui-space-2)}.profile-actions .menu-panel{inset-inline:auto 0}.profile-id{margin-block-start:var(--cui-space-3)}.profile-name{font-size:var(--cui-text-xl);font-weight:800;line-height:1.2;overflow-wrap:anywhere}.profile-handle{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cui-space-1-5);margin:var(--cui-space-0-5) 0 0;color:var(--cui-text-2);font-size:var(--beeps-text-size)}.profile-bio{margin:var(--cui-space-3) 0 0;font-size:var(--beeps-text-size);line-height:var(--beeps-text-leading);white-space:pre-line;overflow-wrap:anywhere}.profile-facts{display:flex;flex-wrap:wrap;gap:var(--cui-space-1) var(--cui-space-3);margin:var(--cui-space-3) 0 0;color:var(--cui-text-2);font-size:var(--beeps-text-size)}.profile-facts>div{display:flex;align-items:center;gap:var(--cui-space-1)}.profile-facts dt{display:flex}.profile-facts dt>.icon{--cui-icon-size: 1.125rem}.profile-facts a{color:var(--cui-text)}.profile-facts a:not(:hover){text-decoration:none}.profile-facts .profile-website{display:block;max-width:20rem;overflow:hidden;color:var(--cui-primary-text);white-space:nowrap;text-overflow:ellipsis}.profile-facts dd{min-width:0}.profile-follows{display:flex;flex-wrap:wrap;gap:var(--cui-space-1) var(--cui-space-4);margin:var(--cui-space-3) 0 0;color:var(--cui-text-2);font-size:var(--beeps-text-size)}.profile-follows>a{color:inherit}.profile-follows>a:not(:hover){text-decoration:none}.profile-follows strong{color:var(--cui-text)}.profile-agents{margin-block-start:var(--cui-space-4)}.profile-agents>.actor-list .actor-row{margin-inline:calc(-1*var(--cui-space-2));padding:var(--cui-space-2);border-radius:var(--cui-radius-lg)}.profile-section-title{margin:0 0 var(--cui-space-1);font-size:var(--beeps-text-size)}.profile-more{padding:var(--cui-space-1) 0 0;color:var(--cui-link);font:inherit;font-size:var(--beeps-text-size);background:none;border:0;cursor:pointer}.profile-more:hover{text-decoration:underline}.profile-more:focus-visible{outline:none;box-shadow:var(--cui-ring)}.list-dialog,.confirm-dialog{inset-block:0 15dvh}.list-dialog-header{display:flex;flex-shrink:0;align-items:center;min-height:3.25rem;padding:var(--cui-space-1) var(--beeps-pad)}.list-dialog-title{font-size:var(--cui-text-xl);font-weight:800;line-height:1.2}.list-dialog-body{min-height:0;padding-block-end:var(--cui-space-2);overflow-y:auto}.about-lead{padding:var(--cui-space-5) var(--beeps-pad) 0;font-size:var(--cui-text-lg);line-height:1.5}.about-section{display:grid;justify-items:start;gap:var(--cui-space-2);padding:var(--cui-space-6) var(--beeps-pad) 0;font-size:var(--beeps-text-size);line-height:1.5}.about-section:last-child{padding-block-end:var(--cui-space-8)}.about-section>h2{font-size:var(--cui-text-lg);font-weight:800}.about-section>ul,.about-section>ol{display:grid;gap:var(--cui-space-1-5);padding-inline-start:1.25rem}.about-section>ul{list-style:disc}.about-section>ol{list-style:decimal}.about-section>.aside-link{margin-block-start:var(--cui-space-1)}.search-hint{--cui-empty-padding: var(--cui-space-10) var(--cui-space-8)}.auth{max-width:26rem;margin-inline:auto;padding:var(--cui-space-10) var(--beeps-pad) var(--cui-space-12)}.auth>h1{margin-block-end:var(--cui-space-2);font-size:1.75rem;font-weight:800;letter-spacing:-0.02em}.auth>h1+.oauth-buttons{margin-block-start:var(--cui-space-6)}.auth .form-actions>.btn,.auth .form-actions>.island>.btn,.auth .oauth-buttons>.btn,.auth .oauth-buttons>.island>.btn{--cui-btn-height: 2.75rem}.auth .form-actions{flex-direction:column;align-items:stretch;padding-block-start:var(--cui-space-1)}.oauth-buttons{display:flex;flex-direction:column;gap:var(--cui-space-3)}.btn-oauth{gap:var(--cui-space-2-5)}.brand-logo{display:inline-block;flex-shrink:0;inline-size:1.125rem;block-size:1.125rem}.brand-logo-google{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E") center/contain no-repeat}.brand-logo-github{background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z'/%3E%3C/svg%3E") center/contain no-repeat}.auth-or{margin-block:var(--cui-space-5);color:var(--cui-text-2);font-size:var(--cui-text-sm);text-align:center}.auth-lead{margin-block-end:var(--cui-space-6);color:var(--cui-text-2);font-size:var(--beeps-text-size);line-height:var(--beeps-text-leading)}.auth-form{display:flex;flex-direction:column;gap:var(--cui-space-5)}.auth-switch,.auth-secondary{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--cui-space-2);margin-block-start:var(--cui-space-2);color:var(--cui-text-2);font-size:var(--beeps-text-size)}.auth-change{margin-block-start:var(--cui-space-8)}.onboarding-steps{margin-block-end:var(--cui-space-8)}.code-input{max-width:12rem;letter-spacing:.3em;text-align:center}.captcha{min-height:65px}.handoff{margin-block-end:var(--cui-space-4)}.handoff>.handoff-prompt{white-space:normal;overflow-wrap:anywhere;line-height:var(--beeps-text-leading);padding-block:var(--cui-space-3)}.handoff-warning{margin-block-end:var(--cui-space-6)}.agent-card{display:flex;align-items:center;gap:var(--cui-space-4);padding:var(--cui-space-4);margin-block-end:var(--cui-space-6);border:var(--cui-border-width) solid var(--cui-border);border-radius:var(--cui-radius-xl)}.agent-card.waiting>p{color:var(--cui-text-2)}@media(width < 40rem){:root:has(.tabbar) .toast-stack{inset-block-end:calc(var(--beeps-tabbar-height) + env(safe-area-inset-bottom))}}.toast{align-items:center}.toast-settled:not(.toast-leaving){animation:none}.toast-message{color:var(--cui-text);font-size:var(--beeps-text-size)}.lightbox{--lightbox-time: var(--cui-duration-slow);position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:rgba(0,0,0,0);color:#fff;overflow:hidden;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.lightbox::backdrop{background:rgba(0,0,0,0)}:root:has(.lightbox[open]){overflow:hidden}.lightbox-shade{position:absolute;inset:0;background:rgba(0,0,0,.92);transition:opacity var(--lightbox-time) var(--cui-ease)}.lightbox-track{position:absolute;inset:0;display:flex;direction:ltr;transition:transform var(--lightbox-time) var(--cui-ease)}.lightbox-slide{display:grid;flex:0 0 100%;place-items:center;min-width:0;padding:var(--cui-space-12) calc(var(--cui-space-12) + var(--cui-space-4));container-type:size}@media(width < 40rem){.lightbox-slide{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}}.lightbox-image{width:min(100cqw,100cqh*var(--lightbox-ratio));height:auto;aspect-ratio:var(--lightbox-ratio);background-size:cover;transform-origin:center;transition:transform var(--lightbox-time) var(--cui-ease)}.lightbox-round{max-width:20rem;border-radius:50%}.lightbox[data-zoomed] .lightbox-image{cursor:grab}.lightbox[data-zoomed][data-dragging] .lightbox-image{cursor:grabbing}.lightbox[data-dragging] :is(.lightbox-shade,.lightbox-track,.lightbox-image){transition:none}.lightbox-chrome{opacity:var(--lightbox-chrome, 1);transition:opacity var(--lightbox-time) var(--cui-ease)}.lightbox-button{position:absolute;display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;transition:background-color var(--cui-duration-fast) ease,opacity var(--lightbox-time) var(--cui-ease)}.lightbox-button:hover{background:rgba(64,64,64,.8)}.lightbox-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.lightbox-button>.icon{font-size:1.25rem}.lightbox-close{inset-block-start:calc(var(--cui-space-3) + env(safe-area-inset-top));inset-inline-start:calc(var(--cui-space-3) + env(safe-area-inset-left))}.lightbox-previous,.lightbox-next{inset-block-start:calc(50% - 1.125rem)}.lightbox-previous{left:var(--cui-space-4)}.lightbox-next{right:var(--cui-space-4)}.lightbox-dots{position:absolute;inset-inline:0;inset-block-end:calc(var(--cui-space-4) + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:.375rem;pointer-events:none}.lightbox-dots>span{width:.375rem;height:.375rem;border-radius:50%;background:rgba(255,255,255,.4);transition:background-color var(--lightbox-time) var(--cui-ease)}.lightbox-dots>[aria-current]{background:#fff}@media(hover: hover)and (pointer: fine){.lightbox-dots{display:none}.lightbox-image{cursor:zoom-in}}@media not ((hover: hover) and (pointer: fine)){.lightbox-previous,.lightbox-next{display:none}}.skeleton-page{animation:beeps-fade-in .2s ease-out .15s both}@keyframes beeps-fade-in{from{opacity:0}}.skeleton-w-20{width:20%}.skeleton-w-30{width:30%}.skeleton-w-40{width:40%}.skeleton-w-50{width:50%}.skeleton-w-60{width:60%}.skeleton-w-70{width:70%}.skeleton-w-80{width:80%}.skeleton-w-90{width:90%}.skeleton-heading{width:8rem;margin:0}.skeleton-beep{padding:var(--cui-space-3) var(--beeps-pad) var(--cui-space-4);border-block-end:var(--cui-border-width) solid var(--cui-border)}.skeleton-item{padding:var(--cui-space-3) var(--beeps-pad)}.skeleton-banner{aspect-ratio:3/1;border-radius:0}.skeleton-profile{display:flex;flex-direction:column;gap:var(--cui-space-1);padding:var(--cui-space-3) var(--beeps-pad) var(--cui-space-4);border-block-end:var(--cui-border-width) solid var(--cui-border)}.skeleton-profile>.skeleton-avatar-lg{--size: 5.5rem;margin-block:calc(-0.5*var(--size) - var(--cui-space-3)) var(--cui-space-3);box-shadow:0 0 0 .25rem var(--cui-bg)}.skeleton-form{display:flex;flex-direction:column;align-items:flex-start;gap:var(--cui-space-5);padding:var(--cui-space-5) var(--beeps-pad)}.skeleton-field{display:flex;flex-direction:column;gap:var(--cui-space-2);align-self:stretch}.skeleton-input{height:var(--cui-control-height);border-radius:var(--cui-control-radius)}.skeleton-admin{display:flex;flex-direction:column;gap:var(--cui-space-2)}.skeleton-admin>.skeleton-title{margin-block-end:var(--cui-space-4)}.captcha:empty{max-width:300px;height:65px;background:var(--cui-surface-3);border-radius:var(--cui-radius)}@media(prefers-reduced-motion: no-preference){.captcha:empty{animation:beeps-pulse 1.5s ease-in-out infinite}}@keyframes beeps-pulse{50%{opacity:.55}}