.board-area.svelte-kto75m{container-type:inline-size}.notice.svelte-kto75m{margin-bottom:var(--m);color:var(--danger-text);font-size:.9375rem}.notice.svelte-kto75m:empty{display:none}.board.svelte-kto75m{gap:var(--s);margin:0;padding:0;list-style:none;display:grid}.card.svelte-kto75m{align-items:center;gap:var(--m);padding:var(--s) var(--s) var(--s) var(--xs);-webkit-user-select:none;user-select:none;transition:box-shadow var(--snappy), transform var(--snappy);grid-template-columns:auto 44px minmax(0,1fr) auto auto;grid-template-areas:"remove picture about controls grip";display:grid;position:relative}.card.dragging.svelte-kto75m{z-index:2;box-shadow:var(--lift);transform:scale(1.02)}.number.svelte-kto75m{display:none}.picture.svelte-kto75m{grid-area:picture;display:grid}.picture.svelte-kto75m .thumbnail{width:44px!important}.image.svelte-kto75m{aspect-ratio:1/1.414;border-radius:var(--thumbnail-radius);background:var(--background);border:1px solid color-mix(in srgb, var(--separator) 55%, transparent);width:44px;display:block;overflow:hidden}.about.svelte-kto75m{grid-area:about;gap:2px;min-width:0;display:grid}.name.svelte-kto75m{overflow-wrap:anywhere}.link.svelte-kto75m{color:var(--accent-text);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:.875rem;text-decoration:underline}.remove.svelte-kto75m{color:var(--danger-text);grid-area:remove}.grip.svelte-kto75m{width:var(--touch);height:var(--touch);color:var(--separator);cursor:grab;touch-action:none;grid-area:grip;place-items:center;display:grid}.controls.svelte-kto75m{grid-area:controls;display:flex}.controls.svelte-kto75m:not(:focus-within){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.add.svelte-kto75m button:where(.svelte-kto75m){justify-content:center;align-items:center;gap:var(--s);border:2px dashed color-mix(in srgb, var(--separator) 70%, transparent);border-radius:var(--card-radius);width:100%;min-height:60px;color:var(--accent-text);cursor:pointer;background:0 0;font-weight:600;display:flex}.add.svelte-kto75m button:where(.svelte-kto75m):hover:not(:disabled){background:var(--accent-wash);border-color:var(--accent)}@container (width>=560px){.board.svelte-kto75m{gap:var(--l);grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.card.svelte-kto75m{align-content:start;justify-items:center;gap:var(--m);padding:var(--l) var(--m) var(--m);text-align:center;cursor:grab;grid-template-columns:1fr;grid-template-areas:"picture""about"}.card.dragging.svelte-kto75m{cursor:grabbing}.picture.svelte-kto75m .thumbnail{width:140px!important}.image.svelte-kto75m{width:140px}.number.svelte-kto75m{top:var(--s);left:var(--s);min-width:26px;height:26px;padding:0 var(--xs);background:var(--accent);color:var(--on-accent);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;font-size:.8125rem;font-weight:700;display:grid;position:absolute}.name.svelte-kto75m{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;display:-webkit-box;overflow:hidden}.link.svelte-kto75m{justify-self:center}.remove.svelte-kto75m{position:absolute;top:0;right:0}.grip.svelte-kto75m{display:none}.controls.svelte-kto75m,.controls.svelte-kto75m:not(:focus-within){clip-path:none;background:var(--surface);width:auto;height:auto;box-shadow:var(--lift);opacity:0;border-radius:999px;transition:opacity .12s;position:absolute;bottom:64px;left:50%;overflow:visible;transform:translate(-50%)}.card.svelte-kto75m:hover .controls:where(.svelte-kto75m),.card.svelte-kto75m:focus-within .controls:where(.svelte-kto75m){opacity:1}.remove.svelte-kto75m{opacity:.55}.card.svelte-kto75m:hover .remove:where(.svelte-kto75m),.card.svelte-kto75m:focus-within .remove:where(.svelte-kto75m){opacity:1}.add.svelte-kto75m button:where(.svelte-kto75m){flex-direction:column;height:100%;min-height:240px}@media (hover:none){.controls.svelte-kto75m,.controls.svelte-kto75m:not(:focus-within){opacity:1}}}