:root{--magenta:#D62976;--purple:#962FBF;--orange:#FA7E1E;--yellow:#FEDA75;--blue:#4F5BD5;--cream:#FCEEF5;--ink:#1F1530;--ink-soft:#4A3D5C;--ring:linear-gradient(45deg,var(--yellow),var(--orange) 30%,var(--magenta) 60%,var(--purple) 85%,var(--blue));}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh;background:var(--cream);color:var(--ink);font-family:"Figtree",system-ui,sans-serif;font-weight:400;display:flex;flex-direction:column;overflow-x:hidden;-webkit-font-smoothing:antialiased;}.stage{flex:1;display:flex;flex-direction:column;align-items:center;overflow-x:clip;}.field{width:100%;display:flex;flex-direction:column;align-items:center;padding:calc(env(safe-area-inset-top) + clamp(10px,2dvh,22px)) 16px 0;background:linear-gradient(to bottom,var(--magenta) 0,var(--magenta) 64%,var(--cream) 64%);}.logo{width:clamp(52px,9dvh,144px);height:auto;aspect-ratio:1;border-radius:24%;box-shadow:0 0 0 3px var(--cream);display:block;}.phone{margin-top:clamp(10px,1.8dvh,22px);width:min(62vw,24dvh,250px);aspect-ratio:10/17;background:var(--ink);border-radius:clamp(22px,4dvh,34px);padding:clamp(6px,1dvh,9px);box-shadow:0 18px 40px -18px rgba(31,21,48,.55);position:relative;}.screen{width:100%;height:100%;background:#fff;border-radius:clamp(16px,3dvh,26px);overflow-x:clip;display:flex;flex-direction:column;position:relative;}.bar{display:flex;align-items:center;gap:7px;padding:clamp(14px,2.4dvh,20px) 10px 8px;border-bottom:1px solid #F1E6EE;}.me{width:26px;height:26px;border-radius:50%;background:var(--ring);padding:2px;flex:none;}.me span{display:block;width:100%;height:100%;border-radius:50%;background:var(--cream);border:2px solid #fff}.bar p{font-size:clamp(.62rem,.55rem + .4vw,.74rem);font-weight:600;line-height:1.15}.bar p span{display:block;font-weight:400;color:var(--ink-soft)}.deck{position:relative;flex:1;margin:10px 9px 0;touch-action:pan-y;outline:none;}.deck:focus-visible{box-shadow:0 0 0 3px var(--blue);border-radius:16px}.card{position:absolute;left:0;right:0;top:0;height:78%;background:#fff;border-radius:16px;box-shadow:0 8px 18px -10px rgba(31,21,48,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px;transform-origin:50% 120%;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease;user-select:none;-webkit-user-select:none;cursor:grab;}.card.dragging{transition:none;cursor:grabbing}.av{width:44%;aspect-ratio:1;border-radius:50%;background:var(--ring);padding:3px;}.av span{display:block;width:100%;height:100%;border-radius:50%;border:3px solid #fff;overflow:hidden;position:relative}.av span::after{content:"";position:absolute;left:50%;bottom:-18%;width:76%;height:62%;transform:translateX(-50%);border-radius:50% 50% 0 0;background:rgba(255,255,255,.75)}.av span::before{content:"";position:absolute;left:50%;top:22%;width:36%;height:36%;transform:translateX(-50%);border-radius:50%;background:rgba(255,255,255,.75)}.c1 .av span{background:var(--orange)}.c2 .av span{background:var(--blue)}.c3 .av span{background:var(--purple)}.c4 .av span{background:var(--magenta)}.name{width:62%;height:9px;border-radius:9px;background:var(--ink);opacity:.8;filter:blur(3px);}.tag{font-size:clamp(.62rem,.56rem + .35vw,.74rem);font-weight:600;color:var(--ink);text-align:center;line-height:1.2;}.tag i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:1px}.c1 .tag i{background:var(--orange)}.c2 .tag i{background:var(--blue)}.c3 .tag i{background:var(--purple)}.c4 .tag i{background:var(--magenta)}.hint{position:absolute;left:0;right:0;bottom:clamp(8px,1.6dvh,14px);display:flex;justify-content:center;align-items:center;gap:6px;font-size:clamp(.6rem,.55rem + .3vw,.7rem);color:var(--ink-soft);pointer-events:none;}.hint svg{width:16px;height:16px;animation:nudge 2.4s ease-in-out infinite}@keyframes nudge{0%,60%,100%{transform:translateX(0)}30%{transform:translateX(4px)}}.copy{width:100%;max-width:560px;padding:clamp(12px,2.2dvh,26px) 16px 0;text-align:center;display:flex;flex-direction:column;align-items:center;}h1{font-family:"Bagel Fat One",system-ui,sans-serif;font-weight:400;font-size:clamp(1.42rem,1.05rem + 1.9vw,2.2rem);line-height:1.08;letter-spacing:.005em;color:var(--ink);max-width:17ch;text-wrap:balance;}h1 em{font-style:normal;color:#B01F5F}.sub{margin-top:clamp(6px,1.2dvh,12px);font-size:clamp(.88rem,.8rem + .35vw,1.05rem);line-height:1.4;color:var(--ink-soft);max-width:36ch;}.cta{margin-top:clamp(12px,2dvh,22px);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;min-width:min(100%,280px);padding:0 28px;border-radius:999px;background:var(--purple);color:#fff;font-weight:600;font-size:clamp(1rem,.95rem + .25vw,1.12rem);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .2s ease;}.cta svg{width:18px;height:18px}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media (hover: hover){.cta:hover{transform:translateY(-2px)}}.after{margin-top:8px;font-size:clamp(.78rem,.74rem + .2vw,.88rem);color:var(--ink-soft);max-width:34ch;text-wrap:balance;line-height:1.35;}footer{padding:clamp(10px,2dvh,20px) 16px calc(env(safe-area-inset-bottom) + 12px);text-align:center;font-size:.75rem;color:var(--ink-soft);}@media (prefers-reduced-motion: reduce){.hint svg{animation:none}.card,.cta{transition:none}}