:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0c1016;color:#edf2f7}*{box-sizing:border-box}body{margin:0}main{max-width:510px;margin:auto;padding:26px 20px 30px}header{display:flex;justify-content:space-between;align-items:center;gap:8px}.brand{font-size:24px;color:#8de1c3;display:flex;align-items:center;gap:8px}.brand span{font-size:11px;font-weight:750;letter-spacing:1.7px}.badge{font-size:8px;color:#aab9cd;letter-spacing:1px;border:1px solid #293443;padding:7px;border-radius:20px}h1{font-size:33px;letter-spacing:-1.3px;line-height:1.12;margin:32px 0 15px}h1 span{color:#8de1c3}.intro{font-size:14px;line-height:1.6;color:#97a5b8;max-width:360px}.status{font-size:12px;display:flex;gap:9px;align-items:center;margin:24px 0 14px;color:#c4d0df}.status i{height:7px;width:7px;background:#8de1c3;border-radius:50%;flex-shrink:0}.screen{background:#141b25;border:1px solid #2b3544;border-radius:18px;overflow:hidden;min-height:245px}#screen{width:100%;display:block;touch-action:manipulation}#screen[hidden]{display:none}#placeholder{text-align:center;padding:35px 15px}.symbol{display:inline-flex;background:#243e38;color:#8de1c3;width:48px;height:48px;border-radius:15px;justify-content:center;align-items:center;font-size:25px}h2{font-size:17px;margin-top:22px}#placeholder p,.hint{color:#93a2b6;font-size:12px;line-height:1.6}form{display:flex;gap:8px}input{min-width:0;flex:1;background:#141b25;border:1px solid #344255;border-radius:10px;color:#fff;padding:12px;font-size:16px}button{border:1px solid #344255;border-radius:10px;background:#202c3b;color:#edf2f7;padding:12px;cursor:pointer;font-weight:600;min-height:44px}.keys{display:flex;gap:7px;margin:10px 0 18px}.keys button{flex:1}.primary{background:#8de1c3;color:#102a22;width:100%;border:0;padding:15px}button:disabled{opacity:.5}footer{font-size:10px;color:#687a91;text-align:center;margin-top:24px}button:focus-visible,input:focus-visible{outline:2px solid #8de1c3;outline-offset:2px}
.screen.expanded{overflow:auto;max-height:550px}.screen.expanded #screen{width:1280px;max-width:none}.screen[hidden]{display:none}