:root{--font-doc: "Charter", "Bitstream Charter", "Iowan Old Style", "Source Serif 4", Georgia, "Times New Roman", serif;--font-ui: "Inter var", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--text-doc-h1-size: 2.25rem;--text-doc-h1-line: 1.15;--text-doc-h1-track: -.021em;--text-doc-h1-weight: 700;--text-doc-h2-size: 1.75rem;--text-doc-h2-line: 1.25;--text-doc-h2-track: -.016em;--text-doc-h2-weight: 650;--text-doc-h3-size: 1.375rem;--text-doc-h3-line: 1.35;--text-doc-h3-track: -.01em;--text-doc-h3-weight: 600;--text-doc-body-size: 1.125rem;--text-doc-body-line: 1.65;--text-doc-body-track: .003em;--text-doc-body-weight: 400;--text-doc-quote-size: 1.25rem;--text-doc-quote-line: 1.55;--text-doc-quote-track: -.008em;--text-doc-quote-weight: 400;--text-doc-code-size: .9375rem;--text-doc-code-line: 1.5;--text-doc-code-track: 0;--text-doc-code-weight: 400;--text-doc-caption-size: .875rem;--text-doc-caption-line: 1.5;--text-doc-caption-track: 0;--text-doc-caption-weight: 400;--text-ui-xs-size: .6875rem;--text-ui-xs-line: 1.45;--text-ui-xs-track: .005em;--text-ui-xs-weight: 500;--text-ui-sm-size: .8125rem;--text-ui-sm-line: 1.45;--text-ui-sm-track: 0;--text-ui-sm-weight: 400;--text-ui-md-size: .875rem;--text-ui-md-line: 1.5;--text-ui-md-track: 0;--text-ui-md-weight: 400;--text-ui-lg-size: 1rem;--text-ui-lg-line: 1.5;--text-ui-lg-track: -.005em;--text-ui-lg-weight: 500;--text-ui-xl-size: 1.25rem;--text-ui-xl-line: 1.35;--text-ui-xl-track: -.01em;--text-ui-xl-weight: 600;--measure-doc: 68ch;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-xs: 3px;--radius-sm: 5px;--radius-md: 7px;--radius-lg: 10px;--radius-xl: 14px;--radius-full: 9999px;--dur-instant: 0ms;--dur-fast: .12s;--dur-base: .18s;--dur-slow: .28s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-inout: cubic-bezier(.65, 0, .35, 1);--z-base: 0;--z-raised: 10;--z-sticky: 20;--z-dropdown: 30;--z-scrim: 40;--z-modal: 50;--z-popover: 60;--z-toast: 70;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--surface-page: oklch(99.2% .004 85);--surface-raised: oklch(99.2% .004 85);--surface-sunken: oklch(97.5% .005 85);--surface-overlay: oklch(99.2% .004 85);--surface-hover: oklch(94.5% .006 85);--surface-active: oklch(89% .007 85);--surface-selected: oklch(94% .03 265);--surface-scrim: oklch(13% .006 85 / 45%);--content-primary: oklch(19% .007 85);--content-secondary: oklch(45% .01 85);--content-tertiary: oklch(55% .01 85);--content-accent: oklch(48% .16 265);--content-on-accent: oklch(99.2% .004 85);--content-inverse: oklch(99.2% .004 85);--border-subtle: oklch(94.5% .006 85);--border-default: oklch(89% .007 85);--border-strong: oklch(66% .009 85);--border-focus: oklch(55% .16 265);--accent-solid: oklch(48% .16 265);--accent-solid-hover: oklch(40% .14 265);--accent-subtle: oklch(94% .03 265);--danger-fg: oklch(43% .14 27);--danger-bg: oklch(95% .03 27);--danger-border: oklch(80% .1 27);--danger-solid: oklch(52% .17 27);--warning-fg: oklch(43% .14 75);--warning-bg: oklch(95% .03 75);--warning-border: oklch(80% .1 75);--success-fg: oklch(43% .14 150);--success-bg: oklch(95% .03 150);--success-border: oklch(80% .1 150);--info-fg: oklch(43% .14 235);--info-bg: oklch(95% .03 235);--info-border: oklch(80% .1 235);--elev-1: 0 1px 2px oklch(13% .006 85 / 6%);--elev-2: 0 2px 4px oklch(13% .006 85 / 8%), 0 1px 2px oklch(13% .006 85 / 4%);--elev-3: 0 8px 24px oklch(13% .006 85 / 10%), 0 2px 6px oklch(13% .006 85 / 6%);color-scheme:light}[data-theme=dark]{--surface-page: oklch(9% .005 85);--surface-raised: oklch(13% .006 85);--surface-sunken: oklch(19% .007 85);--surface-overlay: oklch(19% .007 85);--surface-hover: oklch(27% .008 85);--surface-active: oklch(36% .009 85);--surface-selected: oklch(32% .11 265);--surface-scrim: oklch(9% .005 85 / 65%);--content-primary: oklch(94.5% .006 85);--content-secondary: oklch(80% .008 85);--content-tertiary: oklch(66% .009 85);--content-accent: oklch(78% .1 265);--content-on-accent: oklch(99.2% .004 85);--content-inverse: oklch(13% .006 85);--border-subtle: oklch(27% .008 85);--border-default: oklch(36% .009 85);--border-strong: oklch(55% .01 85);--border-focus: oklch(66% .14 265);--accent-solid: oklch(55% .16 265);--accent-solid-hover: oklch(66% .14 265);--accent-subtle: oklch(32% .11 265);--danger-fg: oklch(80% .1 27);--danger-bg: oklch(25% .07 27);--danger-border: oklch(38% .11 27);--danger-solid: oklch(52% .17 27);--warning-fg: oklch(80% .1 75);--warning-bg: oklch(25% .06 75);--warning-border: oklch(38% .09 75);--success-fg: oklch(80% .1 150);--success-bg: oklch(25% .06 150);--success-border: oklch(38% .09 150);--info-fg: oklch(80% .1 235);--info-bg: oklch(25% .06 235);--info-border: oklch(38% .09 235);--elev-1: none;--elev-2: none;--elev-3: 0 8px 24px oklch(9% .005 85 / 40%);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--surface-page: oklch(9% .005 85);--surface-raised: oklch(13% .006 85);--surface-sunken: oklch(19% .007 85);--surface-overlay: oklch(19% .007 85);--surface-hover: oklch(27% .008 85);--surface-active: oklch(36% .009 85);--surface-selected: oklch(32% .11 265);--surface-scrim: oklch(9% .005 85 / 65%);--content-primary: oklch(94.5% .006 85);--content-secondary: oklch(80% .008 85);--content-tertiary: oklch(66% .009 85);--content-accent: oklch(78% .1 265);--content-on-accent: oklch(99.2% .004 85);--content-inverse: oklch(13% .006 85);--border-subtle: oklch(27% .008 85);--border-default: oklch(36% .009 85);--border-strong: oklch(55% .01 85);--border-focus: oklch(66% .14 265);--accent-solid: oklch(55% .16 265);--accent-solid-hover: oklch(66% .14 265);--accent-subtle: oklch(32% .11 265);--danger-fg: oklch(80% .1 27);--danger-bg: oklch(25% .07 27);--danger-border: oklch(38% .11 27);--danger-solid: oklch(52% .17 27);--warning-fg: oklch(80% .1 75);--warning-bg: oklch(25% .06 75);--warning-border: oklch(38% .09 75);--success-fg: oklch(80% .1 150);--success-bg: oklch(25% .06 150);--success-border: oklch(38% .09 150);--info-fg: oklch(80% .1 235);--info-bg: oklch(25% .06 235);--info-border: oklch(38% .09 235);--elev-1: none;--elev-2: none;--elev-3: 0 8px 24px oklch(9% .005 85 / 40%);color-scheme:dark}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}html,body{margin:0;padding:0}body{min-block-size:100dvh;background:var(--surface-page);-webkit-text-size-adjust:100%}.doc{font-family:var(--font-doc);font-size:var(--text-doc-body-size);line-height:var(--text-doc-body-line);letter-spacing:var(--text-doc-body-track);color:var(--content-primary);max-width:var(--measure-doc);margin-inline:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:break-word}.doc:focus,.doc:focus-visible{outline:none}.doc>*+*{margin-block-start:var(--space-4)}.doc h1,.doc h2,.doc h3{color:var(--content-primary);text-wrap:balance}.doc h1{font-size:var(--text-doc-h1-size);line-height:var(--text-doc-h1-line);letter-spacing:var(--text-doc-h1-track);font-weight:var(--text-doc-h1-weight)}.doc h2{font-size:var(--text-doc-h2-size);line-height:var(--text-doc-h2-line);letter-spacing:var(--text-doc-h2-track);font-weight:var(--text-doc-h2-weight)}.doc h3{font-size:var(--text-doc-h3-size);line-height:var(--text-doc-h3-line);letter-spacing:var(--text-doc-h3-track);font-weight:var(--text-doc-h3-weight)}.doc>*+:is(h1,h2){margin-block-start:var(--space-10)}.doc>*+h3{margin-block-start:var(--space-8)}.doc>:is(h1,h2,h3)+*{margin-block-start:var(--space-2)}.doc>:first-child{margin-block-start:0}.doc strong{font-weight:700}.doc em{font-style:italic}.doc s{text-decoration-line:line-through}.doc a{color:var(--content-accent);text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:.06em;cursor:pointer}.doc code{font-family:var(--font-mono);font-size:var(--text-doc-code-size);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:.1em .32em}.doc blockquote{font-size:var(--text-doc-quote-size);line-height:var(--text-doc-quote-line);letter-spacing:var(--text-doc-quote-track);font-style:italic;color:var(--content-secondary);border-inline-start:2px solid var(--border-strong);padding-inline-start:var(--space-5)}.doc pre{font-family:var(--font-mono);font-size:var(--text-doc-code-size);line-height:var(--text-doc-code-line);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;tab-size:2}.doc pre code{background:none;border:0;padding:0;font-size:inherit}.doc hr{border:0;border-block-start:1px solid var(--border-default);margin-block:var(--space-10)}.doc :is(ul,ol){padding-inline-start:var(--space-6)}.doc li{margin-block:var(--space-1)}.doc li>p{margin:0}.doc ul{list-style:disc}.doc ol{list-style:decimal}.doc :is(ul,ol) :is(ul,ol){margin-block-start:var(--space-1)}.doc ul[data-type=taskList]{list-style:none;padding-inline-start:0}.doc ul[data-type=taskList] li{display:flex;gap:var(--space-2);align-items:flex-start}.doc ul[data-type=taskList] li>label{flex:0 0 auto;margin-block-start:.35em;-webkit-user-select:none;user-select:none}.doc ul[data-type=taskList] li>div{flex:1 1 auto}.doc ul[data-type=taskList] input[type=checkbox]{accent-color:var(--accent-solid);inline-size:1em;block-size:1em}.doc img{display:block;max-inline-size:100%;block-size:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.doc img.ProseMirror-selectednode{outline:2px solid var(--border-focus)}.doc div[data-youtube-video] iframe{display:block;inline-size:100%;aspect-ratio:16 / 9;block-size:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-sunken)}.doc div[data-youtube-video].ProseMirror-selectednode iframe{outline:2px solid var(--border-focus)}.doc table{border-collapse:collapse;table-layout:fixed;inline-size:100%;font-family:var(--font-ui);font-size:var(--text-ui-md-size);overflow:hidden}.doc :is(th,td){border:1px solid var(--border-default);padding:var(--space-2) var(--space-3);text-align:start;vertical-align:top;position:relative;min-inline-size:3rem}.doc th{background:var(--surface-sunken);font-weight:600;color:var(--content-primary)}.doc td>p,.doc th>p{margin:0}.doc .column-resize-handle{position:absolute;inset-block:0;inset-inline-end:-2px;inline-size:4px;background:var(--accent-solid);cursor:col-resize;z-index:var(--z-raised)}.doc.resize-cursor{cursor:col-resize}.doc .selectedCell:after{content:"";position:absolute;inset:0;background:var(--surface-selected);opacity:.5;pointer-events:none}.doc ::selection{background:var(--surface-selected)}.doc p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--content-tertiary);float:inline-start;block-size:0;pointer-events:none}.lucide{inline-size:1rem;block-size:1rem;flex-shrink:0}.spinner{display:inline-block;border-radius:var(--radius-full);border:2px solid var(--border-default);border-block-start-color:var(--content-accent);animation:spinner-rotate .62s linear infinite}.spinner[data-size=sm]{inline-size:.875rem;block-size:.875rem;border-width:1.5px}.spinner[data-size=md]{inline-size:1.125rem;block-size:1.125rem}.spinner[data-size=lg]{inline-size:1.75rem;block-size:1.75rem;border-width:3px}@keyframes spinner-rotate{to{rotate:360deg}}.skeleton{display:block;background:var(--surface-sunken);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton[data-shape=text]{block-size:.75em;inline-size:100%;border-radius:var(--radius-xs)}.skeleton[data-shape=block]{inline-size:100%;block-size:100%}.skeleton[data-shape=circle]{aspect-ratio:1;border-radius:var(--radius-full)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--surface-hover),transparent);translate:-100% 0;animation:skeleton-sweep 1.4s var(--ease-inout) infinite}@keyframes skeleton-sweep{to{translate:100% 0}}.skeleton-stack{display:flex;flex-direction:column;gap:var(--space-2);inline-size:100%}.btn{--btn-bg: transparent;--btn-fg: var(--content-primary);--btn-border: transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-ui);font-weight:500;white-space:nowrap;cursor:pointer;border:1px solid var(--btn-border);border-radius:var(--radius-md);background:var(--btn-bg);color:var(--btn-fg);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.5}.btn[data-size=sm]{font-size:var(--text-ui-sm-size);padding-inline:var(--space-3);block-size:1.75rem}.btn[data-size=md]{font-size:var(--text-ui-md-size);padding-inline:var(--space-4);block-size:2.25rem}.btn[data-size=lg]{font-size:var(--text-ui-lg-size);padding-inline:var(--space-5);block-size:2.75rem}.btn[data-variant=primary]{--btn-bg: var(--accent-solid);--btn-fg: var(--content-on-accent)}.btn[data-variant=primary]:hover:not(:disabled){--btn-bg: var(--accent-solid-hover)}.btn[data-variant=secondary]{--btn-bg: var(--surface-raised);--btn-fg: var(--content-primary);--btn-border: var(--border-default)}.btn[data-variant=secondary]:hover:not(:disabled){--btn-bg: var(--surface-hover)}.btn[data-variant=ghost]{--btn-fg: var(--content-secondary)}.btn[data-variant=ghost]:hover:not(:disabled){--btn-bg: var(--surface-hover);--btn-fg: var(--content-primary)}.btn[data-variant=danger]{--btn-bg: var(--danger-solid);--btn-fg: var(--content-on-accent)}.btn[data-variant=danger]:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){--btn-bg: var(--surface-active)}.btn[data-variant=primary]:active:not(:disabled),.btn[data-variant=danger]:active:not(:disabled){filter:brightness(.94)}.btn[data-loading=true]>.btn-content{visibility:hidden}.btn-spinner{position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.btn-content{display:inline-flex;align-items:center;gap:var(--space-2)}.icon-btn{padding-inline:0;aspect-ratio:1}.icon-btn[data-size=sm]{inline-size:1.75rem}.icon-btn[data-size=md]{inline-size:2.25rem}.icon-btn[aria-pressed=true]{--btn-bg: var(--surface-selected);--btn-fg: var(--content-accent);--btn-border: var(--border-focus)}@media(pointer:coarse){.btn:after{content:"";position:absolute;inset:50%;min-inline-size:44px;min-block-size:44px;translate:-50% -50%}}.toast-region{position:fixed;inset-block-end:var(--space-4);inset-inline-end:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);inline-size:min(100% - var(--space-8),22rem);pointer-events:none}.toast{--toast-accent: var(--border-strong);pointer-events:auto;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-family:var(--font-ui);font-size:var(--text-ui-md-size);color:var(--content-primary);background:var(--surface-overlay);border:1px solid var(--border-default);border-inline-start:3px solid var(--toast-accent);border-radius:var(--radius-lg);box-shadow:var(--elev-3);animation:toast-in var(--dur-base) var(--ease-out)}@keyframes toast-in{0%{opacity:0;translate:0 8px}}.toast[data-tone=success]{--toast-accent: var(--success-border)}.toast[data-tone=warning]{--toast-accent: var(--warning-border)}.toast[data-tone=danger]{--toast-accent: var(--danger-border)}.toast[data-tone=info]{--toast-accent: var(--info-border)}.toast-icon{flex:0 0 auto;line-height:var(--text-ui-md-line)}.toast[data-tone=success] .toast-icon{color:var(--success-fg)}.toast[data-tone=warning] .toast-icon{color:var(--warning-fg)}.toast[data-tone=danger] .toast-icon{color:var(--danger-fg)}.toast[data-tone=info] .toast-icon{color:var(--info-fg)}.toast-body{flex:1 1 auto;min-inline-size:0}.toast-title{font-weight:600}.toast-desc{margin-block-start:var(--space-1);font-size:var(--text-ui-sm-size);color:var(--content-secondary)}.dialog{padding:0;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--surface-overlay);color:var(--content-primary);box-shadow:var(--elev-3);inline-size:min(100% - var(--space-8),var(--dialog-w, 30rem));max-block-size:min(100dvh - var(--space-8),44rem);overflow:visible}.dialog[open]{display:flex;flex-direction:column}.dialog[data-size=sm]{--dialog-w: 24rem}.dialog[data-size=md]{--dialog-w: 32rem}.dialog[data-size=lg]{--dialog-w: 48rem}.dialog::backdrop{background:var(--surface-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog[open]{animation:dialog-in var(--dur-base) var(--ease-out)}.dialog[open]::backdrop{animation:backdrop-in var(--dur-base) var(--ease-out)}@keyframes dialog-in{0%{opacity:0;translate:0 8px;scale:.99}}@keyframes backdrop-in{0%{opacity:0}}.dialog-body{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column;font-family:var(--font-ui)}.dialog-head{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-3)}.dialog-title{margin:0;font-size:var(--text-ui-xl-size);line-height:var(--text-ui-xl-line);letter-spacing:var(--text-ui-xl-track);font-weight:var(--text-ui-xl-weight);color:var(--content-primary)}.dialog-desc{margin:var(--space-1) 0 0;font-size:var(--text-ui-sm-size);color:var(--content-secondary)}.dialog-content{flex:1 1 auto;min-block-size:0;padding:0 var(--space-5) var(--space-5);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dialog-foot{flex:0 0 auto;display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-block-start:1px solid var(--border-subtle);background:var(--surface-raised);border-end-start-radius:var(--radius-xl);border-end-end-radius:var(--radius-xl)}.auth{min-block-size:100dvh;display:grid;place-items:center;padding:var(--space-6);background:var(--surface-page)}.auth-card{inline-size:min(100%,24rem);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-10) var(--space-8);text-align:center;font-family:var(--font-ui);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--elev-2)}.auth-mark{display:grid;place-items:center;inline-size:3rem;block-size:3rem;font-size:1.5rem;color:var(--content-on-accent);background:var(--accent-solid);border-radius:var(--radius-lg)}.auth-title{margin:0;font-family:var(--font-doc);font-size:var(--text-doc-h2-size);line-height:var(--text-doc-h2-line);letter-spacing:var(--text-doc-h2-track);font-weight:var(--text-doc-h2-weight);color:var(--content-primary)}.auth-sub{margin:calc(var(--space-3) * -1) 0 var(--space-2);font-size:var(--text-ui-md-size);color:var(--content-secondary)}.auth-error{inline-size:100%;display:flex;gap:var(--space-2);padding:var(--space-3);font-size:var(--text-ui-sm-size);text-align:start;color:var(--danger-fg);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-md)}.auth-error:before{content:"⚠"}.auth-fine{margin:var(--space-2) 0 0;font-size:var(--text-ui-sm-size);line-height:1.5;color:var(--content-tertiary);text-wrap:pretty}.route-fallback{min-block-size:100dvh;display:grid;place-items:center;background:var(--surface-page)}.sb-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-block-end:1px solid var(--border-subtle)}.sb-brand{font-family:var(--font-doc);font-size:var(--text-ui-lg-size);font-weight:600;letter-spacing:-.01em}.sb-body{flex:1 1 auto;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-4)}.sb-body>.btn{inline-size:100%}.sb-links{display:flex;flex-direction:column;gap:var(--space-1)}.sb-links a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-ui-md-size);color:var(--content-secondary);text-decoration:none}.sb-links a:hover{background:var(--surface-hover);color:var(--content-primary)}.sb-links a.active{background:var(--surface-selected);color:var(--content-accent)}.sb-links a:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.sb-foot{flex:0 0 auto;padding:var(--space-2);border-block-start:1px solid var(--border-subtle)}.sb-user{inline-size:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);font:inherit;font-size:var(--text-ui-sm-size);color:var(--content-secondary);background:transparent;border:0;border-radius:var(--radius-md);cursor:pointer;text-align:start}.sb-user:hover{background:var(--surface-hover);color:var(--content-primary)}.sb-user:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.sb-avatar{flex:0 0 auto;inline-size:1.5rem;block-size:1.5rem;border-radius:var(--radius-full);object-fit:cover}.sb-avatar-fallback{display:grid;place-items:center;text-transform:uppercase;color:var(--content-on-accent);background:var(--accent-solid);font-size:var(--text-ui-xs-size)}.sb-username{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);max-inline-size:var(--measure-doc);margin-inline:auto;padding:var(--space-8) var(--space-6)}.placeholder h2{margin:0;font-family:var(--font-doc);font-size:var(--text-doc-h2-size);font-weight:var(--text-doc-h2-weight);letter-spacing:var(--text-doc-h2-track)}.placeholder p{margin:0;color:var(--content-secondary);max-inline-size:52ch}.placeholder-skeleton{margin-block-start:var(--space-4);max-inline-size:28rem}