.viewer{display:none;position:fixed;z-index:80;inset:0}.viewer.open{display:block}.viewer-backdrop{position:absolute;inset:0;background:rgba(7,18,23,.76);backdrop-filter:blur(8px)}.viewer-sheet{position:absolute;inset:0;margin:auto;width:min(100%,500px);background:#0d1c22;color:white;display:flex;flex-direction:column;animation:viewerIn .28s ease}.viewer-header{height:68px;padding:12px 16px;display:grid;grid-template-columns:40px 1fr 50px;align-items:center;background:#0d1c22}.viewer-header button{border:0;background:none;color:white;font-weight:700}.viewer-header>div{text-align:center;display:flex;flex-direction:column}.viewer-header strong{font-size:13px}.viewer-header span{font-size:8px;color:rgba(255,255,255,.55)}.photo-stage{height:min(62dvh,590px);min-height:330px;position:relative;overflow:hidden;touch-action:none;background:#13242c}.photo-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .14s ease,opacity .14s ease}.photo-stage>img[hidden]{display:none}#viewer-image-buffer{z-index:1;opacity:0;pointer-events:none}#viewer-image-buffer.ready{opacity:1}.rank-ribbon{position:absolute;z-index:2;top:17px;left:16px;padding:8px 12px;border-radius:99px;background:var(--red);font-size:11px;font-weight:800}.swipe-hint{position:absolute;top:50%;transform:translateY(-50%);width:33px;height:46px;display:grid;place-items:center;background:rgba(7,18,23,.35);font-size:27px;opacity:.65}.swipe-hint.left{left:0;border-radius:0 20px 20px 0}.swipe-hint.right{right:0;border-radius:20px 0 0 20px}.viewer-info{padding:16px 18px 22px;background:#0d1c22;flex:1}.viewer-meta{display:flex;align-items:center;justify-content:space-between}.viewer-meta>div{display:flex;flex-direction:column;gap:2px}.viewer-meta span{font-size:12px;font-weight:700}.viewer-meta time{font-size:8px;color:rgba(255,255,255,.5)}.like-button{height:43px;border:1px solid rgba(255,255,255,.16);border-radius:99px;background:rgba(255,255,255,.06);color:white;padding:0 15px;display:flex;align-items:center;gap:7px}.like-button span{font-size:24px}.like-button.liked{background:var(--red);border-color:var(--red)}.viewer-ranks{display:flex;gap:8px;margin:13px 0}.viewer-ranks>span{padding:7px 9px;background:rgba(255,255,255,.07);border-radius:8px;font-size:9px}.viewer-ranks .sort-indicator{margin-left:auto;color:#f0c169}.viewer-sort{display:flex;gap:5px;overflow:auto}.viewer-sort button{background:transparent;border-color:rgba(255,255,255,.16);color:rgba(255,255,255,.62);padding:7px 10px;font-size:9px}.viewer-sort button.active{background:white;color:var(--ink)}@keyframes viewerIn{from{transform:translateY(25px);opacity:.6}}@media(min-width:600px){.viewer-sheet{height:calc(100dvh - 40px);border-radius:28px;overflow:hidden}.viewer-backdrop{cursor:pointer}}
.viewer-ad-card{position:absolute;inset:18px 34px;z-index:2;padding:24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:25px;background:radial-gradient(circle at 80% 15%,rgba(241,184,74,.3),transparent 32%),linear-gradient(145deg,#234d5d,#10272f);box-shadow:0 18px 45px rgba(0,0,0,.24);color:#fff;transition:transform .18s ease,opacity .18s}.viewer-ad-card[hidden]{display:none}.viewer-ad-card>span{position:absolute;top:15px;right:15px;padding:4px 7px;border:1px solid rgba(255,255,255,.35);border-radius:5px;font-size:8px}.viewer-ad-mark{display:grid;place-items:center;width:49px;height:49px;margin-bottom:18px;border-radius:50%;background:var(--red);font:800 17px 'DM Sans'}.viewer-ad-card p{margin:0 0 8px;color:#f0c169;font:700 9px 'DM Sans';letter-spacing:.15em}.viewer-ad-card strong{font-size:30px;line-height:1.35}.viewer-ad-card small{margin:13px 0 20px;color:rgba(255,255,255,.67);font-size:9px;line-height:1.7}.viewer-ad-card button{min-width:120px;padding:11px 16px;border:0;border-radius:999px;background:#fff;color:#17323d;font-size:11px;font-weight:800;cursor:pointer}.photo-stage.is-ad{background:#102127}.photo-stage.is-ad .swipe-hint{z-index:3;background:rgba(255,255,255,.12)}