.library{max-width:640px;padding:120px max(20px, env(safe-area-inset-right,0px)) 120px max(20px, env(safe-area-inset-left,0px));color:#c9d3d0;font:17px/1.65 var(--body);margin:0 auto}.library h1{font:600 40px/1.1 var(--body);letter-spacing:-.03em;color:var(--fg);margin:0 0 24px}.library>p{text-wrap:pretty;margin:0 0 44px}.library a{color:var(--fg);text-underline-offset:3px;-webkit-text-decoration:underline #eef3f159;text-decoration:underline #eef3f159;text-decoration-thickness:1px;transition:text-decoration-color .2s}.library a:hover{-webkit-text-decoration-color:var(--warm);text-decoration-color:var(--warm)}.wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;display:grid}.wt{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-content:start;gap:10px;padding:0;transition:opacity .3s;display:grid}.wt img{aspect-ratio:2/3;border-radius:2px 4px 4px 2px;width:100%;height:auto;transition:translate .45s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 14px 30px #00000080}.wt[aria-expanded=true] img{translate:0 -6px}@media (hover:hover) and (pointer:fine){.wt:hover img{translate:0 -6px}}.wt b{color:var(--fg);font-size:14px;font-weight:500;line-height:1.3;display:block}.wt span span{color:var(--muted);font-size:13px;line-height:1.4;display:block}.wt:focus-visible{outline:1.5px solid var(--fg);outline-offset:6px;border-radius:4px}.wall[data-open] .wt:not([aria-expanded=true]){opacity:.4}@media (hover:hover) and (pointer:fine){.wall:hover .wt:not(:hover):not([aria-expanded=true]){opacity:.4}}.wd{background:#121615;border-radius:12px;grid-column:1/-1;padding:20px 22px;scroll-margin:96px 0 120px;animation:.45s cubic-bezier(.22,1,.36,1) wd-in;position:relative;box-shadow:inset 0 0 0 1px #ffffff17}.wd p{text-wrap:pretty;margin:0 0 10px}.wd p b{color:var(--fg);font-weight:500}.wd .by{color:var(--muted)}.wd:before{content:"";top:-7px;left:calc(var(--x,12%) - 6px);background:#121615;width:12px;height:12px;position:absolute;rotate:45deg;box-shadow:-1px -1px #ffffff17}@keyframes wd-in{0%{opacity:0;translate:0 8px}}@media (prefers-reduced-motion:reduce){.wd{animation:none}.wt img{transition:none}}@media (max-width:520px){.library{padding-top:96px;font-size:16px}.library h1{font-size:34px}.wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.wt b{font-size:13px}.wt span span{display:none}}.shelf-feat{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#0f1312;border:0;border-radius:16px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;margin-bottom:26px;padding:14px;transition:transform .2s;display:grid;box-shadow:inset 0 0 0 1px #ffffff17}.shelf-feat img{border-radius:2px 4px 4px 2px;width:112px;height:auto;box-shadow:0 12px 26px #00000080}.shelf-feat small{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--warm);display:block}.shelf-feat b{color:var(--fg);margin:8px 0 2px;font-size:18px;font-weight:600;line-height:1.25;display:block}.shelf-feat span span{color:var(--muted);font-size:14px}.shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px;display:grid}.shelf-bk{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-content:start;gap:8px;padding:0;transition:transform .2s;display:grid}.shelf-bk img{aspect-ratio:2/3;border-radius:2px 4px 4px 2px;width:100%;height:auto;box-shadow:0 12px 24px #00000080}.shelf-bk b{color:var(--fg);font-size:13px;font-weight:500;line-height:1.3}.shelf-bk span{color:var(--muted);margin-top:-6px;font-size:12px;line-height:1.35}.shelf-feat:active,.shelf-bk:active{transform:scale(.97)}.shelf-feat:focus-visible,.shelf-bk:focus-visible{outline:1.5px solid var(--fg);outline-offset:4px;border-radius:6px}.shelf-head{grid-template-columns:96px minmax(0,1fr);align-items:end;gap:16px;margin-top:6px;display:grid}.shelf-head img{border-radius:2px 4px 4px 2px;width:96px;height:auto;box-shadow:0 12px 26px #00000080}.shelf-head .sheet-sub{margin:0}