:root{font-family:system-ui,-apple-system,sans-serif;color:#edf2f8;background:#101722;color-scheme:dark;--accent:#94d8b6;--line:#334151}*{box-sizing:border-box}body{margin:0;padding:18px 14px max(24px,env(safe-area-inset-bottom));background:var(--tg-theme-bg-color,#101722);color:var(--tg-theme-text-color,#edf2f8)}header,main{max-width:880px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 3px 20px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent)}h1{font-size:25px;font-weight:650;margin:4px 0 0}h2{font-size:16px;font-weight:650;margin:0 0 12px}.row h2{margin:0;margin-right:auto}#badge{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:7px 10px;white-space:nowrap}.card{background:var(--tg-theme-secondary-bg-color,#192332);border:1px solid #ffffff12;border-radius:18px;margin:14px 0;padding:16px}label{display:block;font-size:13px;margin-bottom:8px;color:#bcc9d8}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}input,select{min-width:0;flex:1;padding:12px;border:1px solid var(--line);border-radius:10px;background:#101722;color:#edf2f8;font:inherit;font-size:16px}button{border:1px solid var(--line);border-radius:10px;padding:11px 13px;font:inherit;font-size:13px;background:#243347;color:#edf2f8;cursor:pointer;min-height:44px;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary{background:var(--accent);color:#14271e;border-color:var(--accent);font-weight:650}.danger{color:#ffb1ae;background:transparent}.hint,footer{font-size:12px;line-height:1.55;color:var(--tg-theme-hint-color,#a4b4c7)}#notice{font-size:13px;line-height:1.5;border-left:3px solid var(--accent);padding:8px 12px;margin:0;overflow-wrap:anywhere}#notice.error{border-color:#ff9292;color:#ffb1ae}#screen{position:relative;display:flex;align-items:center;justify-content:center;background:#090e15;border-radius:10px;overflow:hidden;width:100%;height:clamp(220px,45vh,520px);margin:12px 0;touch-action:none}#screen-hint{font-size:12px;color:#76869a;padding:20px}.tools button{font-size:11px;flex:1;padding:8px}.keys{justify-content:center;margin:12px 0}.keys button{flex:1}.arrows{text-align:center;margin:8px auto}.arrows button{min-width:58px;margin:3px;touch-action:none;user-select:none}.arrows button:active{background:#4d6b84}.arrows div{display:flex;justify-content:center}details{border-top:1px solid var(--line);padding-top:12px;margin-top:16px}summary{font-size:13px;cursor:pointer}dl{display:flex;gap:20px;margin:18px 0;flex-wrap:wrap}dt{color:#9eadbe;font-size:11px}dd{margin:5px 0 0;font-size:14px}footer{text-align:center;margin:24px 10px}@media(orientation:landscape) and (max-height:550px){#screen{height:72vh}header{padding-bottom:8px}.screen-card{padding:10px}}@media(min-width:700px){body{padding:28px}#screen{height:500px}}
/* Browser-first mobile layout */
main{display:flex;flex-direction:column}header{padding:4px 3px 10px}h1{font-size:20px}#notice{font-size:12px;padding:5px 10px}.screen-card{order:1;margin:10px 0;padding:8px}.account-card{order:2;padding:12px;margin:8px 0}.account-card section{padding-top:14px}.screen-card~.card:not(.screen-card){order:3}main>footer{order:4}.screen-title{padding:2px 5px}.screen-title h2{font-size:12px;color:#8ca2b9}#screen{height:min(76vh,800px);height:min(76dvh,800px);margin:6px 0;border-radius:7px}.tools button{min-height:36px}.keys{margin:8px 0}.arrows{margin:2px auto}.account-card>summary{font-size:14px}.account-card[open]>summary{margin-bottom:8px}button[hidden]{display:none}@media(min-width:700px){#screen{height:75vh;max-height:900px}}