:root{color:#f7faf7;background:#081a17;font-family:Yu Gothic UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.scanner-screen{position:relative;min-height:100%;background:radial-gradient(circle at 50% 38%,#29433c,#081a17 72%);isolation:isolate}.scanner-screen:after{content:"";position:absolute;inset:0;pointer-events:none;border:0 solid #c8f55b;transition:border-width .15s ease;z-index:5}.scanner-screen.capture-success:after{border-width:8px}.camera-feed,.camera-shade{position:absolute;inset:0;width:100%;height:100%}.camera-feed{object-fit:cover;z-index:-2}.camera-shade{z-index:-1;background:linear-gradient(180deg,rgba(3,16,13,.72),transparent 24%,transparent 70%,rgba(3,16,13,.82))}.scanner-topbar,.scanner-controls{position:absolute;z-index:2;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding-inline:max(20px,env(safe-area-inset-left))}.scanner-topbar{top:0;padding-top:max(22px,env(safe-area-inset-top))}.scanner-brand,.connection-status{display:flex;align-items:center;gap:8px}.scanner-brand strong{font-size:15px;letter-spacing:.02em}.connection-status{padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:99px;font-size:12px;background:#05191573;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.capture-stage{position:absolute;inset:11% 7% 15%;display:grid;place-items:center}.receipt-guide{position:relative;width:min(78vw,480px);height:min(62vh,660px)}.guide-corner{position:absolute;width:48px;height:48px;border-color:#c8f55b;border-style:solid}.guide-tl{left:0;top:0;border-width:4px 0 0 4px;border-radius:16px 0 0}.guide-tr{right:0;top:0;border-width:4px 4px 0 0;border-radius:0 16px 0 0}.guide-bl{left:0;bottom:0;border-width:0 0 4px 4px;border-radius:0 0 0 16px}.guide-br{right:0;bottom:0;border-width:0 4px 4px 0;border-radius:0 0 16px}.guide-scan-line{position:absolute;left:5%;top:45%;width:90%;height:2px;background:#c8f55b;box-shadow:0 0 18px #c8f55b;animation:scan 2s ease-in-out infinite alternate}.scanner-instruction{position:absolute;bottom:-96px;display:grid;justify-items:center;text-align:center;text-shadow:0 2px 16px #000}.scanner-instruction svg{color:#c8f55b}.scanner-instruction h1{margin:8px 0 3px;font-size:clamp(20px,5vw,29px)}.scanner-instruction p{margin:0;color:#d4dfda;font-size:13px}.scanner-controls{bottom:0;padding-bottom:max(22px,env(safe-area-inset-bottom))}.scanner-controls>span{color:#b8c9c2;font-size:12px}.scanner-controls button{display:flex;align-items:center;gap:8px;color:#f7faf7;border:1px solid rgba(255,255,255,.3);background:#051915b8;border-radius:99px;padding:11px 16px}.scanner-controls button:disabled{opacity:.45}.expired-screen{min-height:100%;display:grid;place-content:center;justify-items:center;padding:32px;text-align:center;background:#f5f4ef;color:#17342d}.expired-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#f7dd8a;font-weight:900;font-size:30px}.scanner-kicker{margin:22px 0 4px;color:#678078;font-size:11px;letter-spacing:.18em;font-weight:800}.expired-screen h1{margin:4px 0 8px;font-size:25px}.expired-screen>p:last-child{max-width:330px;margin:0;color:#64746f;line-height:1.7}@keyframes scan{0%{transform:translateY(-18vh)}to{transform:translateY(18vh)}}@media(prefers-reduced-motion:reduce){.guide-scan-line{animation:none}}