*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#14161a;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif}#app{width:100vw;height:100dvh}#info{position:fixed;top:env(safe-area-inset-top,12px);left:12px;color:#c9ccd1;font-size:12px;line-height:1.5;z-index:10;text-shadow:0 1px 3px #000;pointer-events:none}#info b{color:#eaecef;font-size:14px}#ui{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);left:50%;transform:translate(-50%);z-index:10;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}button,.filebtn{color:#e6e8eb;border:1px solid #3a3f47;padding:10px 16px;border-radius:9px;font-size:14px;-webkit-tap-highlight-color:transparent;cursor:pointer}button{background:#22262d}button:active{background:#2d323b}.filebtn{background:#2d5a8c;border-color:#3a6ea5;color:#fff;display:inline-block}.filebtn:active{background:#34659c}#loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#8b9098;font-size:14px;z-index:5}