*{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}@media(prefers-color-scheme:dark){body{background:#222}}.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}