.lib-hero{isolation:isolate;min-height:88svh;padding:calc(var(--nav-h) + 48px) var(--gutter) 48px;background:var(--canvas);align-content:center;display:grid;position:relative;overflow:clip}.lib-hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(24px,5vw,80px);display:grid}.lib-hero-text{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.lib-hero-figure{justify-items:center;gap:14px;display:grid}.lib-hero-well{justify-content:center;align-items:flex-end;width:100%;max-width:440px;height:clamp(260px,48vh,460px);padding:12px 0 0;display:flex}.lib-hero-well .fig{width:calc(clamp(260px,48vh,460px)/1.28205);transition:opacity .32s var(--ease-out), filter .32s var(--ease-out)}.lib-hero-well.is-swapping .fig{opacity:0;filter:blur(6px)}.lib-hero-caption{text-align:center;gap:2px;display:grid}.lib-hero-caption b{letter-spacing:-.01em;font-size:20px;font-weight:600}.lib-hero-caption span{font-size:15px}@media (width<=900px){.lib-hero-grid{grid-template-columns:1fr}.lib-hero-well{height:clamp(220px,36vh,320px)}.lib-hero-well .fig{width:calc(clamp(220px,36vh,320px)/1.28205)}}.lib-browse{background:var(--surface);padding-bottom:64px}.lib-toolbar{top:var(--nav-h);z-index:60;-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);border-bottom:1px solid var(--hairline);background:#ffffffdb;position:sticky}.lib-toolbar-inner{grid-template-columns:minmax(240px,360px) 1fr auto;align-items:center;gap:12px 24px;padding-top:12px;padding-bottom:12px;display:grid}.search{align-items:center;display:flex;position:relative}.search svg{width:18px;height:18px;color:var(--muted);pointer-events:none;position:absolute;left:14px}.search input{background:var(--surface-soft);width:100%;height:44px;font:inherit;color:var(--ink);transition:box-shadow var(--d-ui) var(--ease-out), border-color var(--d-ui) var(--ease-out);appearance:none;border:1px solid #0000;border-radius:14px;outline:none;padding:0 76px 0 42px;font-size:16px}.search input::-webkit-search-cancel-button{display:none}.search input:focus-visible{border-color:var(--orange);box-shadow:0 0 0 4px var(--orange-tint)}.search kbd{font:500 12px/1 var(--font);color:var(--muted);border:1px solid var(--hairline-2);background:var(--surface);border-radius:6px;padding:4px 7px;position:absolute;right:12px}.search input:focus~kbd{display:none}.search:has(input:not(:placeholder-shown)) kbd{display:none}.search-clear{cursor:pointer;width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;right:4px}.search-clear svg{width:14px;height:14px;color:inherit;position:static}.filter-groups{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.filter-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-right:2px;font-size:12px;font-weight:600}.lib-status{white-space:nowrap;color:var(--muted);align-items:center;gap:14px;display:inline-flex}.lib-status b{color:var(--ink);font-weight:600}@media (width<=1023px){.lib-toolbar-inner{grid-template-columns:1fr auto}.filter-groups{grid-column:1/-1}}@media (width<=767px){.lib-toolbar-inner{grid-template-columns:1fr;gap:8px}.filter-groups{scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:2px var(--gutter);flex-wrap:nowrap;overflow-x:auto}.filter-groups::-webkit-scrollbar{display:none}.filter-group{flex-wrap:nowrap}.search kbd{display:none}.lib-status{justify-content:space-between}}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding-top:24px;display:grid}.lib-card{background:var(--canvas);border:1px solid var(--hairline);transition:transform var(--d-ui) var(--ease-out), border-color var(--d-ui) var(--ease-out);border-radius:22px;position:relative}.lib-card-btn{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;border-radius:22px;gap:10px;padding:12px;display:grid}.lib-card .fig-well{justify-content:center;align-items:flex-end;height:160px;padding:8px 0 0;display:flex}.lib-card .fig{width:124px}.lib-card .nm{font-size:16px;font-weight:600;line-height:1.25;display:block}.lib-card .cue{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 8px;font-size:13px;display:block;overflow:hidden}.lib-card .level{justify-self:start}.lib-card-meta{min-width:0;padding:0 4px 2px}.lib-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 0;display:none}.lib-empty:not([hidden]){display:flex}.lib-empty-fig{justify-content:center;align-items:flex-end;width:200px;height:220px;display:flex}.lib-empty-fig .fig{width:160px}.lib-more{justify-content:center;padding:28px 0 8px;display:flex}.lib-credit{text-align:center;margin-top:24px}.lib-sheet{width:min(94vw,960px)}.lib-sheet-body{grid-template-columns:minmax(280px,420px) 1fr;gap:28px;padding:28px;display:grid}.lib-sheet-figure{align-content:start;gap:14px;display:grid}.lib-sheet-well{justify-content:center;align-items:flex-end;height:clamp(260px,40vh,380px);padding:12px 0 0;display:flex}.lib-sheet-well .fig{width:calc(clamp(260px,40vh,380px)/1.28205)}.lib-sheet-text{align-content:start;gap:12px;display:grid}.lib-sheet-text .level{justify-self:start}.lib-sheet-cue{color:var(--ink-2);font-size:18px;font-weight:500}.lib-meta{gap:10px;margin-top:4px;display:grid}.lib-meta div{grid-template-columns:140px 1fr;align-items:baseline;gap:12px;font-size:14px;display:grid}.lib-meta dt{color:var(--muted);font-weight:500}.lib-meta dd{color:var(--ink);margin:0}.lib-meta .chips{flex-wrap:wrap;gap:6px;display:flex}.lib-meta .chips span{background:var(--surface-soft);border-radius:999px;padding:3px 10px;font-size:13px}.lib-sheet-nav{gap:8px;margin-top:8px;display:flex}.lib-sheet-nav .btn{gap:6px}@media (width<=767px){.lib-sheet-body{padding:12px 18px max(28px, env(safe-area-inset-bottom));grid-template-columns:1fr;gap:16px}.lib-sheet-well{height:240px}.lib-sheet-well .fig{width:180px}.lib-meta div{grid-template-columns:1fr;gap:2px}}@media (hover:hover) and (pointer:fine){.lib-card:hover{border-color:var(--hairline-2);transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.lib-hero-well .fig{transition:none}}
