body{display:flex;flex-direction:column}.page{max-width:880px;margin:0 auto;width:100%;padding:5.75rem 1.5rem 4rem;flex:1;position:relative;z-index:1}.topbar{display:flex;align-items:baseline;justify-content:flex-end;margin:0 0 2rem;min-height:1.25rem}.status{color:var(--muted);font-style:italic;font-size:var(--text-prose);margin:0 0 .5rem}.note{color:var(--muted);font-style:italic;font-size:var(--text-chrome);margin:3rem 0 0;max-width:540px;opacity:.7;text-align:left}.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,240px);justify-content:center;gap:2.5rem 2rem}.tile{width:240px;--card-bg: var(--bg);--card-fg: var(--fg);--card-font: var(--font-grain);--card-substrate-invert: var(--invert-substrate, 0);animation:tile-drop .54s cubic-bezier(.34,1.45,.64,1) both;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes tile-drop{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.tile{animation:none}}.tile-link{display:block;text-decoration:none;color:var(--card-fg)}.tile-card{position:relative;width:240px;height:300px;overflow:hidden;padding:1.1rem 1.15rem;background:var(--card-bg);color:var(--card-fg);font-family:var(--card-font);border:1px solid color-mix(in oklab,var(--card-fg) 35%,transparent);border-radius:0;font-size:var(--text-prose);line-height:1.55;font-variation-settings:"wght" 400;transition:transform .22s ease,border-color .15s ease}.tile-card:before{content:"";position:absolute;inset:0;background-image:var(--substrate);background-size:320px 240px;background-repeat:repeat;opacity:.14;filter:invert(var(--card-substrate-invert, 0));pointer-events:none;z-index:0}.tile-card>*{position:relative;z-index:1}.tile-link:hover .tile-card{transform:translateY(-2px)}body.select-mode .tile.is-selected .tile-card{border-color:var(--card-fg)}.tile-caption{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-top:.75rem;color:var(--fg);font-family:var(--font-grain);font-style:italic;font-size:var(--text-chrome)}.tile-name{color:var(--fg)}.tile-meta{color:var(--muted)}.tile-forget{margin-top:.55rem;background:transparent;border:0;padding:.2rem 0;font-family:var(--font-grain);font-style:italic;font-size:var(--text-chrome);color:var(--muted);cursor:pointer;transition:color .15s ease}.tile-forget:hover{color:var(--fg)}.tile-missing-body{display:flex;flex-direction:column;gap:.5rem;justify-content:center;align-items:flex-start;font-style:italic;color:var(--muted);border:1px dashed color-mix(in oklab,var(--fg) 18%,transparent)}.you-marginalia{position:fixed;left:calc(50% + 440px);top:8.8rem;width:110px;font-family:var(--font-grain);font-style:italic;font-weight:var(--wght-body, 400);font-variation-settings:"wght" var(--wght-body, 400);font-size:var(--text-chrome);line-height:1.55;color:var(--muted);z-index:4;display:flex;flex-direction:column;gap:1rem;animation:ml-fade-in .22s ease-out both}.you-marginalia[hidden]{display:none}.you-marginalia .ml-section{margin:0}.you-marginalia .ml-section[hidden]{display:none}.you-marginalia .ml-line{margin:0}@keyframes ml-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.you-marginalia .ml-link{background:transparent;border:0;padding:0;margin:0;font:inherit;font-family:var(--font-grain);font-style:normal;font-weight:var(--wght-action, 480);font-variation-settings:"wght" var(--wght-action, 480);color:var(--fg);text-decoration:none;cursor:pointer;transition:color .14s ease}.you-marginalia .ml-link:hover,.you-marginalia .ml-link:focus-visible{color:var(--fg);text-decoration:underline;text-underline-offset:.16em;text-decoration-thickness:1px;outline:none}.you-marginalia .ml-link:disabled{cursor:wait;opacity:.6}.you-marginalia .bulk-delete.armed{color:#ff7a7a}@media(max-width:1140px){.you-marginalia{position:static;left:auto;top:auto;width:auto;margin:-1rem 0 1.5rem;flex-direction:row;justify-content:flex-end;align-items:baseline;gap:1.25rem;animation:none}.you-marginalia .ml-section{display:flex;gap:1.25rem;align-items:baseline}.you-marginalia .ml-line{display:inline}.you-marginalia .ml-section[hidden]{display:none}}@media(max-width:720px){.page{padding:3.5rem 1rem 4rem}.topbar{margin-bottom:2rem}.grid{grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:1.5rem}.tile{width:auto}.tile-card{width:100%;height:auto;aspect-ratio:4 / 5}}