.pr-root{--pw:min(62vw, 280px);--ph:calc(var(--pw) * 1.62);--cw:min(72vw, 330px);--ch:calc(var(--cw) * 1.4);background:var(--black);place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.pr-bg{background:radial-gradient(60% 45% at 50% 46%,#2e5a438c,#0000 70%),radial-gradient(40% 30% at 20% 90%,#1e3b2c99,#0000 70%);position:absolute;inset:0}.pr-center{width:var(--cw);height:var(--ch);place-items:center;display:grid;position:relative}.pr-glow{aspect-ratio:1;pointer-events:none;opacity:.2;background:radial-gradient(closest-side,#f2ede18c,#0000 70%);border-radius:50%;width:160%;position:absolute;transform:scale(.6)}.g1 .pr-glow{opacity:.7;transition:opacity .9s ease-in,transform .9s ease-in;transform:scale(1.1)}.g3 .pr-glow{opacity:.35;transform:scale(1)}.g5 .pr-glow{opacity:.8;transition:opacity .6s,transform .6s;transform:scale(1.25)}.g5.pr-tier4 .pr-glow,.g5.pr-tier5 .pr-glow{filter:blur(30px);background:conic-gradient(#ff009666,#ffe67866,#00ffbe73,#008cff66,#ff009666);animation:6s linear infinite pr-spin}.g6 .pr-glow{opacity:.4}@keyframes pr-spin{to{transform:scale(1.25)rotate(360deg)}}.pr-flash{opacity:0;pointer-events:none;z-index:30;background:radial-gradient(closest-side,#fff,#fff0 60%);position:absolute;inset:-60vmax}.g3:not(.g4) .pr-flash{animation:.6s ease-out pr-flash}.g5:not(.g6).pr-tier3 .pr-flash,.g5:not(.g6).pr-tier4 .pr-flash,.g5:not(.g6).pr-tier5 .pr-flash{animation:.8s ease-out .3s both pr-flash}@keyframes pr-flash{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1)}}.pr-pack{width:var(--pw);height:var(--ph);cursor:pointer;z-index:20;filter:drop-shadow(0 24px 40px #000000a6);outline:none;animation:3.2s ease-in-out infinite pr-float;position:absolute}.g1 .pr-pack{cursor:default;animation:.9s linear forwards pr-shake}.g2 .pr-pack{pointer-events:none;animation:none}.g3 .pr-pack{visibility:hidden}@keyframes pr-float{0%,to{transform:translateY(0)rotate(-1.2deg)}50%{transform:translateY(-12px)rotate(1.2deg)}}@keyframes pr-shake{0%{transform:none}15%{transform:translate(-3px)rotate(-1.5deg)}30%{transform:translate(4px,-1px)rotate(2deg)}45%{transform:translate(-6px,1px)rotate(-3deg)}60%{transform:translate(7px,-2px)rotate(3.5deg)}75%{transform:translate(-9px,2px)rotate(-4.5deg)scale(1.02)}to{transform:scale(1.03)}}.pr-half{transform-origin:0 18%;position:absolute;inset:0}.g2 .pr-top{animation:pr-tear .8s var(--ease-in-out) forwards}.g2 .pr-body{animation:.7s cubic-bezier(.5,0,.8,.4) .4s forwards pr-drop}@keyframes pr-tear{25%{transform:translate(6%,-6%)rotate(5deg)}to{opacity:0;transform:translate(70%,-95%)rotate(32deg)}}@keyframes pr-drop{to{opacity:0;transform:translateY(46%)scale(.9)}}.pr-beam{z-index:5;opacity:0;filter:blur(4px);background:radial-gradient(closest-side,#fff,#f2ede1e6 40%,#f2ede100);border-radius:50%;height:28px;position:absolute;top:calc(18% - 14px);left:-12%;right:-12%}.g2 .pr-beam{animation:1s ease-out forwards pr-beam}@keyframes pr-beam{0%{opacity:0;transform:scaleX(.2)}25%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.4)scaleY(6)}}.pr-art{background:linear-gradient(#2e5a43,#1e3b2c 55%,#13261c);border-radius:6px;position:absolute;inset:0;overflow:hidden}.pr-art-sheen{mix-blend-mode:screen;background:linear-gradient(115deg,#0000 30%,#ffffff38 46%,#ffffff0a 54%,#0000 68%),repeating-linear-gradient(90deg,#ffffff0a 0 2px,#0000 2px 7px);position:absolute;inset:0}.pr-crimp{background:repeating-linear-gradient(90deg,#0000004d 0 3px,#ffffff24 3px 6px);height:5%;position:absolute;left:0;right:0}.pr-crimp-top{top:0}.pr-crimp-bot{bottom:0}.pr-art-body{flex-direction:column;justify-content:center;align-items:center;gap:4%;display:flex;position:absolute;inset:0}.pr-art-word{filter:drop-shadow(0 4px 8px #00000059);width:66%}.pr-art-line{font-size:calc(var(--pw) * .045);color:var(--cream)}.pr-art-count{font-size:calc(var(--pw) * .042);background:var(--cream);color:var(--black);padding:4px 10px}.pr-art-for{text-align:center;font-size:calc(var(--pw) * .036);color:var(--cream);opacity:.85;padding:0 10px;position:absolute;bottom:8%;left:0;right:0}.pr-card{width:var(--cw);z-index:10;opacity:0;perspective:1400px;position:absolute;transform:translateY(8%)scale(.6)}.pr-card-inner{aspect-ratio:5/7;width:100%;transform-style:preserve-3d;position:relative;transform:rotateY(180deg)}.pr-face{backface-visibility:hidden;position:absolute;inset:0}.pr-back{background:var(--green);box-shadow:inset 0 0 0 10px var(--cream), 0 20px 50px #00000080;border-radius:4.5%/3.2%;place-items:center;display:grid;transform:rotateY(180deg)}.pr-back img{width:48%}.g2 .pr-ty{opacity:1}.g3 .pr-ty{z-index:15;transition:transform .95s var(--ease-out);transform:none}.g3 .pr-ty .pr-card-inner{transition:transform 1s var(--ease-in-out);transform:rotateY(0)}.g5 .pr-ty{z-index:9;transition:transform .7s var(--ease-out);transform:translate(-16%,-5%)rotate(-7deg)scale(.86)}.g5 .pr-ty .wc{filter:brightness(.7);transition:filter .7s}.g4 .pr-me{opacity:1}.g5 .pr-me{z-index:16;transition:transform .95s .15s var(--ease-out);transform:translate(6%,3%)rotate(3deg)}.g5 .pr-me .pr-card-inner{transition:transform 1.1s .2s var(--ease-in-out);transform:rotateY(0)}.pr-sparks{z-index:25;pointer-events:none;position:absolute;top:50%;left:50%}.pr-sparks i{background:var(--cream);opacity:0;width:9px;height:9px;margin:-4.5px;animation:1.3s ease-out forwards pr-spark;position:absolute;transform:rotate(45deg)scale(0)}.pr-sparks i:nth-child(3n){background:#4f8a68}.pr-tier4 .pr-sparks i:nth-child(4n),.pr-tier5 .pr-sparks i:nth-child(4n){background:#9fe3ff}.pr-tier4 .pr-sparks i:nth-child(5n),.pr-tier5 .pr-sparks i:nth-child(5n){background:#ffb3df}@keyframes pr-spark{0%{opacity:1;transform:translate(0)rotate(45deg)scale(0)}20%{opacity:1}to{opacity:0;transform:translate(var(--x), var(--y)) rotate(405deg) scale(var(--s))}}.pr-hint{left:0;right:0;bottom:max(28px, env(safe-area-inset-bottom));text-align:center;z-index:40;position:absolute}.pr-tap{color:var(--cream);letter-spacing:.28em;cursor:pointer;background:0 0;border:0;padding:14px 20px;font-size:15px;animation:1.6s ease-in-out infinite pr-pulse}.pr-skip{color:#f2ede180;cursor:pointer;background:0 0;border:0;padding:10px 16px}@keyframes pr-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.pr-pack,.pr-tap{animation:none!important}}.pr-done{min-width:220px}
.mk{max-width:480px;min-height:100svh;padding:18px 16px max(28px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.mk-head{justify-content:space-between;align-items:center;min-height:44px;display:flex}.mk-logo{width:auto;height:40px}.mk-restart{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:12px 0 12px 12px}.mk-sync{z-index:50;color:var(--muted);pointer-events:none;align-items:center;gap:5px;font-size:11px;display:flex;position:fixed;top:10px;right:10px}.mk-sync i{background:#3f8f5f;border-radius:50%;width:7px;height:7px}.mk-sync.wait i{background:#d39a3a}.mk-sync.ok{opacity:.55}.mk:has(.mk-restart) .mk-sync{top:auto;bottom:10px}.mk-big{min-height:60px;font-size:17px}.mk-lede{color:var(--cream-2);max-width:30ch;margin:14px 0 34px;font-size:18px}.mk-sub{color:var(--muted);margin:8px 0 18px}.mk-link{color:var(--cream-2);text-underline-offset:3px;font:inherit;cursor:pointer;background:0 0;border:0;padding:18px;text-decoration:underline}.mk-start{text-align:left;flex-direction:column;flex:1;justify-content:center;align-items:stretch;display:flex}.mk-start h1{margin:0;font-size:clamp(44px,13vw,64px)}.mk-reading{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.mk-scan{aspect-ratio:3/4;border-radius:var(--radius);background:var(--green-3);width:min(72vw,300px);position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #f2ede133}.mk-scan img{object-fit:cover;object-position:top;opacity:.55;width:100%;height:100%}.mk-scanline{background:linear-gradient(180deg, transparent, #f2ede159 85%, var(--cream) 100%);height:26%;animation:1.4s ease-in-out infinite mk-scan;position:absolute;top:-26%;left:0;right:0}@keyframes mk-scan{to{top:100%}}.mk-reading p{color:var(--cream-2);animation:1.4s ease-in-out infinite mk-pulse}@keyframes mk-pulse{50%{opacity:.45}}.mk-confirm{flex-direction:column;padding-top:14px;display:flex}.mk-confirm h2{margin:0;font-size:34px}.mk-note{color:#f1d29a;background:#d39a3a24;border-radius:10px;margin:12px 0 18px;padding:10px 12px}.mk-field{margin-bottom:14px;display:block}.mk-field span{color:var(--muted);margin-bottom:6px;display:block}.mk-field em{text-transform:none;letter-spacing:0;opacity:.7;margin-left:4px;font-style:normal}.mk-field input{width:100%;min-height:50px;font:inherit;color:var(--cream);background:#f2ede10f;border:1.5px solid #f2ede12e;border-radius:12px;padding:12px 14px;font-size:17px;transition:border-color .15s}.mk-field input:focus{border-color:var(--cream);outline:none}.mk-check{cursor:pointer;align-items:center;gap:12px;padding:12px 0 22px;font-size:17px;display:flex}.mk-check input{accent-color:#4f8a68;flex:none;width:24px;height:24px}.mk-done{text-align:center;flex-direction:column;flex:1;align-items:stretch;gap:10px;padding-top:10px;display:flex}.mk-pair{height:min(96vw,440px);margin-bottom:8px;position:relative}.mk-pair>div{width:58%;position:absolute;top:0}.mk-pair-ty{filter:brightness(.8);left:4%;transform:rotate(-6deg)}.mk-pair-me{right:4%;transform:rotate(4deg);top:4%!important}.mk-grade{margin:4px 0 0;font-size:30px}.mk-done .mk-sub{margin:0 0 12px}.mk-qr{text-align:left;background:var(--cream);color:var(--black);border-radius:var(--radius);align-items:center;gap:16px;margin:4px 0 8px;padding:14px;display:flex}.mk-qr-code{flex:none;width:132px;height:132px}.mk-qr-code svg{width:100%;height:100%;display:block}.mk-qr-copy{gap:4px;min-width:0;display:grid}.mk-qr-copy b{font-size:17px}.mk-qr-copy span{color:#3c443b;font-size:14px}.mk-qr-copy a{color:#3c443b;overflow-wrap:anywhere;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.mk-kicker{color:#3fae7a;margin:0 0 14px}.mk-fine{color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.5}.mk-fine a{color:var(--cream-2)}.mk-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.mk-pitch{border-radius:var(--radius);background:var(--green);text-align:left;gap:8px;margin:10px 0 4px;padding:18px;display:grid}.mk-pitch b{font-size:22px}.mk-pitch p{color:var(--cream-2);margin:0 0 6px}a.btn{text-decoration:none}