/* Real Mini App: full-screen inside Telegram, no phone frame */
:root{--top:calc(10px + var(--tg-content-safe-area-inset-top, 0px) + var(--tg-safe-area-inset-top, 0px))}
html,body{height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none}
body{padding:0}
.screen{position:fixed;inset:0;border-radius:0;width:auto;height:auto}
.view{padding-bottom:calc(110px + env(safe-area-inset-bottom, 0px))}
.mainbtn{bottom:calc(14px + env(safe-area-inset-bottom, 0px))}
.sheet{padding-bottom:calc(30px + env(safe-area-inset-bottom, 0px))}
.hero{padding-top:22px}
.gearbtn{position:absolute;top:calc(var(--top) + 4px);right:14px;z-index:25;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:var(--gold-bg);border:1px solid var(--gold-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.boot{position:absolute;inset:0;z-index:90;display:grid;place-items:center;background:var(--bg);transition:opacity .4s}
.boot.hide{opacity:0;pointer-events:none}
.boot .wordmark{animation:shine 2.4s ease-in-out infinite}
.boot-err{display:grid;gap:14px;justify-items:center;text-align:center;padding:24px;color:var(--muted)}
.order-sum{white-space:pre-wrap;font-size:13px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.idbox{display:flex;gap:8px}
.chk{display:flex;align-items:center;gap:10px;padding:10px 0}
.chk input{width:20px;height:20px;accent-color:#34c759}
.backbtn{left:14px;right:auto;color:var(--fg);background:var(--glass-2);border-color:var(--line)}