main{padding-bottom:110px}.scan-view{min-height:calc(100vh - 134px);display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#fff,#edf2ef)}.scan-box{text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;width:min(520px,92vw);box-shadow:0 20px 50px #16351d22}.scan-box h1{font-size:25px;margin:10px}.scan-box p{color:var(--muted);font-size:12px}.scan-phone{width:210px;height:310px;border:9px solid #18211b;border-radius:30px;margin:24px auto;background:#111;position:relative;overflow:hidden}.camera{position:absolute;inset:16px;border-radius:17px;background:linear-gradient(145deg,#25382a,#102014);display:grid;place-items:center}.scan-qr{width:125px;height:125px;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0/12px 12px;border:9px solid #fff}.scan-line{position:absolute;left:32px;right:32px;top:65px;height:3px;background:#43ef7e;box-shadow:0 0 12px #43ef7e;animation:scanning 2s infinite alternate}.table-chip{display:inline-block;background:var(--green);color:#fff;border-radius:20px;padding:8px 14px;font-size:11px;font-weight:800}.guide{position:fixed;z-index:30;left:50%;bottom:18px;transform:translateX(-50%);width:min(760px,94vw);min-height:78px;background:#071022;color:#fff;border:1px solid #30415f;border-radius:16px;padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;box-shadow:0 18px 55px #0008}.guide small{display:block;color:#4de2ef;font-size:9px;letter-spacing:1px;margin-bottom:4px}.guide b{font-size:13px}.guide p{font-size:10px;color:#aebbd0;margin:4px 0 0}.guide button{border:0;background:linear-gradient(100deg,#24d6e9,#3478ff);color:#fff;border-radius:10px;padding:13px 20px;font-weight:800;font-size:11px;cursor:pointer;white-space:nowrap}.guide button span{font-size:17px;margin-left:7px}.ticket-final{min-height:calc(100vh - 134px);display:grid;place-items:center;background:#fff9ed}.receipt-wrap{text-align:center}.receipt-wrap h1{font-size:24px}.receipt{width:300px;background:#fff;margin:20px auto;padding:24px;text-align:left;font:12px/1.7 monospace;box-shadow:0 12px 32px #0002;position:relative;animation:ticketDrop .9s ease-out}.receipt:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:16px;background:linear-gradient(135deg,#fff 8px,transparent 0) 0 0/16px 16px repeat-x}.done-badge{display:inline-block;color:#087b35;background:#dcf8e6;border-radius:25px;padding:9px 14px;font-size:11px;font-weight:800}@keyframes scanning{to{top:230px}}@keyframes ticketDrop{from{opacity:0;transform:translateY(-70px)}to{opacity:1;transform:none}}@media(max-width:520px){.guide{bottom:8px;min-height:88px}.guide p{display:none}.guide button{padding:12px}.scan-box{padding:18px}.scan-phone{height:270px}.scan-line{animation:none}}