:root{--bg:#12101a;--card:#1e1b2b;--fg:#f6f4ff;--muted:#a49dbd;--accent:#ff4f8b;--accent-dark:#d8306c;--ok:#3ddc97}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.45}.page{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:24px 20px calc(24px + env(safe-area-inset-bottom));max-width:520px;margin:0 auto;text-align:center}h1{font-size:28px}h1,p{margin:0}p{color:var(--muted)}.big-button{display:block;width:100%;padding:22px 20px;border:none;border-radius:18px;background:var(--accent);color:#fff;font-size:21px;font-weight:700;cursor:pointer}.big-button:active{background:var(--accent-dark)}.big-button:disabled{opacity:.6}.card{background:var(--card);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:16px;align-items:center}.preview{width:100%;max-height:45dvh;object-fit:contain;border-radius:14px}.count{font-size:44px;font-weight:800;color:var(--ok);line-height:1}.error{color:#ff8a8a}.hidden-input{display:none}