*{box-sizing:border-box} :root{color-scheme:dark;--bg:#0d111a;--panel:#151c29;--line:rgba(255,255,255,.09);--muted:#9aa7bc;--text:#f4f6fb;--accent:#a8aaff;--mint:#8de3d1}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -15%,#27304a 0%,transparent 55%),var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden}.ambient{position:fixed;filter:blur(90px);opacity:.13;pointer-events:none;z-index:-1;border-radius:50%}.ambient-one{width:300px;height:300px;background:#7478ff;top:250px;left:-160px}.ambient-two{width:260px;height:260px;background:#32c7aa;right:-150px;top:700px}
.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#0d111a9c;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font:800 19px Manrope,sans-serif;letter-spacing:-.7px}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,#8c8fff,#66d8c2);color:#10131d;font-size:19px}.brand-mark svg{display:block;width:25px;height:25px}.brand-light{font-weight:500;color:#9eabc0}.topbar-right{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.connection-dot{width:7px;height:7px;border-radius:50%;background:#e6ae62;box-shadow:0 0 12px #e6ae62}
.shell{width:min(1440px,90%);margin:0 auto}.hero{padding:65px 0 38px}.eyebrow,.modal-kicker{font-size:10px;letter-spacing:2.3px;font-weight:700;color:#aeb6d5}.hero h1{font:800 clamp(38px,5.3vw,66px)/1.08 Manrope,sans-serif;letter-spacing:-3px;margin:16px 0}.hero h1 span{background:linear-gradient(90deg,#a8aaff,#8de3d1);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:590px;color:#aab5c8;line-height:1.7;font-size:15px;margin:0}.hero-meta{display:flex;align-items:center;gap:15px;margin-top:23px;color:#8491a8;font-size:11px}.live-pill{padding:7px 10px;border:1px solid #8de3d133;border-radius:20px;color:#a9eadb;letter-spacing:1px;font-size:9px;font-weight:700}.live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#79dfc4;margin-right:6px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:5px 0 34px}.stat-card{display:flex;align-items:center;gap:14px;padding:17px 19px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#ffffff0b,#ffffff04)}.stat-icon{width:39px;height:39px;border-radius:12px;background:#a8aaff18;color:#b7b9ff;display:grid;place-items:center;font-size:20px}.stat-card small{display:block;color:#8794aa;font-size:9px;letter-spacing:1.2px;font-weight:700}.stat-card strong{display:block;font:800 23px Manrope,sans-serif;margin-top:3px}
.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:16px;background:#ffffff08}.search-wrap{display:flex;align-items:center;gap:10px;flex:1;max-width:500px;padding:0 10px;color:#8d9ab0}.search-wrap span{font-size:23px}.search-wrap input{background:none;border:0;outline:0;color:var(--text);width:100%;font:13px "DM Sans"}.search-wrap input::placeholder{color:#77849a}.toolbar-controls{display:flex;gap:10px;align-items:center}.segmented{display:flex;padding:4px;border-radius:11px;background:#090e18}.segment{border:0;background:none;color:#9ba8bd;border-radius:8px;padding:9px 12px;font:600 11px "DM Sans";cursor:pointer}.segment.active{background:#292f49;color:#e5e7ff}.toolbar select{background:#111827;border:1px solid var(--line);color:#cbd4e3;border-radius:10px;padding:10px;font:11px "DM Sans";outline:none}
.gallery-heading{display:flex;justify-content:space-between;align-items:end;margin:36px 0 18px}.gallery-heading h2{font:700 22px Manrope;margin:0 0 5px;letter-spacing:-.7px}.gallery-heading p{margin:0;color:#8996ab;font-size:12px}.view-label{font-size:9px;letter-spacing:1.3px;color:#8592a8}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.media-card{min-width:0;border:1px solid var(--line);background:linear-gradient(145deg,#ffffff0b,#ffffff04);border-radius:15px;padding:8px;transition:transform .2s,border-color .2s;overflow:hidden}.media-card:hover{transform:translateY(-3px);border-color:#a8aaff55}.thumb-wrap{height:190px;position:relative;overflow:hidden;border-radius:10px;background:#20293a;cursor:pointer}.thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.media-card:hover .thumb-wrap img{transform:scale(1.045)}.video-placeholder{height:100%;display:grid;place-items:center;font-size:38px;color:#c6caff;background:radial-gradient(circle,#40486a,#20293a)}.type-pill{position:absolute;left:9px;top:9px;background:#0a0e18c9;border:1px solid #ffffff20;border-radius:6px;padding:5px 7px;font-size:9px;letter-spacing:.6px}.fav-button{position:absolute;right:8px;top:8px;border:1px solid #ffffff30;background:#0a0e18c9;color:#fff;border-radius:50%;width:30px;height:30px;font-size:16px;cursor:pointer}.fav-button.saved{color:#ff9bb3}.media-info{padding:11px 3px 4px}.media-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-meta{display:flex;justify-content:space-between;gap:8px;margin-top:6px;color:#8190a7;font-size:10px}.card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.preview-button{border:0;background:#a8aaff19;color:#c5c7ff;padding:7px 11px;border-radius:8px;font-size:10px;font-weight:700;cursor:pointer}.media-download{color:#8795aa;text-decoration:none;font-size:10px}.empty-state{grid-column:1/-1;border:1px dashed #ffffff24;border-radius:18px;padding:60px 20px;text-align:center;color:#aab5c8}.empty-symbol{font-size:38px;color:#a8aaff}.empty-state h3{font:700 19px Manrope;color:#eef0fa;margin:12px 0 7px}.empty-state p{font-size:12px;line-height:1.7}.empty-state code{color:#c3c4ff;background:#a8aaff16;padding:3px 5px;border-radius:5px}.load-more-wrap{text-align:center;padding:30px}.load-more{background:#a8aaff1b;border:1px solid #a8aaff55;color:#d1d2ff;padding:11px 23px;border-radius:10px;cursor:pointer}.hidden{display:none!important}footer{text-align:center;padding:32px 0 24px;color:#66738a;font-size:9px;letter-spacing:1.6px}footer span{color:#a8aaff;margin:0 6px}
.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#ffffff08;color:#dce3f2;font-size:20px;cursor:pointer}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#05070ccc;backdrop-filter:blur(10px)}.modal-panel{position:relative;width:min(100%,980px);max-height:92vh;overflow:auto;border:1px solid #ffffff22;border-radius:18px;background:#121927;padding:19px;box-shadow:0 30px 100px #0009}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-top h3{font:700 17px Manrope;margin:5px 0 0;overflow-wrap:anywhere}.close-button{font-size:24px}.preview-content{display:grid;place-items:center;min-height:250px;background:#080d16;border-radius:12px;overflow:hidden}.preview-content img{max-width:100%;max-height:68vh;object-fit:contain}.preview-content video{display:block;width:100%;max-height:68vh;background:#000}.video-unavailable{max-width:440px;padding:24px;color:var(--muted);font-size:13px;line-height:1.6;text-align:center}.modal-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#8996ab;font-size:11px;padding-top:14px}.download-link{color:#c3c4ff;text-decoration:none;font-weight:700;background:none;border:0;font:inherit;cursor:pointer}.media-download{background:none;border:0;font-family:inherit;cursor:pointer;color:#8795aa;font-size:10px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;background:#202b3d;border:1px solid var(--line);padding:11px 16px;border-radius:10px;color:#e8edf7;font-size:12px;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.thumb-wrap{height:175px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.shell{width:92%}.topbar{padding:0 4%}.hero{padding:45px 0 28px}.hero h1{letter-spacing:-2px}.toolbar{align-items:stretch;flex-direction:column}.search-wrap{max-width:none;min-height:38px}.toolbar-controls{flex-wrap:wrap;justify-content:space-between}.segment{padding:9px 10px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.thumb-wrap{height:145px}.media-card{padding:6px}.stats{gap:8px}.stat-card{padding:13px;gap:9px}.stat-icon{width:32px;height:32px}.stat-card strong{font-size:20px}.view-label{display:none}}@media(max-width:390px){.gallery-grid{grid-template-columns:1fr 1fr}.thumb-wrap{height:120px}.topbar-right{font-size:10px}}

/* Blueglass red & white theme */
:root{color-scheme:light;--bg:#f7f7f9;--panel:#fff;--line:rgba(25,25,35,.10);--muted:#737987;--text:#20212a;--accent:#d92d3a;--mint:#f3a0a5}
body{background:#f7f7f9;color:#20212a}
.ambient{opacity:.07}
.topbar{background:#ffffffed;border-bottom:1px solid #e9e9ed}
.brand{color:#20212a}.brand-mark{background:linear-gradient(140deg,#e53946,#ff8b91);color:white}.brand-light{color:#858995}
.topbar-right{color:#737987}.connection-dot{background:#d92d3a}
.hero h1 span{background:linear-gradient(90deg,#c91f31,#f06a72);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p,.hero-meta{color:#737987}
.eyebrow,.modal-kicker{color:#b32a38}
.live-pill{border-color:#d92d3a33;color:#b72a38}.live-pill i{background:#d92d3a}
.stat-card{border-color:#e8e8ed;background:#fff;box-shadow:0 5px 20px #20212a08}
.stat-icon{background:#d92d3a12;color:#c72b39}
.stat-card small{color:#858995}
.toolbar{border-color:#e8e8ed;background:#fff;box-shadow:0 5px 20px #20212a08}
.search-wrap{color:#737987}.search-wrap input{color:#20212a}.search-wrap input::placeholder{color:#9a9eaa}
.segmented{background:#f1f1f4}.segment{color:#6f7480}.segment.active{background:#d92d3a;color:#fff}
.toolbar select{background:#fff;border-color:#e4e4e9;color:#343640}
.gallery-heading p,.view-label{color:#858995}
.media-card{border-color:#e8e8ed;background:#fff;box-shadow:0 5px 18px #20212a08}
.media-card:hover{border-color:#e36a73}
.thumb-wrap{background:#f0f0f3}.video-placeholder{color:#d92d3a;background:radial-gradient(circle,#fff,#ececf1)}
.type-pill{background:#20212acc;border-color:#ffffff44;color:#fff}
.fav-button{background:#20212acc}.fav-button.saved{color:#ff8a9a}
.media-meta{color:#858995}.preview-button{background:#d92d3a12;color:#bd2937}.media-download{color:#737987}
.empty-state{border-color:#dedee5;color:#737987}.empty-state h3{color:#292a32}.empty-state code{color:#b52c39;background:#d92d3a12}
.load-more{background:#d92d3a;color:#fff;border-color:#d92d3a}
footer{color:#9296a0}footer span{color:#d92d3a}
.icon-button{border-color:#e5e5ea;background:#fff;color:#333}
.modal-backdrop{background:#171820b8}.modal-panel{border-color:#e6e6eb;background:#fff;color:#20212a}
.preview-content{background:#f1f1f4}.modal-bottom{color:#737987}
.download-link{color:#c32736}.toast{background:#fff;border-color:#e5e5ea;color:#282932;box-shadow:0 8px 30px #0002}
.zoom-button{border:1px solid #e3e3e8;background:#fff;color:#292a32;border-radius:8px;padding:7px 11px;cursor:pointer;font-weight:700}
.zoom-button:hover{background:#fbeaec;border-color:#e8a0a5}.zoom-button.reset{font-size:10px}
.modal-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#zoomLevel{min-width:42px;text-align:center;font-variant-numeric:tabular-nums;color:#555}
.preview-content img{transform-origin:center center;transition:transform .12s ease;max-width:100%}
@media(max-width:720px){.modal-bottom{align-items:flex-start;flex-direction:column}.modal-actions{width:100%}}

.topbar-caption{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#a1a1aa}

.image-unavailable{position:absolute;inset:0;display:grid;place-items:center;color:#8b909b;background:#f0f0f3;font-size:12px;font-weight:600}

.image-unavailable{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:12px;color:#8b909b;background:#f0f0f3;font-size:12px;font-weight:600;z-index:1}

.skeleton-card{pointer-events:none}
.skeleton-block{position:relative;overflow:hidden;border-radius:7px;background:#ffffff12}
.skeleton-block::after{position:absolute;inset:0;content:"";transform:translateX(-100%);background:linear-gradient(90deg,transparent,#ffffff16,transparent);animation:skeleton-shimmer 1.4s ease-in-out infinite}
.skeleton-thumb{height:190px;border-radius:10px;background:#ffffff0b}
.skeleton-info{padding:14px 3px 4px}
.skeleton-name{width:72%;height:12px}
.skeleton-meta{width:48%;height:9px;margin-top:10px}
.skeleton-action{width:76px;height:26px;margin-top:14px}
@keyframes skeleton-shimmer{to{transform:translateX(100%)}}
@media(max-width:1000px){.skeleton-thumb{height:175px}}
@media(max-width:720px){.skeleton-thumb{height:145px}}
@media(max-width:390px){.skeleton-thumb{height:120px}}
@media(prefers-reduced-motion:reduce){.skeleton-block::after{animation:none;transform:none;opacity:.35}}

.skeleton-block{background:#ececf1}
.skeleton-block::after{background:linear-gradient(90deg,transparent,#ffffffb3,transparent)}
.skeleton-thumb{background:#f1f1f4}

button,a,.media-card,.modal-panel{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
button:focus-visible,a:focus-visible,.thumb-wrap:focus-visible{outline:3px solid #d92d3a80;outline-offset:3px}
.topbar-right{gap:16px}
.toolbar-button{border:1px solid #e4e4e9;border-radius:10px;background:#fff;color:#343640;padding:9px 12px;font:600 11px "DM Sans";cursor:pointer}
.toolbar-button:hover{background:#fbeaec;border-color:#e8a0a5}
.gallery-options,.modal-nav{display:flex;align-items:center;gap:10px}
.layout-switch{padding:3px}
.layout-switch .segment{padding:8px 10px}
.gallery-heading{align-items:center}
.gallery-masonry{display:block;column-count:4;column-gap:17px}
.gallery-masonry .media-card{display:inline-block;width:100%;margin:0 0 17px;break-inside:avoid;vertical-align:top}
.thumb-frame{height:190px;position:relative;overflow:hidden;border-radius:10px;background:#f0f0f3}
.thumb-wrap{display:block;width:100%;height:100%;padding:0;border:0;border-radius:10px;background:transparent;color:inherit;text-align:inherit;appearance:none;cursor:pointer}
.thumb-frame .fav-button{z-index:2}
.gallery-masonry .thumb-frame{height:auto;aspect-ratio:var(--media-ratio,4 / 3)}
.gallery-masonry .thumb-wrap img,.gallery-masonry .video-placeholder{height:100%}
.gallery-masonry .thumb-wrap img{object-fit:cover}
.icon-button:disabled,.zoom-button:disabled{opacity:.4;cursor:not-allowed}
.modal-nav{gap:7px}
.modal{opacity:0;transition:opacity .2s ease}
.modal:not(.hidden){opacity:1}
.modal-panel{transform:translateY(10px) scale(.99);transition:transform .2s ease}
.modal:not(.hidden) .modal-panel{transform:translateY(0) scale(1)}
.preview-content{touch-action:pan-y;overflow:auto}
.preview-content img{width:auto;max-width:100%;max-height:68vh;transform-origin:center center;transition:transform .15s ease}
.preview-content video{flex:none}
.modal-actions{gap:8px}
@media(max-width:1000px){.gallery-masonry{column-count:3}.thumb-frame{height:175px}}
@media(max-width:720px){
  .gallery-masonry{column-count:2;column-gap:10px}
  .gallery-masonry .media-card{margin-bottom:10px}
  .thumb-frame{height:145px}
  .gallery-options{align-items:flex-end;flex-direction:column;gap:6px}
  .gallery-heading{align-items:flex-start}
  .topbar-right{gap:9px}
  .topbar-caption{display:none}
  .modal-actions{gap:6px}
}
@media(max-width:390px){.thumb-frame{height:120px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

:root[data-theme="dark"]{color-scheme:dark;--bg:#0d111a;--panel:#151c29;--line:rgba(255,255,255,.12);--muted:#9aa7bc;--text:#f4f6fb;--accent:#a8aaff}
:root[data-theme="dark"] body{background:radial-gradient(ellipse at 50% -15%,#27304a 0%,transparent 55%),var(--bg);color:var(--text)}
:root[data-theme="dark"] .ambient{opacity:.13}
:root[data-theme="dark"] .topbar{background:#0d111ae8;border-color:var(--line)}
:root[data-theme="dark"] .brand,:root[data-theme="dark"] .topbar-right{color:var(--text)}
:root[data-theme="dark"] .brand-mark{background:linear-gradient(140deg,#8c8fff,#66d8c2);color:#10131d}
:root[data-theme="dark"] .brand-light,:root[data-theme="dark"] .gallery-heading p,:root[data-theme="dark"] .view-label{color:#9aa7bc}
:root[data-theme="dark"] .stat-card,:root[data-theme="dark"] .toolbar,:root[data-theme="dark"] .media-card{border-color:var(--line);background:linear-gradient(145deg,#ffffff0b,#ffffff04);box-shadow:none}
:root[data-theme="dark"] .stat-card small,:root[data-theme="dark"] .media-meta{color:#9aa7bc}
:root[data-theme="dark"] .stat-icon{background:#a8aaff18;color:#b7b9ff}
:root[data-theme="dark"] .search-wrap,:root[data-theme="dark"] .search-wrap input{color:var(--text)}
:root[data-theme="dark"] .search-wrap input::placeholder{color:#8996ab}
:root[data-theme="dark"] .segmented{background:#090e18}
:root[data-theme="dark"] .segment{color:#aab5c8}
:root[data-theme="dark"] .segment.active{background:#292f49;color:#e5e7ff}
:root[data-theme="dark"] .toolbar select,:root[data-theme="dark"] .toolbar-button{background:#151c29;border-color:var(--line);color:var(--text)}
:root[data-theme="dark"] .toolbar-button:hover{background:#252d42;border-color:#a8aaff66}
:root[data-theme="dark"] .media-card:hover{border-color:#a8aaff66}
:root[data-theme="dark"] .thumb-frame{background:#20293a}
:root[data-theme="dark"] .video-placeholder{color:#c6caff;background:radial-gradient(circle,#40486a,#20293a)}
:root[data-theme="dark"] .preview-button{background:#a8aaff19;color:#c5c7ff}
:root[data-theme="dark"] .media-download{color:#aab5c8}
:root[data-theme="dark"] .empty-state{border-color:#ffffff24;color:#aab5c8}
:root[data-theme="dark"] .empty-state h3{color:#eef0fa}
:root[data-theme="dark"] .empty-state code{color:#c3c4ff;background:#a8aaff16}
:root[data-theme="dark"] .load-more{background:#a8aaff1b;border-color:#a8aaff55;color:#d1d2ff}
:root[data-theme="dark"] footer{color:#8996ab}
:root[data-theme="dark"] footer span{color:#a8aaff}
:root[data-theme="dark"] .modal-panel{border-color:#ffffff22;background:#121927;color:var(--text)}
:root[data-theme="dark"] .modal-backdrop{background:#05070ccc}
:root[data-theme="dark"] .preview-content{background:#080d16}
:root[data-theme="dark"] .modal-bottom{color:#aab5c8}
:root[data-theme="dark"] .download-link{color:#c3c4ff}
:root[data-theme="dark"] .icon-button,:root[data-theme="dark"] .zoom-button{border-color:var(--line);background:#ffffff08;color:var(--text)}
:root[data-theme="dark"] .zoom-button:hover{background:#292f49;border-color:#a8aaff66}
:root[data-theme="dark"] .toast{background:#202b3d;border-color:var(--line);color:#e8edf7}
:root[data-theme="dark"] .image-unavailable{background:#20293a;color:#c2c9d6}
:root[data-theme="dark"] .skeleton-block{background:#ffffff12}
:root[data-theme="dark"] .skeleton-block::after{background:linear-gradient(90deg,transparent,#ffffff16,transparent)}
:root[data-theme="dark"] .skeleton-thumb{background:#ffffff0b}
:root[data-theme="dark"] button:focus-visible,:root[data-theme="dark"] a:focus-visible,:root[data-theme="dark"] .thumb-wrap:focus-visible{outline-color:#a8aaff}
.image-unavailable{pointer-events:none}
.topbar-right{gap:16px}
.stats[hidden]{display:none!important}
.social-follow-label{font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap}
.social-links{display:flex;align-items:center;gap:7px}
.social-link{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--muted);transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}
.social-link svg{width:17px;height:17px;fill:currentColor}
.social-link:hover{transform:translateY(-2px);background:#ffffff0b}
.social-link.pinterest:hover{color:#e60023;border-color:#e6002355}
.social-link.instagram:hover{color:#d946a0;border-color:#d946a055}
.social-link.x-social:hover{color:var(--text);border-color:#ffffff55}
.social-link.facebook:hover{color:#1877f2;border-color:#1877f255}
.social-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
footer{font-size:11px;letter-spacing:.3px;text-transform:none}
@media(max-width:520px){.topbar-right{gap:8px}.social-follow-label{font-size:10px}.social-links{gap:4px}.social-link{width:30px;height:30px;border-radius:8px}.social-link svg{width:15px;height:15px}.theme-toggle span{display:none}}
.pagination-wrap{display:flex;justify-content:center;align-items:center;gap:16px;padding:30px 0}
.pagination-wrap span{min-width:90px;text-align:center;color:#8996ab;font-size:12px}
.pagination-button{border:1px solid #a8aaff55;border-radius:10px;background:#a8aaff1b;color:#d1d2ff;padding:10px 16px;font:600 12px "DM Sans";cursor:pointer}
.pagination-button:disabled{opacity:.45;cursor:not-allowed}
:root[data-theme="light"] .pagination-button{background:#d92d3a;color:#fff;border-color:#d92d3a}
:root[data-theme="light"] .pagination-wrap span{color:#737987}
@media(max-width:720px){.pagination-wrap{padding:24px 0}}
.zoom-hint{color:#8996ab;font-size:10px}
.preview-content.transition-next img,.preview-content.transition-next video{animation:preview-enter-next .28s cubic-bezier(.2,.7,.2,1) both}
.preview-content.transition-previous img,.preview-content.transition-previous video{animation:preview-enter-previous .28s cubic-bezier(.2,.7,.2,1) both}
@keyframes preview-enter-next{from{opacity:0;translate:24px 0}to{opacity:1;translate:0 0}}
@keyframes preview-enter-previous{from{opacity:0;translate:-24px 0}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.preview-content.transition-next img,.preview-content.transition-next video,.preview-content.transition-previous img,.preview-content.transition-previous video{animation:none}}