.fan-view{color:#e5e9e5;--card-width:min(35vw,290px);--fan-step:min(15vw,145px)}.fan-stage{position:relative;isolation:isolate;height:430px;overflow:hidden;perspective:1100px;touch-action:pan-y;background:radial-gradient(ellipse at 50% 68%,#668b9020,transparent 65%)}.fan-card{position:absolute;left:50%;top:34px;width:var(--card-width);height:350px;margin-left:calc(var(--card-width) / -2);padding:0!important;border:0!important;background:transparent!important;transform-origin:50% 110%;transform:translate(calc(var(--offset)*var(--fan-step))) translateY(var(--lift)) rotate(var(--angle)) scale(var(--scale));transition:transform .7s cubic-bezier(.22,1.12,.36,1),opacity .55s ease;cursor:pointer;will-change:transform;box-shadow:none!important}.fan-paper{display:flex;width:100%;height:100%;padding:10px 10px 26px;box-sizing:border-box;background:#e6e5da;border-radius:5px;box-shadow:0 15px 35px #0007;transform:translateY(0);transition:box-shadow .5s}.fan-paper img{width:100%;height:100%;object-fit:contain;background:#15232c;user-select:none}.fan-card[aria-current=true] .fan-paper{animation:fan-breathe 6.4s ease-in-out infinite;box-shadow:0 24px 65px #0008,0 0 40px #a8d6e524}.fan-card:focus-visible{outline:2px solid #b7d2d4;outline-offset:7px}.fan-caption{text-align:center;max-width:640px;margin:0 auto;min-height:90px;padding:0 20px;box-sizing:border-box}.fan-caption h3{margin:0 0 8px;font-size:21px;font-weight:400;letter-spacing:1px}.fan-meta{font-size:12px;color:#a6bcbf;margin:0 0 10px}.fan-description{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.fan-controls{display:flex;justify-content:center;align-items:center;gap:24px;padding:20px}.fan-controls button{min-height:44px;min-width:50px;border:1px solid #a3b8b64d;border-radius:10px;color:#dce7e5;background:#d4e7e10a;cursor:pointer}.fan-controls span{font:12px/1.5 sans-serif;color:#b2c5c4;min-width:60px;text-align:center}.photo-paper{background:linear-gradient(145deg,#23333ef5,#111f2bf7);color:#e6ebe6;width:min(1060px,96vw);padding:24px 12px 4px;border:1px solid #a8bec62b;border-radius:20px}.photo-paper::backdrop{background:#030a14cc;backdrop-filter:blur(12px)}.photo-paper h2{font-size:16px;font-weight:400;letter-spacing:2px;margin:8px 20px}.photo-paper [data-close]{position:sticky;top:0;z-index:30;margin-right:12px}.photo-paper .photo-nav{justify-content:center;margin-bottom:16px}.photo-paper .photo-nav [data-mute]{font-size:11px}.photo-paper:focus-visible{outline:1px solid #8db9c7}@keyframes fan-breathe{0%,to{transform:translateY(0) rotate(-.25deg) scale(1)}50%{transform:translateY(-5px) rotate(.25deg) scale(1.012)}}@media(max-width:600px){.fan-view{--card-width:58vw;--fan-step:22vw}.fan-stage{height:330px}.fan-card{top:28px;height:260px}.fan-caption{min-height:100px}.fan-description{font-size:13px}.photo-paper{padding-top:12px}}@media(prefers-reduced-motion:reduce){.fan-card,.fan-paper{animation:none!important;transition:none!important}}.fan-media{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#15232c}.fan-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#15232c;pointer-events:none}.fan-live{position:absolute;bottom:8px;right:8px;z-index:2;padding:4px 7px;border-radius:5px;background:#101c29b8;color:#fff;font:10px/1.4 sans-serif;letter-spacing:1px;pointer-events:none}.fan-view{--image-max-height:314px;--frame-top:34px}.fan-stage{container-type:inline-size}.fan-view .fan-stage>button.fan-card{--photo-ratio:.86;--photo-width:min(calc(var(--card-width)*1.6), calc(100cqw - 48px) ,calc(var(--image-max-height)*var(--photo-ratio)));width:calc(var(--photo-width) + 20px);height:calc(var(--photo-width)/var(--photo-ratio) + 36px);margin-left:calc((var(--photo-width) + 20px)/-2);top:calc(var(--frame-top) + (var(--image-max-height) - var(--photo-width)/var(--photo-ratio))/2)}@media(max-width:600px){.fan-view{--image-max-height:224px;--frame-top:28px}}.fan-card[aria-current=true] .fan-media img{dynamic-range-limit:no-limit}.fan-card:not([aria-current=true]) .fan-media img{dynamic-range-limit:standard}.photo-viewer{box-sizing:border-box;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:16px 24px;border:0;background:#071018fa;color:#e5e9e5;overflow:hidden}.photo-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.photo-viewer::backdrop{background:#02070bf2}.photo-viewer header{display:flex;align-items:center;justify-content:space-between;font:13px/1.5 sans-serif;color:#b5c9cf}.photo-viewer button{min-width:44px;min-height:44px;border:1px solid #a3b8b64d;border-radius:10px;background:#d4e7e10a;color:#e5e9e5;font:20px/1 sans-serif;cursor:pointer}.photo-viewer button:focus-visible{outline:2px solid #a7cdd1;outline-offset:3px}.photo-viewer button:disabled{opacity:.3;cursor:default}.photo-viewer-media{position:relative;display:grid;place-items:center;min-height:0;min-width:0;margin:0;overflow:hidden;touch-action:pan-y pinch-zoom}.photo-viewer-media img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;dynamic-range-limit:no-limit}.photo-viewer-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#071018;dynamic-range-limit:no-limit}.photo-viewer-nav{display:flex;align-items:center;justify-content:center;gap:24px}.photo-viewer footer{text-align:center;max-height:25dvh;overflow:auto}.photo-viewer h2{margin:0;font:400 17px/1.5 sans-serif;overflow-wrap:anywhere}.photo-viewer p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px auto;max-width:800px;font:13px/1.6 sans-serif}.photo-viewer [data-meta],.photo-viewer [data-status]{color:#a6bcbf;font-size:12px}.fan-open-tip{text-align:center;color:#a6bcbf;font:11px/1.5 sans-serif;margin:0 12px 12px}@media(max-width:600px){.photo-viewer{padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}.photo-viewer-nav{gap:16px}}.photo-comments{max-width:720px;margin:20px auto;padding:20px;text-align:left;border-top:1px solid #a4bdc32b;color:#dbe6e5;font:13px/1.7 sans-serif;box-sizing:border-box}.photo-comments h3{font:400 16px/1.6 sans-serif;margin:0 0 8px}.photo-comments .comment-hint,.photo-comments [data-status]{color:#9eb7be;font-size:12px}.photo-comments article,.comment-moderation article{border-bottom:1px solid #a4bdc32b;padding:14px 0}.photo-comments article time{float:right;color:#9eb7be;font-size:11px}.photo-comments article p,.comment-moderation article p{white-space:pre-wrap;overflow-wrap:anywhere}.photo-comments label{display:block;font-size:12px;margin:10px 0}.photo-comments input,.photo-comments textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid #a4bdc34d;border-radius:7px;background:#0d1822;color:#e5e9e5;font:14px/1.6 sans-serif;resize:vertical}.photo-comments button,.comment-moderation button,.comment-moderation select{min-height:44px;padding:9px 14px;border:1px solid #a4bdc34d;border-radius:8px;background:#223842;color:#e5e9e5;font:13px/1.4 sans-serif;cursor:pointer}.photo-comments button:disabled,.comment-moderation button:disabled{opacity:.45;cursor:default}.photo-comments :focus-visible,.comment-moderation :focus-visible{outline:2px solid #a7cdd1;outline-offset:3px}.photo-viewer-comments{max-width:760px;margin:10px auto;text-align:left;font:13px/1.7 sans-serif}.photo-viewer-comments summary{cursor:pointer;min-height:34px;padding:6px}.photo-viewer-comments .photo-comments{padding:10px;margin:0}.photo-viewer footer:has(.photo-viewer-comments[open]){max-height:45dvh}.comment-moderation{width:min(760px,94vw);max-height:88dvh;box-sizing:border-box;border:1px solid #a4bdc34d;border-radius:16px;padding:22px;background:#101d28;color:#e5e9e5;font:14px/1.7 sans-serif}.comment-moderation::backdrop{background:#02070bd9}.comment-moderation header,.comment-moderation nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.comment-moderation h2{font-size:20px;font-weight:400}.comment-moderation h3{font-size:14px;font-weight:400;color:#a6c4cd}.comment-moderation select{margin-left:12px}.comment-moderation article button{margin-right:10px}.comment-moderation nav{margin-top:18px}