*{box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;height:95svh}body{background:#fff;transition:background .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;overflow:hidden;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500}.info{display:inline-block;font-family:serif;font-style:italic;color:#767676;position:absolute;border-radius:100%;border:1px solid #767676;width:1.5em;height:1.5em;text-align:center;line-height:1.4em;text-decoration:none;bottom:0;right:-3em;cursor:pointer}.info:hover{opacity:.8}.info:active{opacity:.7}@media(prefers-color-scheme:dark){body{background:#222}.info{color:#898989;border-color:#898989;opacity:.8}.info:hover{opacity:.9}.info:active{opacity:1}}@media only screen and (max-width:767px){.info{bottom:-3em;right:.5em}}.page-wrapper{position:relative;display:flex;justify-content:center}.iphone-wrapper{max-width:50vw;width:auto;max-height:80svh;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none}.glare{position:absolute;left:50%;transform:translate(-50%);top:5%;width:83.1%;height:38.3%;background:linear-gradient(180deg,#ffffff75,#ffffff1a 33%,#fff0 80%);clip-path:polygon(51.2% 0,100% 0,100% 100%,80% 100%)}@media only screen and (max-width:767px){.iphone-wrapper{max-width:90vw}}.screen{width:83%;height:37.1%;transform:translateY(13.4%);position:absolute;overflow:hidden}.screen img{width:100%;pointer-events:none}.click-wheel-svg{position:absolute;top:70.5%;left:50%;transform:translate(-50%,-50%);z-index:1}.click-wheel-svg path,.click-wheel-svg circle{-webkit-tap-highlight-color:transparent}.sliding-view{position:absolute;top:0;left:100%;width:100%;height:100%;overflow:hidden}.menu-screen{background:#fff;overflow:hidden scroll;pointer-events:none;height:99.8%;transform:translateY(.2px)}.menu-screen::-webkit-scrollbar{width:12px;background:#eee;box-shadow:inset 2px 0 6px #0009}.menu-screen::-webkit-scrollbar-thumb{background:linear-gradient(-90deg,#99c7ed,#0073d1,#99c7ed,#0073d1);box-shadow:inset 1px 0 2px #0006}.sliding-view.open{left:0}.menu-screen ul{list-style:none;padding:0;margin:0}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:1.2px 5px}.menu-item:after{content:"❯";font-weight:400;font-size:.8em}.menu-item.curr-item{background:linear-gradient(180deg,#7bb8ea,#0073d1);color:#fff}