.page{color:#fff;-webkit-user-select:none;user-select:none;--ink:#fff;--ink-shadow:#080b3599;background:linear-gradient(135deg,#2ae1d2 0%,#1f9bcc 43%,#150752 100%);position:fixed;inset:0;overflow:hidden}.overlay{pointer-events:none;position:absolute;inset:0}.stage{transition:left .6s,top .6s,width .6s,height .6s;position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 7% 94%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 7% 94%,#0000 100%)}.sig{text-align:center;pointer-events:none;will-change:transform;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:0;left:0}.ink{background:var(--ink);width:100%;height:80px;-webkit-mask:var(--src) center / contain no-repeat;-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat;display:block}.inkWrap{width:100%;filter:drop-shadow(0 2px 4px var(--ink-shadow))}.name,.msg{overflow-wrap:anywhere;max-width:100%;color:var(--ink);text-shadow:0 2px 10px var(--ink-shadow);font-size:clamp(13px,1.1vw,17px)}.name{font-weight:700}.msg{white-space:pre-wrap;line-height:1.35}.fresh .inkWrap{animation:3.5s ease-out glow}.fresh .name{animation:3.5s ease-out pop}@keyframes glow{0%,40%{filter:drop-shadow(0 0 14px #2ae1d2)drop-shadow(0 0 28px #fff)}to{filter:drop-shadow(0 2px 4px var(--ink-shadow))}}@keyframes pop{0%{transform:scale(1.25)}30%{transform:scale(1.1)}to{transform:scale(1)}}.header{z-index:20;max-width:min(60vw,720px);text-shadow:0 2px 14px var(--ink-shadow);position:absolute;top:22px;left:28px}.header h1{letter-spacing:-.01em;margin:0;font-size:clamp(22px,2.6vw,44px);font-weight:800;line-height:1.1}.header p{opacity:.92;margin:6px 0 0;font-size:clamp(13px,1.2vw,20px)}.counter{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;background:#ffffff29;border-radius:999px;align-items:baseline;gap:8px;margin-top:12px;padding:6px 14px;font-size:clamp(12px,1vw,16px);display:inline-flex}.counter strong{font-size:clamp(16px,1.5vw,26px)}.qr{z-index:30;color:#12295b;background:#fffffff5;border:1px solid #2ae1d2bf;border-radius:18px;align-items:center;gap:12px;padding:11px 16px 11px 11px;display:flex;position:absolute;box-shadow:0 12px 36px #050a4447}.qr img{aspect-ratio:1;border-radius:8px;width:clamp(96px,9vw,168px);height:auto;display:block}.qr strong{font-size:15px;font-weight:800;line-height:1.3;display:block}.qr span{color:#385581;max-width:165px;margin-top:6px;font-size:12px;line-height:1.35;display:block}.qr[data-pos=bottom-right]{bottom:20px;right:24px}.qr[data-pos=bottom-left]{bottom:20px;left:24px}.qr[data-pos=top-right]{top:20px;right:24px}.qr[data-pos=top-left]{top:20px;left:24px}.header[data-shift=true]{top:auto;bottom:22px}.status{z-index:30;opacity:.55;align-items:center;gap:6px;font-size:11px;transition:opacity .3s;display:flex;position:absolute;bottom:12px;left:14px}.status:hover{opacity:1}.qr[data-pos=bottom-left]~.status{left:auto;right:14px}.dot{background:#f5b400;border-radius:50%;width:8px;height:8px}.dot[data-on=true]{background:#39e58c;box-shadow:0 0 8px #39e58c}.closed{z-index:25;text-align:center;text-shadow:0 2px 14px #0b154c;font-size:clamp(18px,2vw,32px);font-weight:700;position:absolute;inset:auto 0 50%}@media (max-width:650px){.qr{border-radius:13px;gap:7px;padding:7px}.qr[data-pos=bottom-right]{bottom:10px;right:10px}.qr[data-pos=bottom-left]{bottom:10px;left:10px}.qr[data-pos=top-right]{top:10px;right:10px}.qr[data-pos=top-left]{top:10px;left:10px}.qr img{width:85px}.qr strong{font-size:11px}.qr span{max-width:110px;font-size:10px}.ink{height:64px}.header{top:14px;left:14px}}