:root{color-scheme:light dark;--chrome-bg:var(--brand-bg);--chrome-fg:var(--brand-text);--chrome-muted:var(--brand-muted);--chrome-border:var(--brand-border);--chrome-panel:var(--brand-panel);--chrome-accent:var(--brand-link)}body{background:var(--chrome-bg);color:var(--chrome-fg);font-family:var(--brand-font-body);margin:0;line-height:1.6}.page:where(.astro-soxsnotx){gap:1.75rem;max-width:78rem;margin:0 auto;padding:2.5rem 1.25rem 5rem;display:grid}.intro:where(.astro-soxsnotx) h1:where(.astro-soxsnotx){font-family:var(--brand-font-display);color:var(--brand-heading);margin:0 0 .5rem;font-size:2rem;font-weight:400;line-height:1.2}.intro:where(.astro-soxsnotx) p:where(.astro-soxsnotx){max-width:60rem;margin:0}.intro:where(.astro-soxsnotx) a:where(.astro-soxsnotx),.pane:where(.astro-soxsnotx) a:where(.astro-soxsnotx),.footnote:where(.astro-soxsnotx) a:where(.astro-soxsnotx){color:var(--chrome-accent)}.workspace:where(.astro-soxsnotx){grid-template-columns:19rem minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}@media (width<=60rem){.workspace:where(.astro-soxsnotx){grid-template-columns:1fr}.sidebar:where(.astro-soxsnotx){position:static}}.sidebar:where(.astro-soxsnotx){gap:1rem;display:grid;position:sticky;top:1rem}.sidebar:where(.astro-soxsnotx) fieldset:where(.astro-soxsnotx){border:1px solid var(--chrome-border);background:var(--chrome-panel);border-radius:10px;gap:.5rem;margin:0;padding:.75rem 1rem 1rem;display:grid}.sidebar:where(.astro-soxsnotx) legend:where(.astro-soxsnotx){padding:0 .4rem;font-size:.85rem;font-weight:600}.sidebar:where(.astro-soxsnotx) label:where(.astro-soxsnotx){align-items:baseline;gap:.5rem;font-size:.9rem;display:flex}.sidebar:where(.astro-soxsnotx) input:where(.astro-soxsnotx){flex:none}.sidebar:where(.astro-soxsnotx) .sub:where(.astro-soxsnotx){gap:.35rem;margin-left:1.6rem;font-size:.95em;display:grid}.sidebar:where(.astro-soxsnotx) .field-note:where(.astro-soxsnotx){color:var(--chrome-muted);margin:0;font-size:.82rem;line-height:1.5}.sidebar:where(.astro-soxsnotx) code:where(.astro-soxsnotx){font-size:.85em}.sidebar-note:where(.astro-soxsnotx){color:var(--chrome-muted);margin:0;font-size:.85rem}.main:where(.astro-soxsnotx){gap:1rem;display:grid}.tabs:where(.astro-soxsnotx){border-bottom:1px solid var(--chrome-border);gap:.25rem;display:flex}.tabs:where(.astro-soxsnotx) :where(.astro-soxsnotx)[role=tab]{appearance:none;font:inherit;color:var(--chrome-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 1rem;font-weight:600}.tabs:where(.astro-soxsnotx) :where(.astro-soxsnotx)[role=tab][aria-selected=true]{color:var(--chrome-fg);border-bottom-color:var(--chrome-accent)}.tabs:where(.astro-soxsnotx) :where(.astro-soxsnotx)[role=tab]:hover{color:var(--chrome-fg)}.pane:where(.astro-soxsnotx) pre:where(.astro-soxsnotx){background:var(--chrome-panel);border:1px solid var(--chrome-border);border-radius:10px;padding:.9rem 1rem;font-size:.78rem;line-height:1.5;overflow-x:auto}.pane:where(.astro-soxsnotx) h3:where(.astro-soxsnotx){margin:1.25rem 0 .5rem;font-size:.95rem}.pane:where(.astro-soxsnotx) p:where(.astro-soxsnotx){max-width:60rem;margin:0}.footnote:where(.astro-soxsnotx){color:var(--chrome-muted);font-size:.9rem}.footnote:where(.astro-soxsnotx) p:where(.astro-soxsnotx){max-width:60rem;margin:0}.mock-app:where(.astro-soxsnotx){background:var(--color-surface-primary-background);color:var(--color-surface-primary-foreground);border:1px solid var(--color-surface-primary-border);font-family:var(--typography-text-secondary-family);font-size:var(--typography-text-secondary-size);font-weight:var(--typography-text-secondary-weight);line-height:var(--typography-text-secondary-line-height);border-radius:14px;overflow:hidden}.toolbar:where(.astro-soxsnotx){background:var(--color-surface-auxiliary-background);color:var(--color-surface-auxiliary-foreground);border-bottom:1px solid var(--color-surface-auxiliary-border);align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.brand:where(.astro-soxsnotx){font-family:var(--typography-text-primary-family);font-weight:var(--typography-text-primary-weight)}.spacer:where(.astro-soxsnotx){flex:1}.mock-content:where(.astro-soxsnotx){gap:1.25rem;padding:1.25rem;display:grid}.card:where(.astro-soxsnotx){background:var(--color-surface-secondary-background);color:var(--color-surface-secondary-foreground);border:1px solid var(--color-surface-secondary-border);border-radius:10px;padding:1rem 1.25rem}.headline:where(.astro-soxsnotx){font-family:var(--typography-text-primary-family);font-size:var(--typography-text-primary-size);font-weight:var(--typography-text-primary-weight);line-height:var(--typography-text-primary-line-height);margin:0 0 .5rem}.body-text:where(.astro-soxsnotx){font-family:var(--typography-text-secondary-family);font-size:var(--typography-text-secondary-size);font-weight:var(--typography-text-secondary-weight);line-height:var(--typography-text-secondary-line-height);margin:0 0 .5rem}.caption:where(.astro-soxsnotx){font-family:var(--typography-text-auxiliary-family);font-size:var(--typography-text-auxiliary-size);font-weight:var(--typography-text-auxiliary-weight);line-height:var(--typography-text-auxiliary-line-height);margin:0 0 .5rem}.row:where(.astro-soxsnotx){flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem 0;display:flex}.btn:where(.astro-soxsnotx){cursor:pointer;font-family:var(--typography-text-secondary-family);font-size:var(--typography-text-auxiliary-size);border:1px solid #0000;border-radius:8px;padding:.45rem .95rem;font-weight:600}.btn:where(.astro-soxsnotx).primary{background:var(--color-action-primary-background);color:var(--color-action-primary-foreground);border-color:var(--color-action-primary-border)}.btn:where(.astro-soxsnotx).secondary{background:var(--color-action-secondary-background);color:var(--color-action-secondary-foreground);border-color:var(--color-action-secondary-border)}.btn:where(.astro-soxsnotx).auxiliary{background:var(--color-action-auxiliary-background);color:var(--color-action-auxiliary-foreground);border-color:var(--color-action-auxiliary-border)}.control:where(.astro-soxsnotx){background:var(--color-control-background);color:var(--color-control-foreground);border:1px solid var(--color-control-border);font-family:inherit;font-size:var(--typography-text-auxiliary-size);border-radius:8px;padding:.45rem .65rem}.control:where(.astro-soxsnotx)::placeholder{color:inherit;opacity:.6}.inset:where(.astro-soxsnotx){background:var(--color-surface-auxiliary-background);color:var(--color-surface-auxiliary-foreground);border:1px solid var(--color-surface-auxiliary-border);font-size:var(--typography-text-auxiliary-size);border-radius:8px;padding:.6rem .8rem}.fragment-region:where(.astro-soxsnotx){background:var(--color-surface-primary-background);color:var(--color-surface-primary-foreground);border:1px dashed var(--color-surface-primary-border);border-radius:10px;padding:1rem 1.25rem}.nested-scope:where(.astro-soxsnotx){margin-top:.75rem}.feed:where(.astro-soxsnotx){gap:.75rem;display:grid}.feed-title:where(.astro-soxsnotx),.feed-note:where(.astro-soxsnotx){margin:0}.post:where(.astro-soxsnotx){background:var(--color-surface-primary-background);color:var(--color-surface-primary-foreground);border:1px solid var(--color-surface-primary-border);border-radius:10px;padding:.9rem 1.1rem}.post-author:where(.astro-soxsnotx){font-family:var(--typography-text-primary-family);font-weight:var(--typography-text-primary-weight);line-height:var(--typography-text-primary-line-height);margin:0 0 .35rem}.mock-app:where(.astro-soxsnotx) code:where(.astro-soxsnotx){font-size:.85em}