.boards{gap:var(--space-10);padding-block:var(--space-10) var(--space-16);display:grid}.boards__head{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.boards__title{font-size:var(--text-xl);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight)}.boards__section{gap:var(--space-4);display:grid}.boards__section[hidden],.board-page [hidden]{display:none}.boards__heading{font-size:var(--text-lg);font-weight:var(--weight-bold)}.boards__empty{color:var(--color-ash);font-size:var(--text-base)}.board-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));padding:0;list-style:none;display:grid}.board-tile{gap:var(--space-1);height:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-block);background:var(--color-mist);color:var(--color-ink);text-decoration:none;display:grid}.board-tile:hover{background:var(--color-line)}.board-tile__title{font-size:var(--text-md);font-weight:var(--weight-bold)}.board-tile__meta{color:var(--color-ash);font-size:var(--text-sm)}.board-page{gap:var(--space-6);padding-block:var(--space-10) var(--space-16);display:grid}.board-page__head{gap:var(--space-3);max-width:48rem;display:grid}.board-page__title{font-size:var(--text-display);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.board-page__description{font-size:var(--text-md);line-height:var(--leading-normal)}.board-page__meta{color:var(--color-ash);font-size:var(--text-sm)}.board-page__note{padding:var(--space-3) var(--space-4);border-radius:var(--radius-block);background:var(--color-mist);font-size:var(--text-base)}.board-page__panel{gap:var(--space-6);max-width:40rem;padding:var(--space-6);border-radius:var(--radius-block);background:var(--color-mist);display:grid}.board-page__panel .field__input{background:var(--color-canvas)}.board-page__subheading{font-size:var(--text-md);font-weight:var(--weight-bold)}.board-rows{gap:var(--space-2);padding:0;list-style:none;display:grid}.board-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:2.75rem;font-size:var(--text-base);flex-wrap:wrap;display:flex}.board-row__meta{color:var(--color-ash);font-size:var(--text-sm)}.board-invite-link{overflow-wrap:anywhere;font-size:var(--text-sm)}.board-item{gap:var(--space-2);display:grid}.board-item__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.board-form{gap:var(--space-5);display:grid}.board-form fieldset{border:0;min-width:0;margin:0;padding:0}.board-form__choices{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.board-form__choice{align-items:center;gap:var(--space-2);min-height:2.75rem;font-size:var(--text-base);display:inline-flex}.board-form__choice input{width:1.25rem;height:1.25rem;accent-color:var(--color-ink)}.board-form__choice:has(input:disabled){color:var(--color-ash)}.board-form__place{align-items:center;gap:var(--space-3);font-size:var(--text-base);font-weight:var(--weight-semibold);flex-wrap:wrap;display:flex}.board-dialog{width:min(32rem, calc(100vw - 2 * var(--page-gutter)));max-height:calc(100dvh - 2 * var(--space-6));padding:var(--space-6);border-radius:var(--radius-block);background:var(--color-surface-raised);color:var(--color-ink);border:0;margin:auto}.board-dialog::backdrop{background:var(--color-scrim)}.board-dialog__body{gap:var(--space-5);display:grid}.board-dialog__title{font-size:var(--text-lg);font-weight:var(--weight-bold)}.board-choice-list{gap:var(--space-1);max-height:50dvh;padding:0;list-style:none;display:grid;overflow-y:auto}.board-choice{align-items:center;gap:var(--space-3);width:100%;min-height:3rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-block);color:var(--color-ink);font:inherit;font-size:var(--text-base);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.board-choice:hover{background:var(--color-mist)}.board-choice__check{border:var(--border-button) solid var(--color-ink);border-radius:var(--radius-pill);flex:none;place-items:center;width:1.5rem;height:1.5rem;display:inline-grid}.board-choice[aria-checked=true] .board-choice__check{border-color:var(--color-accent-fill);background:var(--color-accent-fill);color:var(--color-on-accent)}.board-choice[aria-busy=true]{opacity:.6}.saved-toast .saved-toast__change,.saved-in__change{color:inherit;font:inherit;font-weight:var(--weight-semibold);cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:underline}.saved-in{color:var(--color-ink-soft);font-size:var(--text-sm)}.saved-in a{color:var(--color-accent);font-weight:var(--weight-semibold)}.saved-in[hidden],.board-form [hidden],.board-dialog [hidden]{display:none}.board-page__media:not([hidden]){max-width:48rem}.board-page__media .board-media{aspect-ratio:2}.board-cover__choose{cursor:pointer}.board-cover__choose:focus-within{outline:2px solid var(--color-ink);outline-offset:2px}.board-qr{width:min(16rem,100%);margin-inline:auto}.board-qr svg{width:100%;height:auto;display:block}.board-qr__url{color:var(--color-ash);font-size:var(--text-sm);overflow-wrap:anywhere;text-align:center}