.lb{--lb-bg:#0d1110;--lb-ink:#f2f4f3;--lb-ink-2:#c9d0cc;background:var(--lb-bg);width:100%;max-width:100%;height:100%;max-height:100%;color:var(--lb-ink);overscroll-behavior:contain;border:0;margin:0;padding:0;position:fixed;inset:0}.lb[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.lb::backdrop{background:#0d1110f0}.lb-bar{padding:max(12px, env(safe-area-inset-top)) 16px 8px;justify-content:flex-end;display:flex}.lb-fig{grid-template-rows:minmax(0,1fr) auto;min-height:0;margin:0;display:grid}.lb-stage{touch-action:pan-y pinch-zoom;min-height:0;position:relative}.lb-img{-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.lb-cap{text-align:center;max-width:65ch;color:var(--lb-ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:12px auto 0;padding:0 16px;font-size:15px;line-height:1.45;display:-webkit-box;overflow:hidden}.lb-nav{padding:12px 16px max(12px, env(safe-area-inset-bottom));grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.lb-nav>:first-child{justify-self:start}.lb-next{grid-column:3;justify-self:end}.lb-count{color:var(--lb-ink);grid-column:2;margin:0;font-size:15px;font-weight:600}.lb-btn{min-width:44px;min-height:44px;color:var(--lb-ink);cursor:pointer;background:#f2f4f314;border:1px solid #f2f4f352;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.lb-btn:hover{background:#f2f4f329}.lb-btn:focus-visible{outline:2px solid var(--lb-ink);outline-offset:2px}@keyframes lb-in{0%{opacity:0;transform:scale(.98)}}@keyframes lb-fade{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){.lb[open]{animation:lb-in .18s var(--ease-out)}.lb[open]::backdrop{animation:lb-fade .18s var(--ease-out)}.lb-cur{opacity:0;transition:opacity .18s var(--ease-out)}.lb-cur[data-ready]{opacity:1}}