.pc{--pc-bg:#f2f8f6;--pc-card:#fff;--pc-line:#d8e8e3;--pc-ink:#163f3b;--pc-muted:#5f817c;--pc-accent:#439a93;--pc-accent-2:#2f7d76;--pc-good:#2f8a83;--pc-bad:#d9694f;--pc-sand:#f4ede0;min-height:100dvh;color:var(--pc-ink);-webkit-font-smoothing:antialiased;background:radial-gradient(120% 80% at 50% -8%,#d6efe9 0%,#f4faf8 52%,#fff 100%);flex-direction:column;align-items:center;padding:clamp(8px,2vw,20px) 16px 40px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.pc *{box-sizing:border-box}.pc__shell{flex-direction:column;gap:12px;width:100%;max-width:420px;display:flex}.pc__brand{text-align:center;flex-direction:column;align-items:center;gap:2px;margin-bottom:0;display:flex}.pc__brand--tight{gap:0}.pc__logo{width:min(64px,18vw);height:auto;display:block}.pc__logo--sm{width:54px}.pc__brand .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--pc-accent);font-size:10.5px;font-weight:600}.pc__brand h1{letter-spacing:-.01em;color:var(--pc-ink);margin:0;font-size:clamp(17px,4.6vw,21px);font-weight:700}.pc-card{background:var(--pc-card);border:1px solid var(--pc-line);border-radius:20px;flex-direction:column;gap:13px;padding:16px;display:flex;box-shadow:0 22px 50px -32px #145a548c,0 2px 8px -4px #145a5426}.pc-card__top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.pc-card__reward{color:var(--pc-muted);font-size:13px}.pc-card__reward b{color:var(--pc-ink);font-weight:600}.pc-card__count{color:var(--pc-accent);white-space:nowrap;font-size:13px;font-weight:700}.pc-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.pc-dot{aspect-ratio:1;border:1.5px dashed var(--pc-line);color:var(--pc-muted);background:#f2f7f5;border-radius:50%;place-items:center;font-size:14px;transition:transform .25s cubic-bezier(.2,.9,.3,1.4),background .25s,border-color .25s;display:grid}.pc-dot--on{border-style:solid;border-color:var(--pc-accent);background:url(/punchcard/turtle-white.png) center / 58% no-repeat, radial-gradient(circle at 35% 28%, #4fa79f, var(--pc-accent-2));color:#0000;transform:scale(1.04);box-shadow:0 6px 14px -6px #2f7d76b3}.pc-dot--just{animation:.5s cubic-bezier(.2,.9,.3,1.4) pc-pop}@keyframes pc-pop{0%{opacity:0;transform:scale(.3)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1.04)}}.pc-progress{text-align:center;color:var(--pc-muted);font-size:14px}.pc-progress b{color:var(--pc-ink)}.pc-ready{text-align:center;color:var(--pc-accent-2);background:linear-gradient(120deg,#439a9324,#4fbeb224);border:1px solid #439a9373;border-radius:14px;padding:14px;font-weight:700}.pc-ready span{color:var(--pc-muted);margin-top:2px;font-size:13px;font-weight:400;display:block}.pc-qr{border:1px solid var(--pc-line);background:#f6faf8;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:14px;display:flex}.pc-qr img,.pc-qr svg{width:150px;height:150px}.pc-qr__cap{color:var(--pc-muted);text-align:center;font-size:12px}.pc-serial{text-align:center;letter-spacing:.14em;color:var(--pc-muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.pc-btn{appearance:none;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .12s,filter .12s,opacity .12s;display:inline-flex}.pc-btn:active{transform:translateY(1px)}.pc-wallets{flex-direction:column;gap:10px;display:flex}.pc-btn--wallet{color:#fff;background:#000;border:1px solid #000;width:100%}.pc-btn--wallet:hover{filter:brightness(1.2)}.pc-btn--gwallet{color:#3c4043;background:#fff;border:1px solid #dadce0;width:100%}.pc-btn--gwallet:hover{filter:brightness(.97)}.pc-gmark{background:conic-gradient(from -45deg, #ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:800;line-height:1;display:inline-grid}.pc-btn--primary{background:linear-gradient(120deg, var(--pc-accent), var(--pc-accent-2));color:#fff;width:100%}.pc-btn--ghost{border:1px solid var(--pc-line);color:var(--pc-ink);background:0 0}.pc-btn--good{background:var(--pc-good);color:#fff;width:100%}.pc-btn[disabled]{opacity:.45;cursor:not-allowed}.pc-note{color:var(--pc-muted);text-align:center;font-size:12px;line-height:1.5}.pc-note code{color:var(--pc-accent-2);font-size:11px}.pc-welcome{text-align:center;color:var(--pc-accent-2);background:#439a931a;border:1px solid #439a9347;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.pc-welcome span{font-size:15px}.pc-welcome--new{color:var(--pc-accent-2);background:#439a931f;border-color:#439a9366}.pc-choice{text-align:center;align-items:center;gap:14px;padding:22px 18px}.pc-choice__title{letter-spacing:-.01em;color:var(--pc-ink);margin:0;font-size:clamp(18px,5vw,22px);font-weight:700;line-height:1.25}.pc-choice__sub{color:var(--pc-muted);margin:0;font-size:13.5px;line-height:1.5}.pc-choice__sub b{color:var(--pc-ink)}.pc-choice .pc-btn--primary{margin-top:2px}.pc-choice__have{color:var(--pc-muted);cursor:pointer;background:0 0;border:0;padding:4px;font-size:13px;text-decoration:underline}.pc-choice__have:hover{color:var(--pc-accent-2)}.pc-recover{color:var(--pc-muted);border:1px solid var(--pc-line);background:#f2f7f5;border-radius:12px;padding:12px 14px;font-size:12.5px;line-height:1.55}.pc-recover b{color:var(--pc-ink)}.pc-push{color:var(--pc-muted);text-align:center;margin:-4px 8px 0;font-size:12.5px;line-height:1.5}.pc-startfresh{color:#9fb3ae;cursor:pointer;background:0 0;border:0;align-self:center;margin-top:2px;padding:6px;font-size:12px;text-decoration:underline}.pc-startfresh:hover{color:var(--pc-muted)}.pc-foot{color:#93a8a3;text-align:center;max-width:320px;margin:0 auto;font-size:11px;line-height:1.6}.pc-foot a{color:var(--pc-muted)}.pc-demo{text-align:center;align-items:center;gap:16px}.pc-demo__badge{letter-spacing:.12em;text-transform:uppercase;color:var(--pc-accent-2);background:#439a931f;border:1px solid #439a9366;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:700}.pc-demo__lead{color:var(--pc-muted);margin:0;font-size:13px;line-height:1.55}.pc-staff__scanner{aspect-ratio:1;border:1px solid var(--pc-line);background:#0c2321;border-radius:18px;width:100%;position:relative;overflow:hidden}.pc-staff__scanner video{object-fit:cover;width:100%;height:100%}.pc-staff__reticle{border:2px solid #ffffffe6;border-radius:14px;position:absolute;inset:18%;box-shadow:0 0 0 100vmax #00000059}.pc-field{border:1px solid var(--pc-line);width:100%;color:var(--pc-ink);text-align:center;letter-spacing:.12em;background:#f6faf8;border-radius:12px;padding:14px 16px;font-size:16px}.pc-field::placeholder{color:#9ab3ae}.pc-field:focus{outline:2px solid var(--pc-accent)}.pc-row{gap:10px;display:flex}.pc-row>*{flex:1}.pc-toast{text-align:center;border:1px solid var(--pc-line);background:#fff;border-radius:12px;padding:12px 14px;font-size:14px}.pc-toast--good{color:var(--pc-accent-2);background:#2f8a831f;border-color:#2f8a8366}.pc-toast--bad{color:var(--pc-bad);background:#d9694f1f;border-color:#d9694f66}.pc-badge{letter-spacing:.14em;text-transform:uppercase;color:var(--pc-muted);border:1px solid var(--pc-line);border-radius:999px;align-self:center;padding:5px 12px;font-size:11px}.pc-link{color:var(--pc-muted);cursor:pointer;background:0 0;border:0;font-size:12px;text-decoration:underline}.pc-spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite pc-rot}.pc-btn--ghost .pc-spin{border-color:#2f7d764d;border-top-color:var(--pc-accent-2)}@keyframes pc-rot{to{transform:rotate(360deg)}}.pc-center{place-items:center;min-height:40dvh;display:grid}