.gift-page{--gift:#3ee07a;--gift-2:#ffcf3a;--gift-ink:#06140b}
.gift-sky{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(1200px 700px at 70% -10%,rgba(62,224,122,.16),transparent 60%),radial-gradient(900px 600px at 10% 110%,rgba(255,207,58,.08),transparent 60%)}
.gift-sky canvas{width:100%;height:100%;display:block}
.gift-page .site{position:relative;z-index:1}
.gift-hot{color:var(--gift);text-shadow:0 0 28px rgba(62,224,122,.35)}
.gift-hero__row{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.gift-art{margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(62,224,122,.3);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 60px rgba(62,224,122,.12);transform:rotate(1.5deg)}
.gift-art img{display:block;width:100%;height:auto}
.gift-count{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:28px}
.gift-count b{font-size:clamp(48px,8vw,88px);line-height:.9;color:var(--gift);font-variant-numeric:tabular-nums}
.gift-count span{font-size:16px;color:var(--ink-2,rgba(244,236,230,.7));max-width:16ch}
.gift-rail{position:relative;height:10px;margin-top:18px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.gift-rail i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--gift),var(--gift-2));border-radius:99px;transition:width 1s ease}
.gift-left{margin-top:10px;color:var(--ink-3,rgba(244,236,230,.45))}
.gift-box{display:grid;justify-items:center;gap:14px;padding:34px 20px;border-radius:18px;background:var(--panel,#110a09);border:1px solid rgba(62,224,122,.22)}
.gift-present{display:grid;justify-items:center;gap:10px;padding:0;border:0;background:none;color:inherit;cursor:pointer;font:inherit}
.gift-present svg{width:min(220px,60vw);height:auto;overflow:visible;filter:drop-shadow(0 18px 30px rgba(0,0,0,.5))}
.gift-present svg rect,.gift-present svg path{fill:var(--gift-2);stroke:#1a1206;stroke-width:3;stroke-linejoin:round}
.gift-present svg .gift-present__ribbon{fill:#e8382a}
.gift-present__lid{transform-box:fill-box;transform-origin:50% 100%;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.gift-present:hover .gift-present__lid,.gift-present:focus-visible .gift-present__lid{transform:translateY(-6px) rotate(-4deg)}
.gift-present:not(:disabled) svg{animation:giftBob 2.4s ease-in-out infinite}
.gift-present.is-open .gift-present__lid{transform:translate(-30px,-80px) rotate(-28deg)}
.gift-present.is-open svg{animation:none}
.gift-present:disabled{cursor:default}
.gift-present__label{padding:12px 22px;border-radius:99px;background:var(--gift);color:var(--gift-ink);font-weight:900;letter-spacing:.1em}
.gift-present:disabled .gift-present__label{background:rgba(255,255,255,.12);color:var(--ink,#f4ece6)}
.gift-msg{min-height:20px;margin:0;text-align:center;font-size:14px;color:var(--ink-2,rgba(244,236,230,.7))}
.gift-msg.is-bad{color:#ff7a5c}
.gift-msg.is-good{color:var(--gift)}
.gift-msg a{color:var(--gift)}
.gift-recent{margin-top:18px}
.gift-recent ul{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.gift-recent li{padding:6px 10px;border-radius:99px;background:rgba(62,224,122,.1);border:1px solid rgba(62,224,122,.25);font-size:13px;font-variant-numeric:tabular-nums}
.gift-send{display:grid;gap:12px;max-width:560px;padding:26px;border-radius:18px;background:var(--panel,#110a09);border:1px solid var(--line,rgba(255,60,40,.16))}
.gift-field{display:grid;gap:6px}
.gift-field input{width:100%;box-sizing:border-box;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:var(--bg-2,#0c0706);color:var(--ink,#f4ece6);font:inherit;font-size:16px}
.gift-field input:focus{outline:2px solid var(--gift);outline-offset:1px}
.gift-field__row{display:flex;align-items:center;gap:10px}
.gift-field__row b{font-size:13px;letter-spacing:.08em;color:var(--ink-3,rgba(244,236,230,.5))}
.gift-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.gift-picks button{padding:11px 0;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:var(--bg-2,#0c0706);color:var(--ink,#f4ece6);font:inherit;font-weight:800;cursor:pointer}
.gift-picks button[aria-pressed="true"]{border-color:var(--gift);color:var(--gift)}
.gift-go{display:block;width:100%;padding:15px;border:0;border-radius:10px;background:var(--gift);color:var(--gift-ink);font:inherit;font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer}
.gift-go:disabled{opacity:.4;cursor:not-allowed}
.gift-go--x{background:#f4ece6;color:#0b0b0b}
.gift-share{display:grid;gap:10px;padding-top:6px;text-align:center}
.gift-share[hidden],.gift-recent[hidden],.gift-turnstile[hidden]{display:none}
.gift-share p{margin:0;color:var(--gift)}
.gift-burst{position:fixed;inset:0;z-index:400;pointer-events:none}
@keyframes giftBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width:860px){.gift-hero__row{grid-template-columns:1fr}.gift-art{max-width:420px;transform:none}}
@media (prefers-reduced-motion:reduce){.gift-present svg{animation:none!important}.gift-present__lid{transition:none}}