.scan-page{min-height:100vh;min-height:100svh;color:var(--c-text);background:#fff;margin:0}.scan-page.is-scanning{overflow:hidden}.scan-top{padding:calc(12px + env(safe-area-inset-top,0px)) 16px 24px;background:radial-gradient(30% 62% at 50% 52%, var(--c-tile) 45%, #e1211d00 100%), var(--c-tile) url(/img/motif.jpg) center top / 380px auto repeat;border-radius:0 0 50% 50%/0 0 18px 18px;justify-content:center;display:flex}.scan-top img{width:132px;height:auto;display:block}.scan{max-width:420px;padding:36px 24px calc(32px + env(safe-area-inset-bottom,0px));text-align:center;animation:fade-up .32s var(--ease-out) both;flex-direction:column;align-items:center;margin:0 auto;display:flex}.scan__art{width:104px;height:104px;color:var(--c-text)}.scan__art-code{fill:var(--c-ink-red)}.scan__title{color:var(--c-text);font:400 34px/1.05 var(--font-display);letter-spacing:0;margin:22px 0 0}.scan__line img{width:46px;height:auto;margin:12px auto 0;display:block}.scan__text{margin:16px 0 0;font-size:16px;line-height:1.5}.scan__open{margin-top:26px}.scan__cam{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;width:24px;height:24px}.scan__error{color:#b3261e;background:#fdf0ef;border-radius:10px;margin:16px 0 0;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.45}.scanner{z-index:50;color:#fff;background:#000;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.scanner__video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.scanner__frame{aspect-ratio:1;border-radius:18px;outline:3px solid #fff;width:min(68vw,280px);position:relative;box-shadow:0 0 0 100vmax #00000080}.scanner__title,.scanner__note{text-align:center;margin:0;font-weight:600;position:absolute;left:16px;right:16px}.scanner__title{top:calc(28px + env(safe-area-inset-top,0px));font-size:17px}.scanner__note{top:calc(56px + env(safe-area-inset-top,0px));color:#ffd3d0;min-height:20px;font-size:14px}.scanner__close{left:50%;bottom:calc(28px + env(safe-area-inset-bottom,0px));min-width:160px;min-height:48px;color:var(--c-text);font:600 16px var(--font-body,"Poppins", sans-serif);cursor:pointer;background:#fff;border:0;border-radius:10px;padding:0 20px;position:absolute;transform:translate(-50%)}.scanner__close:active{transform:translate(-50%)scale(.98)}@media (prefers-reduced-motion:reduce){.scan{animation:none}}