*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:flex;flex-direction:column;background:radial-gradient(ellipse at top,#fffaf0,#f0efe9);color:#41392e;font:14px system-ui,-apple-system,"PingFang SC",sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}header{height:48px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;width:min(100%,480px);margin:0 auto;padding:0 14px}a{color:inherit;text-decoration:none}button{font:inherit;background:#fffdf8;border:1px solid #ddd6c8;border-radius:20px;padding:7px 14px;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #569878;outline-offset:3px}.stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;padding:0 8px}canvas{display:block;border-radius:18px;box-shadow:0 8px 40px #51482a12;touch-action:none;user-select:none;-webkit-user-select:none}#status{position:absolute;max-width:280px;text-align:center;background:#fffdf8;padding:20px;border-radius:16px}#status[hidden]{display:none}footer{text-align:center;font-size:11px;color:#817869;flex-shrink:0;padding:7px 8px 10px}@media(max-width:480px){header{height:42px}.stage{padding:0}canvas{border-radius:0;box-shadow:none}footer{padding:5px 4px;font-size:10px}}@media(max-height:500px) and (orientation:landscape){header{height:32px}footer{padding:2px;font-size:10px}}