*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background:#000 url(/bg_noise.png) 0 0/200px;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#app{flex-direction:column;height:100%;display:flex}#flipbook-wrapper{opacity:0;flex-direction:column;flex:1;min-height:0;transition:opacity .4s;display:none}#flipbook-wrapper.visible{display:flex}#flipbook-wrapper.ready{opacity:1}.flipbook-area{flex:1;min-height:0;margin:.5rem;padding:0 3rem;display:flex}#flipbook{flex:1;min-width:0}#flipbook .stf__wrapper{height:100%}.page{background:#fff;overflow:hidden}.page img{object-fit:contain;width:100%;height:100%}footer{background:linear-gradient(#0000,#000);padding:2rem 0 .5rem}.controls{-webkit-user-select:none;user-select:none;align-items:center;gap:1rem;padding:0 1rem .5rem;display:flex}.controls-wing{flex:1;min-width:0;display:flex}.controls-wing:last-child{justify-content:flex-start}.controls-center{justify-content:center;align-items:center;gap:1.5rem;display:flex}.btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;justify-content:center;align-items:center;height:2.5rem;text-decoration:none;display:flex}.btn:hover{background:#ffffff26;border-color:#fff9}.btn:active{background:#ffffff40}button.btn{border-radius:50%;width:2.5rem;font-size:1.4rem;line-height:1}.video-link{border-radius:1.25rem;gap:.5rem;padding:0 1.2rem;font-size:1rem}.btn-icon{filter:brightness(0)invert();width:1.2rem;height:1.2rem}#page-info{text-align:center;min-width:3.5rem;font-size:1rem}.legal{text-align:center;background:#000;padding:.4rem 1rem .6rem;font-size:.8rem}.legal a{color:#fffc}.legal a:hover{color:#fff;text-decoration:none}.legal .sep{color:#fff;margin:0 .4rem}.error{color:#f5aeae;text-align:center;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}@media (width<=768px){.flipbook-area{margin:0;padding:0}}@media (width<=520px){.controls{flex-wrap:wrap-reverse;justify-content:center}.controls-wing:first-child{display:none}.controls-wing:last-child{flex-basis:100%;justify-content:center}}