@view-transition{navigation:none}
.bt-source,[data-viewer-image],[data-hat-stage] img{view-transition-name:none}
html[data-bt-enter] [data-viewer-image],html[data-bt-enter] [data-hat-stage] img{animation:be-arrive 210ms cubic-bezier(.16,1,.3,1) both}
@keyframes be-arrive{from{opacity:0;scale:.975;translate:0 5px}to{opacity:1;scale:1;translate:0 0}}
.pv-stage{overflow:hidden;border-radius:20px;touch-action:pan-y}
.pv-stage img{transition:transform .18s cubic-bezier(.2,.8,.2,1);will-change:auto}
.pv-detail .pv-stage img{transform:scale(var(--detail-scale,2.7))!important}
.pv-angles button{touch-action:manipulation}
.bk-banner{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:20px;z-index:10020;width:min(440px,calc(100vw - 40px));box-sizing:border-box;padding:22px;border:1px solid #ffffffef;border-radius:30px;color:#23383a;background:linear-gradient(135deg,#ffffffcc,#edf4ed9e);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:inset 1px 2px 3px #fff,0 14px 44px #23383a22;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;animation:bk-in .22s ease-out}
.bk-banner[hidden],.bk-reopen[hidden]{display:none!important}
.bk-title{font-size:19px;letter-spacing:-.035em;margin:0 0 10px;font-weight:500}.bk-copy{font-size:12px;line-height:1.6;margin:0 0 10px}.bk-policy{font-size:11px;color:inherit;text-underline-offset:3px}.bk-actions{display:flex;gap:10px;margin-top:18px}.bk-actions button{flex:1;min-height:46px;padding:12px 10px;border:1px solid #fff;border-radius:24px;background:linear-gradient(145deg,#ffffffb0,#ffffff45);box-shadow:inset 0 1px 2px #fff;color:inherit;font:600 11px Arial;cursor:pointer;touch-action:manipulation}.bk-actions button:focus-visible,.bk-reopen:focus-visible{outline:2px solid #467886;outline-offset:3px}.bk-actions button:disabled{opacity:.6;cursor:wait}.bk-status{margin:10px 0 0;font-size:11px;line-height:1.4}.bk-status:empty{display:none}
.bk-reopen{position:fixed;left:14px;bottom:max(12px,env(safe-area-inset-bottom));z-index:10010;padding:8px 11px;border:1px solid #ffffffb0;border-radius:18px;background:#ffffff75;backdrop-filter:blur(10px);color:#23383a;font:10px Arial;cursor:pointer}
@keyframes bk-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:749px){.bk-banner{left:14px;width:calc(100vw - 28px);bottom:max(14px,env(safe-area-inset-bottom));padding:19px}.pv-angles{gap:8px;flex-wrap:wrap}.pv-angles button{padding:10px 15px}}
@media(prefers-reduced-motion:reduce){.bk-banner,html[data-bt-enter] [data-viewer-image],html[data-bt-enter] [data-hat-stage] img{animation:none}.pv-stage img{transition:none}}

.pv-fluid .pv-stage{perspective:1000px;isolation:isolate;border-radius:0;background:transparent}
.pv-fluid .pv-float-view{position:absolute;inset:0;pointer-events:none;transform-origin:center;will-change:transform,opacity}
.pv-fluid .pv-float-view img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;transition:none!important;filter:none!important;transform:none!important;image-rendering:auto}
.pv-fluid .pv-float-view[data-view=detail] img{transform:scale(var(--detail-scale,2.1))!important}
.pv-fluid .pv-angles{gap:0;align-items:center;margin-top:10px}
.pv-fluid .pv-angles button{display:grid;place-items:center;width:28px;height:44px;min-width:28px;padding:0!important;background:none!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:50%;position:relative}
.pv-fluid .pv-angles button::after{content:"";width:11px;height:11px;box-sizing:border-box;border:1px solid #ffffffed;border-radius:50%;background:linear-gradient(135deg,#ffffff70,#ffffff18);box-shadow:inset 0 1px 3px #ffffffd9,0 3px 10px #31576617;transition:transform .2s,background .2s}
.pv-fluid .pv-angles button[aria-pressed=true]::after{background:linear-gradient(135deg,#fffffff2,#ffffff77);box-shadow:inset 0 1px 3px #fff,0 0 0 3px #ffffff28,0 3px 10px #31576620;transform:scale(1.12)}
.pv-fluid .pv-angles button:focus-visible::after{outline:2px solid #527781;outline-offset:5px}
.pv-fluid .pv-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.pv-fluid .pv-hint{margin-top:0}
.bk-banner{padding:18px 20px;width:min(360px,calc(100vw - 40px));border-radius:27px}
.bk-title{font-size:16px;margin-bottom:7px}.bk-copy{font-size:12px;margin-bottom:7px}.bk-actions{margin-top:13px}
@media(max-width:749px){.bk-banner{width:calc(100vw - 28px);padding:17px 19px}.pv-fluid .pv-angles button{padding:0!important}}
@media(prefers-reduced-motion:reduce){.pv-fluid .pv-float-view{will-change:auto}.pv-fluid .pv-angles button::after{transition:none}}