:root{--l-990:.205;--l-950:.232;--l-900:.262;--l-850:.295;--l-800:.335;--l-750:.38;--l-700:.43;--l-600:.5;--l-500:.655;--l-400:.745;--l-300:.845;--l-200:.905;--l-100:.963;--font-sans:"Barlow", ui-sans-serif, system-ui, sans-serif;--font-display:"Barlow Condensed", "Barlow", ui-sans-serif, system-ui, sans-serif;--font-mono:"FiraCode Nerd Font", "Fira Code", ui-monospace, monospace;--text-body:1.0625rem;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.1875rem;--text-xl:clamp(1.375rem, .4vw + 1.25rem, 1.625rem);--text-2xl:clamp(1.75rem, 1vw + 1.4rem, 2.25rem);--text-3xl:clamp(2.25rem, 2vw + 1.6rem, 3.25rem);--text-4xl:clamp(2.75rem, 3.4vw + 1.7rem, 4.5rem);--text-code:.875rem;--text-shortcut:.8125rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--leading-tight:1.08;--leading-snug:1.28;--leading-normal:1.65;--tracking-tight:-.022em;--label-lift:.06em;--tracking-display:-.008em;--tracking-normal:0;--tracking-wide:.04em;--tracking-caps:.1em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:136px;--gap-tight:var(--space-3);--gap:var(--space-5);--gap-loose:var(--space-7);--section-gap:clamp(var(--space-8), 7vw, var(--space-10));--page-width:1180px;--page-gutter:clamp(20px, 4.5vw, 44px);--reading-measure:68ch;--card-radius:24px;--card-padding:14px;--card-media-inset:var(--space-1);--radius-control:12px;--radius-chip:8px;--radius-pill:999px;--logo-ink-ratio:.489;--logo-ink-width-ratio:.824;--logo-ink-height:30px;--ease:cubic-bezier(.22, 1, .36, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1);--duration-instant:90ms;--duration-fast:.16s;--duration:.26s;--duration-slow:.46s;--duration-reveal:.72s;--travel:14px;--travel-far:28px}@media (prefers-reduced-motion:reduce){:root{--duration-slow:var(--duration-fast);--duration-reveal:var(--duration-fast);--travel:0px;--travel-far:0px}}:root{--neutral-c:.008;--neutral-h:250;--accent-700:#08417b;--accent-600:#0a55a1;--accent-500:#0d70d3;--accent-400:#278cf2;--accent-300:#65adf6;--text-on-accent:#fff;--state-success:#4fa87a;--state-info:#a07cdb;--state-warning:#d1a13e;--state-danger:#d4584f;--ink-990:oklch(var(--l-990) var(--neutral-c) var(--neutral-h));--ink-950:oklch(var(--l-950) var(--neutral-c) var(--neutral-h));--ink-900:oklch(var(--l-900) var(--neutral-c) var(--neutral-h));--ink-850:oklch(var(--l-850) var(--neutral-c) var(--neutral-h));--ink-800:oklch(var(--l-800) var(--neutral-c) var(--neutral-h));--ink-750:oklch(var(--l-750) var(--neutral-c) var(--neutral-h));--ink-700:oklch(var(--l-700) var(--neutral-c) var(--neutral-h));--ink-600:oklch(var(--l-600) var(--neutral-c) var(--neutral-h));--ink-500:oklch(var(--l-500) var(--neutral-c) var(--neutral-h));--ink-400:oklch(var(--l-400) var(--neutral-c) var(--neutral-h));--ink-300:oklch(var(--l-300) var(--neutral-c) var(--neutral-h));--ink-200:oklch(var(--l-200) var(--neutral-c) var(--neutral-h));--ink-100:oklch(var(--l-100) var(--neutral-c) var(--neutral-h));--surface-page:var(--ink-990);--surface-sunken:var(--ink-950);--surface-raised:var(--ink-900);--surface-floating:var(--ink-850);--surface-overlay:var(--ink-800);--edge-hairline:#ffffff12;--edge-strong:#ffffff1f;--edge-lit:#ffffff17;--text-primary:var(--ink-100);--text-secondary:var(--ink-300);--text-muted:var(--ink-400);--text-faint:var(--ink-500);--text-accent:var(--accent-400);--accent-tint:color-mix(in oklab, var(--accent-500) 14%, transparent);--accent-tint-strong:color-mix(in oklab, var(--accent-500) 22%, transparent);--accent-line:color-mix(in oklab, var(--accent-500) 60%, transparent);--accent-glow:color-mix(in oklab, var(--accent-500) 68%, transparent);--wash-primary:color-mix(in oklab, var(--accent-500) 11%, transparent);--wash-secondary:color-mix(in oklab, var(--ink-600) 30%, transparent);--hover-tint:#ffffff0a;--press-tint:#0000002e;--scrim-soft:color-mix(in srgb, var(--surface-page) 72%, transparent);--scrim:color-mix(in srgb, var(--surface-page) 80%, transparent);--scrim-strong:color-mix(in srgb, var(--surface-page) 90%, transparent);--sheen-strength:7%;--control-sheen:linear-gradient(180deg, rgb(255 255 255/var(--sheen-strength)), #fff0 68%);--emboss-shade:#0000006b;--text-emboss:0 -1px 0 var(--emboss-shade);--card-inner-radius:max(calc(var(--card-radius) - var(--card-padding)), 0px);--card-media-radius:max(calc(var(--card-radius) - var(--card-media-inset)), 0px);--card-text-inset:calc(var(--card-radius) / 2);--mono-ligatures:"calt" 1, "liga" 1;--logo-height:calc(var(--logo-ink-height) / var(--logo-ink-ratio));--lift-1:inset 0 1px 0 0 var(--edge-lit), 0 1px 2px -1px #0000008c, 0 4px 10px -6px #00000080;--lift-2:inset 0 1px 0 0 var(--edge-lit), 0 2px 4px -2px #0000008c, 0 12px 24px -12px #0009;--lift-3:inset 0 1px 0 0 var(--edge-strong), 0 4px 8px -4px #0000008c, 0 24px 48px -20px #000000b3;--lift-4:inset 0 1px 0 0 var(--edge-strong), 0 8px 16px -8px #0009, 0 40px 80px -28px #000c}.workbench{--space-1:3px;--space-2:6px;--space-3:10px;--space-4:14px;--space-5:20px;--space-6:28px;--space-7:40px;--space-8:56px;--control-height:34px;--input-height:calc(var(--control-height) + 4px);--card-radius:18px;--card-padding:12px;--card-inner-radius:max(calc(var(--card-radius) - var(--card-padding)), 0px);--card-media-inset:0px;--card-media-radius:var(--card-radius);--lift-2:var(--lift-1);--lift-3:var(--lift-2);--duration:var(--duration-fast);--duration-slow:var(--duration);--travel:6px;--md-heading:#79c0ff;--md-emphasis:#d2a8ff;--md-code:#ffa657;--md-quote:#7ee787;--md-punctuation:#8b949e;--md-shortcode-brace:#c9d1d9;--md-shortcode-token:#d2a8ff;--md-shortcode-target:#ffa657;--md-shortcode-attribute:#79c0ff;--md-shortcode-string:#7ee787;--sidebar-width:248px;--sidebar-min:190px;--sidebar-max:420px;--sidebar-text:1rem;--sidebar-icon:17px}.workbench__main,.workbench .card-overlay{--text-xs:calc(.6875rem + 2px);--text-sm:calc(.8125rem + 2px);--text-base:calc(.9375rem + 2px);--text-lg:calc(1.1875rem + 2px);--text-code:calc(.875rem + 2px);--row-icon-size:19px}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-page);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.eyebrow{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted)}.ui-placeholder{width:min(100%, var(--page-width));padding:var(--page-gutter);margin-inline:auto}.logo{--logo-height:calc(var(--logo-ink-height) / var(--logo-ink-ratio));flex:none;align-items:center;display:flex}.logo__image{width:auto;height:var(--logo-height);transition:opacity var(--duration-fast) var(--ease)}.logo:hover .logo__image{opacity:.82}.button{--button-padding-block:11px;--button-padding-inline:18px;gap:var(--space-2);padding:calc(var(--button-padding-block) - var(--label-lift)) var(--button-padding-inline) calc(var(--button-padding-block) + var(--label-lift));font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:-.01em;text-shadow:var(--text-emboss);cursor:pointer;border-radius:var(--radius-control);transition:transform var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;line-height:1.2;display:inline-flex}.button:active{transform:translateY(1px)}.button--primary,.button--secondary{background-image:var(--control-sheen)}.button--primary{--emboss-shade:color-mix(in oklab, var(--accent-700) 72%, transparent);--text-emboss:0 -1px 0 var(--emboss-shade);color:var(--text-on-accent);background-color:var(--accent-500);box-shadow:inset 0 1px 0 0 #ffffff38, 0 6px 16px -8px var(--accent-glow)}.button--primary:hover{--sheen-strength:15%;box-shadow:inset 0 1px 0 0 #ffffff4d, 0 12px 26px -8px var(--accent-glow)}.button--secondary{color:var(--text-primary);background-color:var(--surface-floating);border-color:var(--edge-hairline);box-shadow:var(--lift-1)}.button--secondary:hover{--sheen-strength:13%;background-color:var(--surface-overlay);border-color:var(--edge-strong)}.button--ghost{color:var(--text-secondary);background:0 0}.button--ghost:hover{color:var(--text-primary);background:var(--hover-tint)}.button--danger{color:var(--state-danger);background-color:color-mix(in oklab, var(--state-danger) 12%, transparent);border-color:color-mix(in oklab, var(--state-danger) 30%, transparent)}.button--danger:hover{--emboss-shade:color-mix(in oklab, var(--state-danger) 40%, #000);--text-emboss:0 -1px 0 var(--emboss-shade);color:#fff;background-color:var(--state-danger);background-image:var(--control-sheen);border-color:var(--state-danger)}.button--small{--button-padding-block:7px;--button-padding-inline:12px;font-size:var(--text-sm);border-radius:var(--radius-chip)}.button--icon{border-radius:var(--radius-chip);padding:9px}.actions{gap:var(--space-2);justify-content:flex-end;align-items:center;display:flex}.actions__aside{margin-inline-end:auto}@media (width<720px){.actions{flex-direction:column;align-items:stretch}.actions .button{width:100%}}.shortcut{font-family:var(--font-mono);font-size:var(--text-shortcut);line-height:var(--leading-snug);color:var(--text-faint);border:1px solid var(--edge-hairline);background:#ffffff0d;border-radius:5px;flex:none;padding:3px 6px 1px 8px}.field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.field--inline{gap:var(--space-3);flex-direction:row;justify-content:space-between;align-items:center}.field__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.field__hint{font-size:var(--text-sm);color:var(--text-faint);text-wrap:pretty}.input{width:100%;min-width:0;height:var(--input-height,auto);padding:var(--input-padding,10px 13px);font:inherit;font-size:var(--text-base);color:var(--text-primary);background:var(--surface-sunken);border:1px solid var(--edge-hairline);border-radius:var(--radius-control);transition:border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease)}.input::placeholder{color:var(--text-faint)}.input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.input--area{height:auto;min-height:74px;line-height:var(--leading-normal);white-space:pre-wrap}.select{display:block;position:relative}.select .input{cursor:pointer;appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding-block:0;padding-inline-end:calc(var(--space-3) + 22px)}.select:after{content:"";border-inline-end:1.5px solid var(--text-faint);border-block-end:1.5px solid var(--text-faint);pointer-events:none;width:7px;height:7px;position:absolute;inset-block-start:50%;inset-inline-end:15px;transform:translateY(-70%)rotate(45deg)}.switch{cursor:pointer;background:var(--surface-sunken);border:1px solid var(--edge-hairline);border-radius:var(--radius-pill);width:40px;height:23px;transition:background-color var(--duration) var(--ease);flex:none;padding:2px;display:inline-flex;position:relative}.switch:after{content:"";background:var(--ink-400);width:17px;height:17px;transition:transform var(--duration) var(--ease), background-color var(--duration) var(--ease);border-radius:50%}.switch[data-on]{background:var(--accent-500);border-color:var(--accent-600)}.switch[data-on]:after{background:var(--ink-100);transform:translate(17px)}.segmented{background:var(--surface-sunken);border:1px solid var(--edge-hairline);border-radius:var(--radius-control);padding:2px;display:flex;position:relative}.segmented:before{width:calc((100% - 4px) / var(--segment-count,1));content:"";background:var(--accent-tint);border:1px solid var(--accent-line);border-radius:var(--radius-chip);transform:translateX(calc(var(--segment-index,0) * 100%));transition:transform var(--duration) var(--ease);position:absolute;inset-block:2px;inset-inline-start:2px}.segmented button{z-index:1;min-width:0;font:inherit;font-size:var(--text-sm);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:var(--radius-chip);transition:color var(--duration) var(--ease);background:0 0;border:0;flex:1;padding:6px 10px;position:relative;overflow:hidden}.segmented button:hover{color:var(--text-primary)}.segmented button[aria-pressed=true]{color:var(--text-accent)}.row{gap:var(--row-gap,var(--space-3));width:100%;min-width:0;padding:var(--row-padding,var(--space-3));font:inherit;color:var(--text-secondary);text-align:start;border-radius:var(--row-radius,var(--card-inner-radius));background:0 0;border:1px solid #0000;align-items:center;text-decoration:none;display:flex}.row--bare{border:0;border-radius:0;padding:0}.row--interactive{cursor:pointer;transition:color var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease)}.row--interactive:hover{color:var(--text-primary);background:var(--hover-tint)}.row[data-current]{color:var(--text-accent);background:var(--accent-tint)}.row[data-current]:hover{background:var(--accent-tint-strong)}.row[data-active]{color:var(--text-primary);background:var(--accent-tint);border-color:var(--accent-line)}.row__lead{font-size:var(--row-icon-size,17px);color:inherit;flex:none;align-items:center;display:flex}.row__tile{width:var(--control-height,34px);height:var(--control-height,34px);color:var(--text-accent);background:var(--surface-sunken);border:1px solid var(--edge-hairline);border-radius:var(--radius-chip);place-items:center;display:grid;overflow:hidden}.row__tile img{object-fit:cover;width:100%;height:100%}.row__grip{color:var(--text-faint);cursor:grab}.row__text{min-width:0;line-height:var(--leading-snug);flex-direction:column;flex:1;display:flex}.row__title,.row__note{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row__title{font-size:var(--row-title-size,var(--text-base));font-weight:var(--weight-medium);color:inherit}.row__note{font-size:var(--text-xs);color:var(--text-faint)}.row__meta{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-faint);flex:none}.row__actions{flex:none;margin-inline-start:auto}.row-list{gap:var(--row-list-gap,1px);flex-direction:column;display:flex}.row-list--divided>.row+.row{border-block-start:1px solid var(--edge-hairline);border-radius:0}.section{gap:var(--section-heading-gap,var(--space-5));flex-direction:column;display:flex}.section--page{padding-block:var(--section-gap)}.section--page+.section--page{padding-block-start:0}.section__title{gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;display:flex}.section__start{gap:var(--space-2);align-items:center;min-width:0;display:flex}.section__heading{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.section__name{font-family:var(--font-display);font-size:var(--section-name-size,var(--text-2xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);color:var(--text-primary);text-shadow:var(--text-emboss);text-wrap:balance}.section__title--lead .section__name{font-size:var(--text-3xl)}.section__body--grid{grid-template-columns:repeat(auto-fill, minmax(var(--section-grid-min,272px), 1fr));gap:var(--gap);display:grid}.section__body--stack{gap:var(--gap);flex-direction:column;display:flex}.card{background:var(--surface-raised);border:1px solid var(--edge-hairline);border-radius:var(--card-radius);box-shadow:var(--lift-1);flex-direction:column;display:flex;position:relative}.card__media{margin:var(--card-media-inset);aspect-ratio:16/10;background:var(--surface-sunken);border-radius:var(--card-media-radius);position:relative;overflow:hidden}.card__media img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease);transform:scale(1.01)}.card--interactive{color:inherit;cursor:pointer;transition:transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease), border-color var(--duration) var(--ease);text-decoration:none}.card--interactive:hover{border-color:var(--edge-strong);box-shadow:var(--lift-3);transform:translateY(-3px)}.card--interactive:active{transition-duration:var(--duration-instant);transform:translateY(-1px)}.card--interactive:hover .card__media img{transform:scale(1.045)}.card__caption{padding:var(--card-padding);font-size:var(--text-sm);color:var(--text-faint);text-align:center;text-wrap:pretty}.card__header{gap:var(--space-3);padding:var(--card-padding);border-block-end:1px solid var(--edge-hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.card__heading{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.card__title{gap:var(--space-3);min-width:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-display);color:var(--text-primary);text-shadow:var(--text-emboss);align-items:center;display:flex}.card__meta{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--text-muted);text-shadow:none;background:var(--surface-sunken);border:1px solid var(--edge-hairline);border-radius:var(--radius-chip);padding:2px 8px}.card__body{padding:var(--card-padding);flex:1}.card__body--stack{gap:var(--space-5);flex-direction:column;display:flex}.card__footer{gap:var(--space-3);padding:var(--card-padding);border-block-start:1px solid var(--edge-hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.card__footer .actions{margin-inline-start:auto}.card__note{max-width:52ch;font-size:var(--text-sm);color:var(--text-faint);text-wrap:pretty}.card-overlay{z-index:300;padding:var(--page-gutter);visibility:hidden;background:var(--scrim-strong);opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity var(--duration) var(--ease), visibility 0s linear var(--duration);place-items:center;display:grid;position:fixed;inset:0}.card-overlay[data-open]{visibility:visible;opacity:1;transition-delay:0s}.card-overlay>.card{width:min(520px,100%);max-height:calc(100dvh - 2 * var(--page-gutter));background:var(--surface-floating);border-color:var(--edge-strong);box-shadow:var(--lift-4);transform:translateY(var(--travel)) scale(.98);transition:transform var(--duration-slow) var(--ease);overflow:auto}.card-overlay[data-open]>.card{transform:none}.choice{background:var(--surface-sunken);border:1px solid var(--edge-hairline);border-radius:var(--radius-control);flex-direction:column;gap:2px;padding:3px;display:flex}.choice__option{gap:var(--space-3);width:100%;padding:var(--space-3);font:inherit;color:var(--text-secondary);text-align:start;cursor:pointer;border-radius:var(--card-inner-radius);transition:color var(--duration) var(--ease), background-color var(--duration) var(--ease), border-color var(--duration) var(--ease);background:0 0;border:1px solid #0000;align-items:center;display:flex}.choice__option:hover{background:var(--hover-tint)}.choice__option[aria-checked=true]{color:var(--text-primary);background:color-mix(in oklab, var(--choice-tone) 16%, transparent);border-color:color-mix(in oklab, var(--choice-tone) 34%, transparent)}.choice__option[data-tone=success]{--choice-tone:var(--state-success)}.choice__option[data-tone=warning]{--choice-tone:var(--state-warning)}.choice__option[data-tone=info]{--choice-tone:var(--state-info)}.choice__option[data-tone=accent]{--choice-tone:var(--accent-400)}.choice__option[data-tone=danger]{--choice-tone:var(--state-danger)}.choice__mark{background:var(--choice-tone,var(--text-faint));opacity:.72;width:10px;height:10px;transition:opacity var(--duration) var(--ease), box-shadow var(--duration) var(--ease);border-radius:50%;flex:none}.choice__option[aria-checked=true] .choice__mark{opacity:1;box-shadow:0 0 0 3px color-mix(in oklab, var(--choice-tone) 22%, transparent)}.choice__text{flex-direction:column;min-width:0;display:flex}.choice__label,.choice__note{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.choice__label{font-size:var(--text-base)}.choice__note{font-size:var(--text-xs);color:var(--text-faint)}.editor{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.editor__main{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.editor__panel{top:var(--space-6);position:sticky}.editor__toolbar{padding:var(--space-2);background:var(--surface-sunken);border:1px solid var(--edge-hairline);border-radius:var(--radius-control);flex-wrap:wrap;align-items:center;gap:2px;display:flex}.editor__divider{width:1px;height:18px;margin-inline:var(--space-2);background:var(--edge-hairline)}.editor__tool{min-width:var(--control-height);height:var(--control-height);padding-block:2px 0;padding-inline:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-chip);transition:color var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease);background:0 0;border:0;place-items:center;display:grid}.editor__tool:hover{color:var(--text-primary);background:var(--hover-tint)}.editor__tool--text{padding-inline:var(--space-3)}.editor__surface{min-height:340px;padding:var(--space-5);font-family:var(--font-mono);font-feature-settings:var(--mono-ligatures);font-size:var(--text-code);color:var(--text-secondary);white-space:pre-wrap;background:var(--surface-sunken);border:1px solid var(--edge-hairline);border-radius:var(--radius-control);line-height:1.7;overflow-x:auto}.editor__surface .md{color:var(--md-heading)}.editor__surface .sc{color:var(--md-shortcode-brace)}.editor__surface .sc-name{color:var(--md-shortcode-token)}.editor__surface .sc-attr{color:var(--md-shortcode-attribute)}.editor__surface .sc-str{color:var(--md-shortcode-string)}@media (width<1100px){.editor{grid-template-columns:minmax(0,1fr)}.editor__panel{position:static}}.sidebar{--section-heading-gap:var(--space-2);--section-name-size:var(--text-sm);--row-padding:var(--space-2) var(--space-3);--row-radius:var(--radius-control);--row-title-size:var(--sidebar-text);--row-icon-size:var(--sidebar-icon);--row-gap:var(--space-3);gap:var(--space-5);min-width:0;padding:var(--space-4);background:var(--surface-sunken);border-inline-end:1px solid var(--edge-hairline);flex-direction:column;display:flex;position:relative}.sidebar .section__name{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-faint);text-shadow:none}.sidebar .section__title{padding-inline:var(--space-3)}.sidebar__body .row{height:var(--control-height);padding-block:0}.sidebar__footer{--row-padding:var(--space-3)}.sidebar__header{padding-block:var(--space-3) var(--space-1);place-items:center;display:grid}.sidebar__body{gap:var(--space-6);overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.sidebar__footer{border-block-start:1px solid var(--edge-hairline);padding-block-start:var(--space-4)}.sidebar__handle{z-index:5;cursor:col-resize;touch-action:none;width:7px;position:absolute;inset-block:0;inset-inline-end:-3px}.sidebar__handle:after{content:"";background:var(--text-accent);opacity:0;width:1px;transition:opacity var(--duration-fast) var(--ease);position:absolute;inset-block:0;inset-inline-start:3px}.sidebar__handle:hover:after,[data-resizing] .sidebar__handle:after{opacity:1}.sidebar .section{transition:transform var(--duration) var(--ease)}[data-resizing]{-webkit-user-select:none;user-select:none;cursor:col-resize}[data-reordering]{-webkit-user-select:none;user-select:none;cursor:grabbing}.sidebar .section[data-dragging]{z-index:10;background:var(--surface-floating);border-radius:var(--radius-control);box-shadow:var(--lift-4);transition:none;position:relative}.sidebar .section[data-dragging] .section__name{color:var(--text-accent)}.section__grip{opacity:0;transition:opacity var(--duration-fast) var(--ease);font-size:14px;position:absolute;inset-inline-start:-4px}.sidebar .section__title[data-section-handle]{cursor:grab;touch-action:none;position:relative}.sidebar .section__title:hover .section__grip,.sidebar .section[data-dragging] .section__grip{opacity:1}.drop-slot{inset-inline:var(--space-4);z-index:0;visibility:hidden;background:var(--accent-tint);border:1px dashed var(--accent-line);border-radius:var(--radius-control);opacity:0;transition:transform var(--duration) var(--ease), opacity var(--duration-fast) var(--ease), visibility 0s linear var(--duration-fast);pointer-events:none;position:absolute;top:0}.drop-slot[data-visible]{visibility:visible;opacity:1;transition-delay:0s}.brand-mark{width:var(--brand-size,18px);height:var(--brand-size,18px);-webkit-mask:var(--brand) center / contain no-repeat;mask:var(--brand) center / contain no-repeat;background:currentColor;display:block}.brand-mark[data-brand=mastodon]{--brand:url(/brands/mastodon.svg)}.brand-mark[data-brand=github]{--brand:url(/brands/github.svg)}.brand-mark[data-brand=youtube]{--brand:url(/brands/youtube.svg)}.brand-mark[data-brand=instagram]{--brand:url(/brands/instagram.svg)}.brand-mark[data-brand=xing]{--brand:url(/brands/xing.svg)}.workbench{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);height:100dvh;min-height:100dvh;font-size:var(--text-body);line-height:var(--leading-normal);flex:1;display:grid}.workbench__main{gap:var(--space-6);min-width:0;padding:var(--space-6);flex-direction:column;display:flex;overflow:auto}.workbench>.sidebar{min-height:0}.sidebar nav{gap:var(--space-6);flex-direction:column;display:flex}.dashboard-sidebar__separator{cursor:default;touch-action:auto}.dashboard-sidebar__separator:after,.dashboard-sidebar__separator:hover:after{opacity:0}.unfinished{color:var(--text-muted)}.dashboard-error{padding:var(--space-3);color:var(--state-danger);background:var(--surface-raised);border:1px solid var(--edge-hairline);border-radius:var(--radius-control);margin:0}.dashboard-error__id{font-size:var(--text-xs);color:var(--text-muted);margin-block-start:var(--space-1);display:block}.login-page{align-content:center;place-items:center;gap:var(--space-6);padding:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.login-card{width:min(420px,100%)}.login-form{gap:var(--space-5);flex-direction:column;display:flex}dialog.account-dialog{border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0}dialog.account-dialog::backdrop{background:0 0}.account-dialog.card-overlay>.card{width:min(520px,100%)}.account{gap:var(--space-6);align-items:flex-start;display:flex}.account__portrait{gap:var(--space-3);flex-direction:column;flex:none;align-items:center;display:flex}.account__avatar{object-fit:cover;width:132px;height:132px;color:var(--text-faint);border:1px solid var(--edge-hairline);border-radius:var(--radius-pill);place-items:center;font-size:72px;display:grid}.account__fields{gap:var(--space-5);flex-direction:column;flex:1;min-width:0;display:flex}.badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--badge-colour,var(--text-muted));background:color-mix(in oklab, var(--badge-colour,var(--ink-500)) 14%, transparent);border:1px solid color-mix(in oklab, var(--badge-colour,var(--ink-500)) 30%, transparent);border-radius:var(--radius-chip);align-items:center;gap:6px;padding:5px 9px 3px 7px;line-height:1;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.badge[data-status=public]{--badge-colour:var(--state-success)}.account__fields .badge{align-self:flex-start}.dashboard-avatar{object-fit:cover;border-radius:var(--radius-pill);width:100%;height:100%}.media-picker__search{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.media-picker__grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin-block-start:var(--space-5);display:grid}.media-picker__item{gap:var(--space-2);min-width:0;padding:var(--space-2);color:var(--text-secondary);background:var(--surface-raised);border:1px solid var(--edge-hairline);border-radius:var(--radius-control);cursor:pointer;display:grid}.media-picker__item img{aspect-ratio:1;object-fit:cover;border-radius:var(--card-inner-radius);width:100%}.media-picker__item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<1100px){.workbench{grid-template-columns:minmax(0,1fr);height:auto}.workbench .sidebar{border-inline-end:0;border-block-end:1px solid var(--edge-hairline);flex-flow:wrap}.workbench .sidebar__body{flex-basis:100%;overflow:visible}.workbench .sidebar__header,.workbench .sidebar__footer{flex-basis:100%}.dashboard-sidebar__separator{display:none}.account{flex-direction:column;align-items:stretch}.account__portrait{align-self:center}.media-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}