*{box-sizing:border-box}body{margin:0;background:#1a2423;color:#ecf1df;font:15px/1.6 system-ui,sans-serif}canvas{display:block;width:100vw;height:100vh}main{position:absolute;left:32px;top:32px;width:360px;padding:26px;background:#142321ed;border:1px solid #51625a;border-radius:10px;box-shadow:0 15px 65px #0004}a{color:#d6f275;text-decoration:none}small{display:block;letter-spacing:3px;color:#d6f275;margin-top:30px}h1{font-size:34px;margin:12px 0}p{color:#c1cdbf}.actions{display:flex;gap:10px;margin-top:22px}button{border:1px solid #657161;background:#d6f275;color:#19251a;padding:12px 15px;border-radius:5px;cursor:pointer;font-weight:700}button+button{background:transparent;color:#ecf1df}button:disabled{opacity:.5;cursor:default}#status{min-height:52px;color:#d6f275}dl{border-top:1px solid #506155;padding-top:15px;font-size:13px}dt{float:left;color:#839d8d}dd{margin-left:54px;margin-bottom:10px}.note{font-size:12px;color:#92a598}@media(max-width:700px){main{top:auto;bottom:12px;left:12px;width:calc(100% - 24px);padding:14px}small,dl,.note{display:none}h1{font-size:24px;margin:4px 0}p{margin:5px 0}}