*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000}body{font-family:"Suisse Intl","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#viewer{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000;user-select:none}#page{display:block;max-width:100vw;max-height:100dvh;width:auto;height:auto;object-fit:contain;-webkit-user-drag:none;transition:opacity 90ms linear}.changing{opacity:.965}.zone{position:absolute;top:0;bottom:0;width:34%;z-index:2;border:0;background:transparent;cursor:none}.left{left:0}.right{right:0}nav{position:fixed;z-index:6;left:30px;right:30px;bottom:max(25px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;transition:opacity .2s}nav button{border:0;background:none;color:#fff;padding:0;font-family:inherit;font-size:11px;font-weight:500;line-height:1;letter-spacing:.07em;cursor:pointer;display:flex;gap:10px;align-items:center}nav button:first-child{justify-self:start}nav button:last-child{justify-self:end}nav button b{font:inherit}.chev{display:inline-block;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;flex:0 0 auto}.chev-left{transform:rotate(-135deg)}.chev-right{transform:rotate(45deg)}#prev .chev,#next .chev{transition:transform .12s ease}#prev:hover .chev-left{transform:translateX(-3px) rotate(-135deg)}#next:hover .chev-right{transform:translateX(3px) rotate(45deg)}#count{font-family:inherit;font-size:11px;font-weight:500;line-height:1;letter-spacing:.055em;font-variant-numeric:tabular-nums}#fs{position:fixed;z-index:7;right:30px;top:26px;width:18px;height:18px;border:0;background:none;padding:0;cursor:pointer;transition:opacity .2s,transform .12s}#fs:hover{transform:scale(1.08)}#fs i{position:absolute;width:6px;height:6px;border-color:#fff;border-style:solid}#fs i:nth-child(1){left:0;top:0;border-width:1.5px 0 0 1.5px}#fs i:nth-child(2){right:0;top:0;border-width:1.5px 1.5px 0 0}#fs i:nth-child(3){left:0;bottom:0;border-width:0 0 1.5px 1.5px}#fs i:nth-child(4){right:0;bottom:0;border-width:0 1.5px 1.5px 0}#cursor{position:fixed;z-index:20;display:none;pointer-events:none;width:22px;height:22px;transform:translate(-50%,-50%);mix-blend-mode:difference}.showcursor{display:block!important}.cursor-chev{position:absolute;left:7px;top:7px;width:9px;height:9px;border-top:2px solid #fff;border-right:2px solid #fff}.cursor-left .cursor-chev{transform:rotate(-135deg)}.cursor-right .cursor-chev{transform:rotate(45deg)}.idle nav,.idle #fs{opacity:0;pointer-events:none}@media(hover:none),(pointer:coarse){.zone{cursor:default}#cursor{display:none!important}nav{left:16px;right:16px;bottom:15px}#fs{right:16px;top:16px}}@media(max-width:520px){nav button b{display:none}}@media print{html,body{display:none!important}}
/* Adaptive contrast: interface automatically reverses over light/dark artwork */
nav,
#fs,
#cursor {
  mix-blend-mode: difference;
  color: #fff;
}
nav button,
#count {
  color: #fff;
}
#fs i {
  border-color: #fff;
}