:root{color-scheme:dark;--turn:520ms cubic-bezier(.22,.72,.18,1)}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#050506;color:#fff;font-family:Arial,Helvetica,sans-serif;overscroll-behavior:none}
button{font:inherit}
.viewer{position:relative;width:min(100vw,calc(100dvh * 786 / 1704));height:100dvh;margin:0 auto;overflow:hidden;background:#09090a;isolation:isolate;touch-action:none}
.slides{position:absolute;inset:0;overflow:hidden}
.slide{position:absolute;inset:0;visibility:hidden;opacity:0;overflow:hidden;background:#09090a;transform:translateZ(0);pointer-events:none}
.slide.is-active{z-index:2;visibility:visible;opacity:1;pointer-events:auto}
.slide.is-incoming,.slide.is-outgoing{visibility:visible;opacity:1;will-change:transform,opacity}
.slide.is-outgoing{z-index:3}
.slide.is-incoming{z-index:4;box-shadow:0 -18px 50px rgba(0,0,0,.24)}
.slides[data-transition="cover"] .enter-next{transform:translateY(100%)}
.slides[data-transition="cover"] .enter-prev{transform:translateY(-100%)}
.slides[data-transition="cover"].is-animating .is-incoming{transform:translateY(0);transition:transform var(--turn)}
.slides[data-transition="fade"] .is-incoming{opacity:0}
.slides[data-transition="fade"].is-animating .is-incoming{opacity:1;transition:opacity var(--turn)}
.slides[data-transition="zoom"] .is-incoming{opacity:0;transform:scale(1.08)}
.slides[data-transition="zoom"].is-animating .is-incoming{opacity:1;transform:scale(1);transition:opacity var(--turn),transform var(--turn)}
.slides[data-transition="none"] .is-incoming{transform:none;opacity:1}
.media{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#09090a;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.control{position:absolute;z-index:8;width:46px;height:46px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;background:rgba(8,8,10,.62);color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}
.control:focus-visible{outline:2px solid #fff;outline-offset:3px}
.fullscreen{right:14px;bottom:max(14px,env(safe-area-inset-bottom));font-size:23px}
.sound{left:14px;bottom:max(14px,env(safe-area-inset-bottom));font-size:19px}
.story-progress{position:absolute;z-index:10;top:max(10px,env(safe-area-inset-top));left:12px;right:12px;display:flex;gap:4px;height:3px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7));pointer-events:none}
.story-progress[hidden]{display:none}.story-progress__segment{flex:1 1 0;min-width:2px;height:100%;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.3)}
.story-progress__segment.is-viewed,.story-progress__segment.is-current{background:rgba(255,255,255,.94)}
.status{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:#aaaab2;font-size:14px}
.public-login{position:relative;width:min(100vw,calc(100dvh * 786 / 1704));min-height:100dvh;margin:0 auto;overflow:hidden;background:#020611 url('vinchi-login.webp') center top/cover no-repeat}
.public-login__form{position:absolute;z-index:1;top:62.3%;left:9.5%;right:9.5%;padding:22px 24px 24px;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:rgba(8,9,13,.94);box-shadow:0 28px 80px rgba(0,0,0,.4);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.public-login h1{margin:0 0 8px;font-size:clamp(24px,7.2vw,30px);line-height:1.05}.public-login p{margin:0 0 22px;color:#a5a5b1;font-size:13px}
.public-login input{width:100%;height:50px;padding:0 15px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#09090c;color:#fff;font:inherit;outline:none}.public-login input:focus{border-color:#8a7cff;box-shadow:0 0 0 3px rgba(121,104,255,.16)}
.public-login button{width:100%;height:50px;margin-top:22px;border:0;border-radius:14px;background:#7968ff;color:#fff;font:inherit;font-weight:700;cursor:pointer}.public-login button:disabled{opacity:.55;cursor:wait}
.public-login__error{margin-top:9px;color:#ff9bb5;font-size:12px}.public-login__error:empty{display:none}.public-login__error:not(:empty)+button{margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.public-login__privacy{display:block;width:max-content;max-width:100%;margin:13px auto 0;color:#9f9faa;font-size:11px;text-align:center;text-underline-offset:3px}
.public-login__privacy:hover,.public-login__privacy:focus-visible{color:#fff}
@media(max-height:700px){.public-login__form{top:56%;padding-top:22px;padding-bottom:20px}.public-login h1{font-size:24px}.public-login p{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){:root{--turn:1ms linear}.slide.is-incoming,.slide.is-outgoing{transition:none!important;transform:none!important;opacity:1!important}}