:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;background:#160d35}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden}.kiosk{min-height:100vh;background:radial-gradient(circle at 20% 10%,#ff7a59 0 12%,transparent 28%),linear-gradient(135deg,#160d35,#4c1d95 45%,#0f172a);padding:clamp(18px,4vw,48px);display:grid;place-items:center}.screen{width:min(920px,100%);min-height:calc(100vh - 72px);display:flex;flex-direction:column;gap:24px;justify-content:center}.hero,.panel{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);border-radius:34px;padding:32px;box-shadow:0 24px 90px rgba(0,0,0,.35);backdrop-filter:blur(18px)}h1{font-size:clamp(42px,8vw,78px);line-height:.95;margin:0;text-align:center}h2{font-size:clamp(30px,5vw,52px);margin:0;text-align:center}.lead{font-size:clamp(20px,3vw,30px);text-align:center;color:#ffe8a3}.actions{display:grid;gap:16px}.btn{border:0;border-radius:999px;padding:22px 30px;font-size:clamp(20px,3vw,30px);font-weight:900;color:#1f1147;background:#ffd166;box-shadow:0 12px 0 #b7791f;cursor:pointer}.btn.secondary{background:#fff;color:#4c1d95;box-shadow:0 10px 0 #a78bfa}.btn.danger{background:#fb7185;box-shadow:0 10px 0 #9f1239;color:#fff}.btn:disabled{opacity:.45;filter:grayscale(1)}.btn.capturing{animation:buttonPress .7s ease-in-out infinite;transform:translateY(8px);box-shadow:0 4px 0 #9f1239}.camera-wrap{position:relative;border-radius:34px;overflow:hidden;background:#000;min-height:62vh}video,.preview{width:100%;height:100%;object-fit:cover;display:block}.oval{position:absolute;inset:12% 18%;border:10px solid #22d3ee;border-radius:50%;box-shadow:0 0 0 999px rgba(0,0,0,.28),0 0 34px #22d3ee;animation:pulse 1.25s infinite}.hint{position:absolute;left:24px;right:24px;bottom:24px;text-align:center;font-size:28px;font-weight:900;text-shadow:0 3px 14px #000}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(76px,18vw,170px);font-weight:1000;color:#ffd166;text-shadow:0 8px 28px #000;pointer-events:none;animation:countPop .65s ease}.camera-wrap.shooting::after{content:"";position:absolute;inset:0;background:#fff;animation:flash .18s ease-out;pointer-events:none}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.tile{background:rgba(255,255,255,.15);border:4px solid transparent;border-radius:24px;padding:12px;cursor:pointer}.tile.selected{border-color:#ffd166}.tile img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:18px;background:#fff}.price{display:grid;gap:12px}.loader{height:30px;background:rgba(255,255,255,.2);border-radius:999px;overflow:hidden}.bar{height:100%;width:20%;background:linear-gradient(90deg,#ffd166,#22d3ee);animation:load 8s linear forwards}.qr{width:220px;height:220px;margin:auto;background:repeating-linear-gradient(45deg,#fff 0 12px,#111827 12px 24px);border:16px solid #fff;border-radius:18px}.muted{color:#d8c7ff;text-align:center}.topline{display:flex;justify-content:space-between;gap:12px;align-items:center}.lang{font-size:18px;padding:12px 16px}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.thumbs img{width:100%;border-radius:18px;aspect-ratio:3/4;object-fit:cover;border:5px solid transparent;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.thumbs img.selected{border-color:#ffd166;box-shadow:0 0 0 6px rgba(255,209,102,.35),0 18px 48px rgba(0,0,0,.38);transform:scale(1.035)}@keyframes pulse{50%{transform:scale(1.04);opacity:.72}}@keyframes buttonPress{50%{transform:translateY(10px) scale(.98);filter:brightness(1.22)}}@keyframes countPop{0%{transform:scale(.7);opacity:0}45%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes flash{0%{opacity:.92}100%{opacity:0}}@keyframes load{to{width:100%}}@media(max-width:640px){.grid,.thumbs{grid-template-columns:1fr}.hero,.panel{padding:22px}.screen{min-height:calc(100vh - 36px)}}