#app{background-color:#f8f8f8}html{font-size:16px}a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0;outline:none}li,ol,ul{list-style:none;outline:none}fieldset,img{border:0}img{display:block}a,img{outline:none}a{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:100}a,body,input{outline:none}a,input{background:none;border:none}em,i,u{font-style:normal}.app-hint{width:100vw;height:100vh;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}.notice-text{color:#fff;font-size:1.5rem;margin-top:2rem}.center{margin:auto;top:0;left:0;bottom:0;right:0;width:90px;height:155px}.smartphone{width:80px;height:120px;margin:40px 0 0 0;border:5px solid #e1e1e1;border-top-width:15px;border-bottom-width:20px;border-radius:4px;animation:smartphone 2s ease-in-out infinite}@keyframes smartphone{0%{transform:rotate(0deg);opacity:0}25%{transform:rotate(0deg);opacity:1}50%{transform:rotate(-90deg)}75%{opacity:1}to{transform:rotate(-90deg);opacity:0}}.smartphone:before{width:10px;height:3px;margin:-9px auto;border-radius:4px}.smartphone:after,.smartphone:before{content:"";display:block;background:#c8c8c8}.smartphone:after{width:12px;height:12px;margin:4px auto;border-radius:10px}.smartphone .content{width:60px;height:100px;margin:15px 0 0 0;padding:10px;background:#9b3c6f;color:#762e55;font-size:.5em;overflow:hidden}.smartphone ul li{height:6px;margin:0 0 5px 0;border-color:#762e55;background:#762e55}.smartphone ul{animation:screen 2s ease-in-out infinite}@keyframes screen{0%{transform:rotate(0deg);opacity:0}25%{opacity:1;transform-origin:left;transform:rotate(0deg) translateY(0) translateX(0) scaleX(1)}50%{transform-origin:left;transform:rotate(90deg) translateY(-1%) translateX(-217%) scaleX(1.7)}75%{opacity:1}to{transform-origin:left;transform:rotate(90deg) translateY(-1%) translateX(-217%) scaleX(1.7);opacity:0}}