.mp svg path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.mp-count{color:var(--ink-3);margin-bottom:14px;font-size:.88rem}.mp-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px 14px;margin:0;padding:0;list-style:none;display:grid}.mp-item{gap:10px;display:grid}.mp-thumb{cursor:zoom-in;aspect-ratio:4/5;background:var(--tint);box-shadow:var(--soft-shadow);transition:transform .4s var(--ease), box-shadow .3s ease;border:0;border-radius:20px;padding:0;display:block;overflow:hidden}.mp-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.mp-thumb:hover{box-shadow:var(--lift-shadow);transform:translateY(-3px)}.mp-thumb:hover img{transform:scale(1.04)}.mp-meta{justify-content:space-between;align-items:center;gap:10px;padding:0 2px;display:flex}.mp-meta>span{min-width:0;display:grid}.mp-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.mp-meta small{color:var(--ink-3);font-size:.8rem}.mp-dl{cursor:pointer;width:38px;height:38px;color:var(--ink);background:#fff;border:0;border-radius:50%;flex:none;place-items:center;transition:background-color .2s,color .2s;display:grid;box-shadow:inset 0 0 0 1px #17121a24}.mp-dl:hover:not(:disabled){background:var(--ink);color:#fff}.mp-ghost,.mp-skeleton span{aspect-ratio:4/5;background:linear-gradient(100deg, var(--tint) 30%, #fff 50%, var(--tint) 70%) 0 0 / 300% 100%;border-radius:20px;animation:1.4s linear infinite mp-shine}.mp-skeleton{list-style:none}@keyframes mp-shine{to{background-position:-150% 0}}.mp-empty{max-width:520px;box-shadow:inset 0 0 0 1px var(--hair);text-align:center;background:#fff;border-radius:28px;justify-items:center;gap:14px;margin:0 auto;padding:clamp(28px,5vw,48px);display:grid}.mp-empty p{color:var(--ink-2)}.mp-more{justify-content:center;margin-top:28px;display:flex}.mp-retry{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;margin-left:6px;font-weight:600;text-decoration:underline}.mp-btn{cursor:pointer;min-height:48px;font:600 .95rem var(--sans);white-space:nowrap;transition:transform .35s var(--ease), background-color .2s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;display:inline-flex}.mp-btn:hover:not(:disabled){transform:translateY(-2px)}.mp-btn:disabled{opacity:.6;cursor:default}.mp-btn-dark{background:var(--ink);color:#fff}.mp-btn-ghost{color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px #17121a24}.mp-view{z-index:70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17121a99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.mp-view figure{background:#fff;border-radius:24px;gap:0;max-width:min(560px,100%);max-height:100%;margin:0;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 80px -24px #00000080}.mp-view img{object-fit:contain;background:#111;width:100%;max-height:calc(100svh - 140px)}.mp-view figcaption{font-family:var(--sans);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.mp-view figcaption>span{min-width:0;display:grid}.mp-view figcaption small{color:var(--ink-3);font-size:.82rem}.mp-close{cursor:pointer;width:36px;height:36px;color:var(--ink);background:#ffffffe6;border:0;border-radius:50%;font-size:.9rem;position:absolute;top:12px;right:12px}@media (max-width:600px){.mp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.mp-thumb{border-radius:16px}.mp-dl{width:34px;height:34px}}