/* Gift cards of musicbot4you.net (app/views_v2/gift/_card.tpl): the same card, page, account and print
   styles as ts3musicbot.net (TS3MusicBot-website assets/v2/css/gift.css), in the colours of this site:
   the first design is violet instead of navy, the amount uses Outfit, the brand is the octopus.
   Every size inside a card is in container units (cqw = 1 % of the card width), so the same
   markup is a 520 px card on screen and a true 85.6 x 54 mm card (ISO/IEC 7810 ID-1) on paper. */

/* ---------- card ---------- */
/* Every card is a present: a satin ribbon with its bow wraps the top-right corner (and peeks
   around the back's top-left one), sound rings spread from the bow and the equalizer grows from
   the bottom edge. The design classes (gc-violet ... gc-paper) only set the custom properties and
   their own decorations (.gc-deco: lights, confetti, snow, the neon sun). */
.gc{--gc-r:4.4cqw;--gc-ink:#faf7ff;--gc-soft:rgba(237,233,254,.78);--gc-acc:#c084fc;--gc-acc2:#7c3aed;--gc-line:rgba(255,255,255,.13);
  --gc-sash-d:#5b21b6;--gc-sash-m:#8b5cf6;--gc-sash-l:#e9d5ff;--gc-ring:rgba(216,180,254,.08);--gc-glow:rgba(147,51,234,.55);
  --gc-bg:linear-gradient(135deg,#110922,#26124a 55%,#0d0719);--gc-head:Outfit,"Segoe UI",system-ui,sans-serif;--rx:0deg;--ry:0deg;
  position:relative;display:block;width:100%;aspect-ratio:85.6/54;container-type:inline-size;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--gc-ink);text-align:start;
  -webkit-print-color-adjust:exact;print-color-adjust:exact}
/* the 3D layer: not the size container (container-type on a preserve-3d element flattens it) */
.gc-inner{position:absolute;inset:0;transform-style:preserve-3d;transform:perspective(1600px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.gc.is-tilting .gc-inner{transition:transform .08s linear}
.gc-face{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;border-radius:var(--gc-r);padding:5.4cqw 6cqw 5cqw;
  background:radial-gradient(95% 120% at 100% 0%,var(--gc-glow),transparent 58%),radial-gradient(rgba(255,255,255,.06) .13cqw,transparent .17cqw) 0 0/2.6cqw 2.6cqw,var(--gc-bg);
  backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .3s;
  box-shadow:0 2.6cqw 7cqw rgba(2,6,23,.5),0 .5cqw 1.4cqw rgba(2,6,23,.35),inset 0 0 0 .18cqw var(--gc-line),inset 0 .3cqw 0 rgba(255,255,255,.09)}
.gc-back{transform:rotateY(180deg)}
.gc.is-flipped .gc-front{transform:rotateY(-180deg)}
.gc.is-flipped .gc-back{transform:rotateY(0deg)}
/* light sweep over the front while tilting */
.gc-front::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.1) 44%,transparent 58%);
  background-size:250% 100%;background-position:var(--shine,100%) 0;mix-blend-mode:screen}
/* front art (.gc-art adds no stacking context: its parts layer with the text by z-index) */
.gc-art{position:absolute;inset:0;pointer-events:none}
.gc-rings{position:absolute;z-index:-1;width:150cqw;height:150cqw;left:4cqw;top:-54cqw;border-radius:50%;
  background:repeating-radial-gradient(circle,transparent 0 5.2cqw,var(--gc-ring) 5.2cqw 5.5cqw);
  -webkit-mask:radial-gradient(circle,#000 0 22%,transparent 62%);mask:radial-gradient(circle,#000 0 22%,transparent 62%)}
.gc-deco{position:absolute;z-index:0;left:0;top:0;width:1cqw;height:1cqw;display:none}
/* front ribbon: 7cqw, about as wide as the bow's tails, its centre line through the bow (top + height / 2 = 20.7cqw) */
.gc-sash{position:absolute;z-index:1;left:38cqw;top:17.2cqw;width:84cqw;height:7cqw;transform:rotate(45deg);
  background:linear-gradient(180deg,var(--gc-sash-d) 0,var(--gc-sash-m) 30%,var(--gc-sash-l) 49%,var(--gc-sash-m) 68%,var(--gc-sash-d) 100%);
  box-shadow:0 0 0 .14cqw rgba(255,255,255,.12),0 1.2cqw 2.4cqw rgba(0,0,0,.4)}
.gc-sash::before,.gc-sash::after{content:"";position:absolute;inset-inline:0;height:.18cqw;background:rgba(255,255,255,.35)}
.gc-sash::before{top:.8cqw}
.gc-sash::after{bottom:.8cqw;background:rgba(0,0,0,.18)}
.gc-bow{position:absolute;z-index:2;left:76.5cqw;top:18.5cqw;width:0;height:0;filter:drop-shadow(0 .8cqw 1.4cqw rgba(0,0,0,.4))}
.gc-bow i,.gc-bow s,.gc-bow b{position:absolute;display:block}
/* the loops: filled satin, the fold shaded inside */
.gc-bow i{top:-5cqw;width:11.5cqw;height:9.4cqw;background:linear-gradient(155deg,var(--gc-sash-l) 0,var(--gc-sash-m) 38%,var(--gc-sash-d) 100%)}
.gc-bow i::after{content:"";position:absolute;top:28%;width:46%;height:46%;border-radius:50%;background:radial-gradient(circle,var(--gc-sash-d) 0,color-mix(in srgb,var(--gc-sash-d) 55%,transparent) 45%,transparent 72%)}
.gc-bow i:nth-of-type(1){right:1.4cqw;border-radius:72% 28% 34% 66%/58% 42% 58% 42%;transform:rotate(-14deg);transform-origin:right center}
.gc-bow i:nth-of-type(1)::after{right:12%}
.gc-bow i:nth-of-type(2){left:1.4cqw;border-radius:28% 72% 66% 34%/42% 58% 42% 58%;transform:rotate(14deg);transform-origin:left center;background:linear-gradient(205deg,var(--gc-sash-l) 0,var(--gc-sash-m) 38%,var(--gc-sash-d) 100%)}
.gc-bow i:nth-of-type(2)::after{left:12%}
/* the tails, notched */
.gc-bow s{top:0;width:4.6cqw;height:11cqw;text-decoration:none;background:linear-gradient(90deg,var(--gc-sash-d),var(--gc-sash-m) 45%,var(--gc-sash-l) 55%,var(--gc-sash-m) 70%,var(--gc-sash-d));
  clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);transform-origin:top center}
.gc-bow s:nth-of-type(1){left:-4.4cqw;transform:rotate(26deg)}
.gc-bow s:nth-of-type(2){left:-.2cqw;transform:rotate(-26deg)}
/* the knot */
.gc-bow b{left:-2.8cqw;top:-3.2cqw;width:5.6cqw;height:6.2cqw;border-radius:1.8cqw;background:linear-gradient(160deg,var(--gc-sash-l),var(--gc-sash-m) 45%,var(--gc-sash-d));
  box-shadow:inset 0 .3cqw 0 rgba(255,255,255,.35),inset 0 -.5cqw .8cqw rgba(0,0,0,.25)}
/* the equalizer grows from the bottom edge */
.gc-eq{position:absolute;z-index:0;right:5.5cqw;bottom:0;width:34.5cqw;height:27cqw;display:flex;align-items:flex-end;gap:1.05cqw;
  -webkit-mask:linear-gradient(0deg,#000 55%,rgba(0,0,0,.6));mask:linear-gradient(0deg,#000 55%,rgba(0,0,0,.6))}
.gc-eq i{flex:1;height:var(--h);border-radius:.9cqw .9cqw 0 0;background:linear-gradient(180deg,var(--gc-acc),var(--gc-acc2) 70%,color-mix(in srgb,var(--gc-acc2) 60%,transparent));
  box-shadow:0 0 2.2cqw color-mix(in srgb,var(--gc-acc) 45%,transparent);transform-origin:bottom;animation:gc-eq 2.8s ease-in-out var(--d) infinite alternate}
@keyframes gc-eq{0%{transform:scaleY(1)}50%{transform:scaleY(.6)}100%{transform:scaleY(.92)}}
/* front text: brand; the kind, value and product; to and from */
.gc-top,.gc-value,.gc-bottom{position:relative;z-index:2}
.gc-top{display:flex;align-items:center}
.gc-brand{display:inline-flex;align-items:center;gap:2cqw;font-family:var(--gc-head);font-size:4cqw;font-weight:800;letter-spacing:-.02em;line-height:1}
.gc-logo{width:7.2cqw;height:auto;flex:none;filter:drop-shadow(0 .5cqw 1cqw rgba(0,0,0,.4))}
.gc-value{display:flex;flex-direction:column;margin-top:auto;max-width:62cqw}
.gc-kind{display:inline-flex;align-items:center;gap:1.2cqw;margin-bottom:1.6cqw;font-size:2.3cqw;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gc-acc)}
.gc-kind::before{content:"";width:4cqw;height:.3cqw;border-radius:1cqw;background:currentColor}
.gc-amount{font-family:var(--gc-head);font-size:10.4cqw;font-weight:800;letter-spacing:-.045em;line-height:.95;white-space:nowrap}
.gc-amount:not(.gc-amount-text){font-size:13cqw;letter-spacing:-.03em}
.gc-amount.gc-amount-text{font-size:7.6cqw;line-height:1.04;letter-spacing:-.035em;white-space:normal;max-width:54cqw}
.gc-bonus{margin-top:1.1cqw;font-size:3.2cqw;font-weight:700;color:var(--gc-acc)}
.gc-product{margin-top:1.6cqw;font-size:2.4cqw;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gc-soft)}
.gc-bottom{display:flex;gap:5cqw;margin-top:2.8cqw;padding-top:2.4cqw;border-top:.16cqw solid var(--gc-line);max-width:56cqw}
.gc-bottom:empty{display:none}
.gc-who{display:flex;flex-direction:column;min-width:0;max-width:26cqw}
.gc-who small{font-size:1.9cqw;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gc-soft)}
.gc-who b{font-size:3.3cqw;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-stamp{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-11deg);padding:1.2cqw 3.4cqw;border:.7cqw solid currentColor;border-radius:2cqw;
  font-size:6.2cqw;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#fda4af;background:rgba(2,6,23,.55);backdrop-filter:blur(2px)}
.gc-is-redeemed .gc-stamp{color:#86efac}
.gc-is-pending .gc-stamp{color:#fcd34d}
.gc-is-redeemed .gc-face,.gc-is-void .gc-face,.gc-is-expired .gc-face{filter:saturate(.35) brightness(.82)}
.gc-is-redeemed .gc-eq i,.gc-is-void .gc-eq i,.gc-is-expired .gc-eq i{animation:none}
/* back: brand; the code; the message and the steps beside the QR code; the fine print */
.gc-back{gap:2.6cqw;background:radial-gradient(90% 90% at 0% 0%,var(--gc-glow),transparent 55%),var(--gc-bg)}
.gc-back .gc-sash{left:-22cqw;top:2.2cqw;width:44cqw;height:7cqw;transform:rotate(-45deg);z-index:0}
.gc-btop{position:relative;z-index:1;display:flex;justify-content:flex-end;align-items:center}
.gc-btop .gc-brand{font-size:3cqw;gap:1.4cqw}
.gc-btop .gc-logo{width:5cqw}
.gc-code-box{position:relative;z-index:1;display:flex;flex-direction:column;gap:.9cqw;padding:2.2cqw 3.2cqw;border-radius:2.4cqw;
  background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 .2cqw color-mix(in srgb,var(--gc-acc) 55%,transparent)}
.gc-label{font-size:2cqw;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gc-acc)}
.gc-code{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:4.35cqw;font-weight:700;letter-spacing:.02em;white-space:nowrap;line-height:1.1}
.gc-bmid{position:relative;z-index:1;display:flex;gap:4cqw;align-items:stretch;flex:1;min-height:0}
.gc-mid{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.2cqw;min-width:0}
.gc-msg{flex:none;margin:0;font-size:2.6cqw;font-style:italic;line-height:1.35;color:var(--gc-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;quotes:auto}
.gc-msg::before{content:open-quote}
.gc-msg::after{content:close-quote}
.gc-steps{margin:0;padding:0;list-style:none;counter-reset:gcs;display:flex;flex-direction:column;gap:1.5cqw;font-size:2.55cqw;line-height:1.3;color:var(--gc-ink)}
.gc-msg+.gc-steps{gap:.7cqw;font-size:2.2cqw;line-height:1.25;color:var(--gc-soft)}
.gc-steps li{counter-increment:gcs;display:flex;gap:1.8cqw;align-items:baseline}
.gc-steps li::before{content:counter(gcs);flex:none;display:inline-grid;place-items:center;width:3.8cqw;height:3.8cqw;border-radius:50%;font-size:2.1cqw;font-weight:800;color:#160b2b;background:var(--gc-acc);transform:translateY(.5cqw)}
.gc-qrbox{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8cqw}
.gc-qr{display:none;width:19cqw;height:19cqw;padding:1.2cqw;border-radius:1.8cqw;background:#fff;box-shadow:0 .8cqw 2cqw rgba(0,0,0,.3)}
.gc-qr.is-drawn{display:block}
.gc-qr svg{display:block;width:100%;height:100%}
.gc-qrbox small{display:none;font-size:1.8cqw;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gc-soft)}
.gc-qr.is-drawn+small{display:block}
.gc-fine{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;gap:3cqw;padding-top:1.8cqw;border-top:.16cqw solid var(--gc-line);font-size:1.75cqw;line-height:1.3;color:var(--gc-soft)}
.gc-fine b{color:var(--gc-ink);font-weight:700;white-space:nowrap}
/* ---------- designs ---------- */
.gc-aurora{--gc-acc:#5eead4;--gc-acc2:#8b5cf6;--gc-sash-d:#be185d;--gc-sash-m:#f472b6;--gc-sash-l:#fce7f3;--gc-ring:rgba(94,234,212,.08);--gc-glow:rgba(167,139,250,.6);
  --gc-bg:radial-gradient(85% 110% at 0% 105%,rgba(45,212,191,.45),transparent 58%),linear-gradient(160deg,#170c36,#1b1446 50%,#071a2a)}
.gc-aurora .gc-eq i{background:linear-gradient(180deg,#f0abfc,#5eead4 70%,rgba(94,234,212,.5))}
/* Christmas tree: pine green, a string of lights, the equalizer as the tree with a star */
.gc-xmas{--gc-acc:#fcd34d;--gc-acc2:#15803d;--gc-sash-d:#991b1b;--gc-sash-m:#dc2626;--gc-sash-l:#fecaca;--gc-ring:rgba(252,211,77,.07);--gc-glow:rgba(250,204,21,.22);--gc-line:rgba(252,211,77,.24);--gc-soft:rgba(236,253,245,.8);
  --gc-bg:linear-gradient(160deg,#052e1c,#0b4a2e 55%,#03251a)}
.gc-xmas .gc-eq{right:9cqw;width:34cqw;height:31cqw;-webkit-mask:none;mask:none}
.gc-xmas .gc-eq i{background:linear-gradient(180deg,#4ade80,#16a34a 55%,#14532d);box-shadow:none;animation-name:gc-eq-soft}
.gc-xmas .gc-eq i:nth-child(1),.gc-xmas .gc-eq i:nth-child(14){height:16%!important}
.gc-xmas .gc-eq i:nth-child(2),.gc-xmas .gc-eq i:nth-child(13){height:30%!important}
.gc-xmas .gc-eq i:nth-child(3),.gc-xmas .gc-eq i:nth-child(12){height:44%!important}
.gc-xmas .gc-eq i:nth-child(4),.gc-xmas .gc-eq i:nth-child(11){height:57%!important}
.gc-xmas .gc-eq i:nth-child(5),.gc-xmas .gc-eq i:nth-child(10){height:70%!important}
.gc-xmas .gc-eq i:nth-child(6),.gc-xmas .gc-eq i:nth-child(9){height:82%!important}
.gc-xmas .gc-eq i:nth-child(7),.gc-xmas .gc-eq i:nth-child(8){height:92%!important}
.gc-xmas .gc-eq i:nth-child(3n){background:linear-gradient(180deg,#86efac,#22c55e 40%,#15803d)}
.gc-xmas .gc-eq::before{content:"";position:absolute;left:50%;top:-2.6cqw;width:6cqw;height:6cqw;transform:translateX(-50%);
  background:radial-gradient(circle,#fff7d6,#fcd34d 45%,#d97706);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
  filter:drop-shadow(0 0 1.6cqw rgba(252,211,77,.9))}
@keyframes gc-eq-soft{0%{transform:scaleY(1)}100%{transform:scaleY(.94)}}
.gc-festive{--gc-acc:#fcd34d;--gc-acc2:#d97706;--gc-sash-d:#92400e;--gc-sash-m:#f59e0b;--gc-sash-l:#fef3c7;--gc-ring:rgba(252,211,77,.08);--gc-glow:rgba(251,113,133,.35);
  --gc-line:rgba(252,211,77,.26);--gc-soft:rgba(254,243,199,.8);
  --gc-bg:radial-gradient(circle at 18% 22%,rgba(252,211,77,.9) .3cqw,transparent .45cqw),radial-gradient(circle at 34% 10%,rgba(255,255,255,.6) .25cqw,transparent .4cqw),
    radial-gradient(circle at 52% 34%,rgba(252,211,77,.7) .28cqw,transparent .42cqw),radial-gradient(circle at 8% 48%,rgba(255,255,255,.45) .22cqw,transparent .36cqw),
    radial-gradient(circle at 46% 58%,rgba(255,255,255,.4) .2cqw,transparent .34cqw),linear-gradient(140deg,#4a0d1a,#7f1d2d 55%,#3b0a14)}
.gc-festive .gc-eq i{background:linear-gradient(180deg,#fde68a,#f59e0b 70%,rgba(245,158,11,.4))}
.gc-festive .gc-steps li::before{color:#4a0d1a}
.gc-winter{--gc-acc:#a5f3fc;--gc-acc2:#0891b2;--gc-sash-d:#64748b;--gc-sash-m:#cbd5e1;--gc-sash-l:#ffffff;--gc-ring:rgba(186,230,253,.09);--gc-glow:rgba(125,211,252,.4);--gc-line:rgba(186,230,253,.24);
  --gc-bg:linear-gradient(160deg,#06283d,#0c4a6e 55%,#062033)}
.gc-winter .gc-eq i{background:linear-gradient(180deg,#ffffff,#a5f3fc 45%,rgba(8,145,178,.55))}
.gc-birthday{--gc-acc:#fda4af;--gc-acc2:#e11d48;--gc-sash-d:#c2410c;--gc-sash-m:#fb923c;--gc-sash-l:#ffedd5;--gc-ring:rgba(253,164,175,.08);--gc-glow:rgba(244,114,182,.5);--gc-line:rgba(253,164,175,.22);
  --gc-bg:linear-gradient(135deg,#3b0a2e,#7a1a4f 55%,#2a0a33)}
.gc-birthday .gc-eq i{background:linear-gradient(180deg,#fde68a,#fb7185 55%,rgba(225,29,72,.5))}
.gc-neon{--gc-acc:#22d3ee;--gc-acc2:#db2777;--gc-sash-d:#9d174d;--gc-sash-m:#ec4899;--gc-sash-l:#fbcfe8;--gc-ring:rgba(34,211,238,.08);--gc-glow:rgba(219,39,119,.4);--gc-line:rgba(34,211,238,.25);
  --gc-bg:repeating-linear-gradient(90deg,rgba(34,211,238,.08) 0 .14cqw,transparent .14cqw 6cqw) 0 100%/100% 22% no-repeat,
    repeating-linear-gradient(0deg,rgba(34,211,238,.08) 0 .14cqw,transparent .14cqw 2.6cqw) 0 100%/100% 22% no-repeat,
    linear-gradient(180deg,#0b0620,#1a0b3a 70%,#120830)}
/* a synthwave sun rising behind the equalizer */
.gc-neon .gc-front .gc-deco{display:block;left:auto;right:4cqw;top:auto;bottom:-15cqw;width:38cqw;height:38cqw;border-radius:50%;
  background:repeating-linear-gradient(180deg,transparent 0 46%,#0b0620 46% 48.5%,transparent 48.5% 54%,#0b0620 54% 57.5%,transparent 57.5% 62%,#0b0620 62% 66.5%,transparent 66.5%),
    linear-gradient(180deg,#fde047,#fb7185 45%,#c026d3);opacity:.55;filter:drop-shadow(0 0 3cqw rgba(236,72,153,.6))}
.gc-neon .gc-eq i{background:linear-gradient(180deg,#67e8f9,#22d3ee 40%,#db2777)}
.gc-neon .gc-amount{text-shadow:0 0 2.4cqw rgba(34,211,238,.55)}
.gc-sunset{--gc-acc:#fdba74;--gc-acc2:#ea580c;--gc-sash-d:#0f766e;--gc-sash-m:#14b8a6;--gc-sash-l:#ccfbf1;--gc-ring:rgba(253,186,116,.09);--gc-glow:rgba(249,115,22,.5);--gc-line:rgba(253,186,116,.24);
  --gc-bg:radial-gradient(60% 70% at 78% 100%,rgba(251,146,60,.65),transparent 62%),linear-gradient(165deg,#1e1038,#4a1a5c 50%,#8a2d4a)}
.gc-sunset .gc-eq i{background:linear-gradient(180deg,#fde68a,#fb923c 50%,rgba(234,88,12,.55))}
.gc-sunset .gc-steps li::before{color:#3b0a14}
.gc-gold{--gc-ink:#fdf6e3;--gc-soft:rgba(253,246,227,.7);--gc-acc:#e8c66a;--gc-acc2:#a16207;--gc-sash-d:#854d0e;--gc-sash-m:#d4a843;--gc-sash-l:#fff3c4;--gc-ring:rgba(232,198,106,.07);--gc-glow:rgba(232,198,106,.18);--gc-line:rgba(232,198,106,.3);
  --gc-bg:repeating-linear-gradient(135deg,rgba(232,198,106,.035) 0 .2cqw,transparent .2cqw 1.6cqw),linear-gradient(135deg,#0c0a09,#1c1917 55%,#0a0908)}
.gc-gold .gc-eq i{background:linear-gradient(180deg,#fff3c4,#d4a843 45%,rgba(133,77,14,.6));box-shadow:none}
.gc-gold .gc-amount{background:linear-gradient(180deg,#fff7d6,#e8c66a 55%,#b7892d);-webkit-background-clip:text;background-clip:text;color:transparent}
.gc-gold .gc-steps li::before{color:#1c1917}
/* paper: light, for printing at home */
.gc-paper{--gc-ink:#160b2b;--gc-soft:#4b4560;--gc-acc:#6d28d9;--gc-acc2:#4c1d95;--gc-line:#d6d0e4;--gc-sash-d:#4c1d95;--gc-sash-m:#7c3aed;--gc-sash-l:#ddd6fe;--gc-ring:rgba(76,29,149,.07);--gc-glow:rgba(221,214,254,.75);--gc-bg:#fbfaf7}
.gc-paper .gc-face{background:radial-gradient(95% 120% at 100% 0%,var(--gc-glow),transparent 58%),radial-gradient(rgba(15,23,42,.07) .13cqw,transparent .17cqw) 0 0/2.6cqw 2.6cqw,var(--gc-bg);
  box-shadow:0 2.6cqw 7cqw rgba(2,6,23,.28),inset 0 0 0 .22cqw var(--gc-line)}
.gc-paper .gc-eq i{background:none;box-shadow:none;border:.35cqw solid var(--gc-acc);border-bottom:0;opacity:.7}
.gc-paper .gc-front::after{display:none}
.gc-paper .gc-code-box{background:#fff}
.gc-paper .gc-steps li::before{color:#fff}
.gc-paper .gc-qr{box-shadow:inset 0 0 0 .2cqw var(--gc-line)}
.gc-paper .gc-stamp{background:rgba(255,255,255,.85)}
.gc-paper.gc-is-redeemed .gc-stamp{color:#15803d}
.gc-paper.gc-is-void .gc-stamp,.gc-paper.gc-is-expired .gc-stamp{color:#be123c}
.gc-paper.gc-is-pending .gc-stamp{color:#b45309}
/* the decorations of some designs (generated: kept off the brand, the text, the bow, the ribbon and the equalizer) */
.gc-xmas .gc-front .gc-deco{display:block;width:1.5cqw;height:1.5cqw;border-radius:50%;box-shadow:
    5.00cqw 14.20cqw 0 0 #f87171,
    12.00cqw 16.74cqw 0 0 #fde047,
    19.00cqw 18.55cqw 0 0 #60a5fa,
    26.00cqw 19.64cqw 0 0 #4ade80,
    33.00cqw 20.00cqw 0 0 #f472b6,
    40.00cqw 19.64cqw 0 0 #f87171,
    47.00cqw 18.55cqw 0 0 #fde047,
    54.00cqw 16.74cqw 0 0 #60a5fa,
    61.00cqw 14.20cqw 0 0 #4ade80}
.gc-xmas .gc-front .gc-deco::before{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:
    5.00cqw 14.20cqw 1.8cqw .5cqw #f87171,
    12.00cqw 16.74cqw 1.8cqw .5cqw #fde047,
    19.00cqw 18.55cqw 1.8cqw .5cqw #60a5fa,
    26.00cqw 19.64cqw 1.8cqw .5cqw #4ade80,
    33.00cqw 20.00cqw 1.8cqw .5cqw #f472b6,
    40.00cqw 19.64cqw 1.8cqw .5cqw #f87171,
    47.00cqw 18.55cqw 1.8cqw .5cqw #fde047,
    54.00cqw 16.74cqw 1.8cqw .5cqw #60a5fa,
    61.00cqw 14.20cqw 1.8cqw .5cqw #4ade80;opacity:.55}
.gc-xmas .gc-front .gc-deco::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:
    7.86cqw 15.24cqw 0 -.38cqw rgba(15,23,42,.75),
    10.17cqw 16.07cqw 0 -.38cqw rgba(15,23,42,.75),
    14.86cqw 17.54cqw 0 -.38cqw rgba(15,23,42,.75),
    17.17cqw 18.13cqw 0 -.38cqw rgba(15,23,42,.75),
    21.86cqw 19.11cqw 0 -.38cqw rgba(15,23,42,.75),
    24.17cqw 19.47cqw 0 -.38cqw rgba(15,23,42,.75),
    28.86cqw 19.96cqw 0 -.38cqw rgba(15,23,42,.75),
    31.17cqw 20.08cqw 0 -.38cqw rgba(15,23,42,.75),
    35.86cqw 20.08cqw 0 -.38cqw rgba(15,23,42,.75),
    38.17cqw 19.96cqw 0 -.38cqw rgba(15,23,42,.75),
    42.86cqw 19.48cqw 0 -.38cqw rgba(15,23,42,.75),
    45.17cqw 19.12cqw 0 -.38cqw rgba(15,23,42,.75),
    49.86cqw 18.15cqw 0 -.38cqw rgba(15,23,42,.75),
    52.17cqw 17.55cqw 0 -.38cqw rgba(15,23,42,.75),
    56.86cqw 16.10cqw 0 -.38cqw rgba(15,23,42,.75),
    59.17cqw 15.26cqw 0 -.38cqw rgba(15,23,42,.75)}
.gc-birthday .gc-front .gc-deco{display:block;width:.8cqw;height:2cqw;border-radius:.2cqw;transform-origin:0 0;transform:rotate(28deg);box-shadow:
    19.38cqw 6.88cqw 0 0 #fde047,
    86.75cqw -40.75cqw 0 0 #67e8f9,
    50.87cqw -20.59cqw 0 0 #f9a8d4,
    13.46cqw 8.87cqw 0 0 #a5b4fc,
    49.42cqw -3.98cqw 0 0 #86efac,
    88.07cqw -34.48cqw 0 0 #fdba74,
    24.07cqw 4.97cqw 0 0 #fde047,
    59.92cqw -12.04cqw 0 0 #67e8f9,
    6.91cqw 8.70cqw 0 0 #f9a8d4}
.gc-birthday .gc-front .gc-deco::before{content:"";position:absolute;left:0;top:0;width:.8cqw;height:2cqw;border-radius:.2cqw;transform-origin:0 0;transform:rotate(-74deg);box-shadow:
    36.91cqw -12.86cqw 0 0 #a5b4fc,
    44.28cqw -30.52cqw 0 0 #86efac,
    16.55cqw 9.47cqw 0 0 #fdba74,
    81.99cqw -51.05cqw 0 0 #fde047,
    32.06cqw -5.43cqw 0 0 #67e8f9,
    76.68cqw -54.47cqw 0 0 #f9a8d4,
    29.40cqw -0.51cqw 0 0 #a5b4fc,
    51.81cqw -49.12cqw 0 0 #86efac,
    48.09cqw -26.66cqw 0 0 #fdba74}
.gc-birthday .gc-front .gc-deco::after{content:"";position:absolute;left:0;top:0;width:1.1cqw;height:1.1cqw;border-radius:50%;transform-origin:0 0;transform:rotate(-28deg);box-shadow:
    39.39cqw 21.24cqw 0 0 #67e8f9,
    85.80cqw 3.29cqw 0 0 #f9a8d4,
    39.26cqw 15.19cqw 0 0 #a5b4fc,
    75.60cqw 4.40cqw 0 0 #86efac,
    31.97cqw 14.00cqw 0 0 #fdba74,
    62.20cqw 20.07cqw 0 0 #fde047,
    50.58cqw 20.83cqw 0 0 #67e8f9,
    96.16cqw 30.05cqw 0 0 #f9a8d4}
.gc-winter .gc-front .gc-deco{display:block;width:.5cqw;height:.5cqw;border-radius:50%;box-shadow:
    11.04cqw 19.90cqw 0 0 rgba(255,255,255,0.85),
    52.72cqw 5.51cqw .2cqw .12cqw rgba(255,255,255,0.70),
    20.26cqw 16.27cqw .4cqw .35cqw rgba(255,255,255,0.50),
    45.90cqw 18.41cqw 0 0 rgba(255,255,255,0.85),
    32.27cqw 15.55cqw .2cqw .12cqw rgba(255,255,255,0.70),
    2.05cqw 14.37cqw .4cqw .35cqw rgba(255,255,255,0.50),
    96.11cqw 25.45cqw 0 0 rgba(255,255,255,0.85),
    59.26cqw 19.31cqw .2cqw .12cqw rgba(255,255,255,0.70),
    8.60cqw 15.48cqw .4cqw .35cqw rgba(255,255,255,0.50),
    56.93cqw 9.76cqw 0 0 rgba(255,255,255,0.85),
    85.79cqw 4.45cqw .2cqw .12cqw rgba(255,255,255,0.70),
    79.68cqw 5.78cqw .4cqw .35cqw rgba(255,255,255,0.50),
    93.12cqw 7.08cqw 0 0 rgba(255,255,255,0.85),
    26.05cqw 13.67cqw .2cqw .12cqw rgba(255,255,255,0.70),
    52.82cqw 11.42cqw .4cqw .35cqw rgba(255,255,255,0.50),
    96.09cqw 3.35cqw 0 0 rgba(255,255,255,0.85),
    37.10cqw 18.86cqw .2cqw .12cqw rgba(255,255,255,0.70),
    73.84cqw 4.96cqw .4cqw .35cqw rgba(255,255,255,0.50),
    95.42cqw 16.38cqw 0 0 rgba(255,255,255,0.85),
    76.68cqw 33.32cqw .2cqw .12cqw rgba(255,255,255,0.70),
    31.90cqw 20.33cqw .4cqw .35cqw rgba(255,255,255,0.50),
    3.78cqw 21.53cqw 0 0 rgba(255,255,255,0.85),
    62.20cqw 13.68cqw .2cqw .12cqw rgba(255,255,255,0.70),
    51.90cqw 17.56cqw .4cqw .35cqw rgba(255,255,255,0.50),
    25.42cqw 19.66cqw 0 0 rgba(255,255,255,0.85),
    47.37cqw 14.18cqw .2cqw .12cqw rgba(255,255,255,0.70),
    93.35cqw 12.26cqw .4cqw .35cqw rgba(255,255,255,0.50),
    16.04cqw 20.35cqw 0 0 rgba(255,255,255,0.85),
    16.13cqw 14.08cqw .2cqw .12cqw rgba(255,255,255,0.70),
    97.39cqw 9.09cqw .4cqw .35cqw rgba(255,255,255,0.50)}
/* inside the account and admin pages the legacy body styles (.v2-legacy p, b, ol, li, button)
   would reach into the card: reset them with a stronger selector */
.gc.gc p,.gc.gc ol,.gc.gc li{margin:0}
.gc.gc ol{padding:0}
.gc.gc li::marker{content:none}
.gc.gc b{color:inherit}
.gc.gc .gc-who b{font-weight:700}
/* a card that shows one face only (lists, print) */
.gc.gc-only-front .gc-back,.gc.gc-only-back .gc-front{display:none}
.gc.gc-only-back .gc-back{transform:none}
@media (prefers-reduced-motion:reduce){
  .gc-inner,.gc-face{transition:none}
  .gc-eq i{animation:none}
}
/* ---------- recipient page (gift.php) ---------- */
.gift-main{padding-block:clamp(40px,7vw,96px)}
.gift-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,72px);align-items:center}
.gift-hero .lead{margin-top:14px}
.gift-stage{display:flex;flex-direction:column;align-items:center;gap:16px}
.gift-stage [data-gift-slot]{width:100%;display:flex;justify-content:center}
.gift-stage .gc{max-width:560px;cursor:pointer}
.gift-hero[data-state=loading] .gift-stage .gc{opacity:.85}
.gift-flip{display:inline-flex;align-items:center;gap:8px;min-height:0;margin:0;padding:6px 12px;border-radius:9999px;border:1px solid var(--line);background:var(--glass);box-shadow:none;color:var(--muted)!important;font:600 13px/1.3 var(--body)}
.gift-flip:hover{color:var(--text)!important;border-color:var(--line-hover,var(--a60));box-shadow:none;transform:none}
.gift-panel{margin-top:26px;padding:22px;display:flex;flex-direction:column;gap:14px}
.gift-panel h2{font-size:19px}
.gift-actions{display:flex;flex-wrap:wrap;gap:10px}
.gift-stack{display:flex;flex-direction:column;gap:14px}
.gift-redeem-form{display:flex;flex-direction:column;gap:12px}
.gift-actions .btn{flex:1 1 auto}
.gift-note{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:var(--muted)}
.gift-note svg{flex:none;margin-top:2px;color:var(--warn)}
.gift-msg{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--glass);font-size:14.5px;line-height:1.5}
.gift-msg.ok{border-color:color-mix(in srgb,var(--ok) 50%,transparent);background:color-mix(in srgb,var(--ok) 12%,transparent)}
.gift-msg.bad{border-color:color-mix(in srgb,var(--danger) 50%,transparent);background:color-mix(in srgb,var(--danger) 12%,transparent)}
.gift-enter{display:flex;gap:10px;flex-wrap:wrap}
.gift-enter input{flex:1 1 260px}
.gift-input,.gift-form input[type=text],.gift-form input[type=email],.gift-form textarea,.gift-form select{width:100%;min-height:44px;padding:10px 13px;border-radius:10px;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);background:color-mix(in srgb,var(--bg2) 80%,transparent);color:var(--text);font:inherit;font-size:15px}
.gift-input.mono{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase}
.gift-input:focus,.gift-form input:focus,.gift-form textarea:focus,.gift-form select:focus{outline:2px solid var(--accent-soft);outline-offset:1px}
.gift-print-menu{position:relative}
.gift-print-menu[open] summary{border-color:var(--line-hover,var(--a60))}
.gift-print-menu summary{list-style:none}
.gift-print-menu summary::-webkit-details-marker{display:none}
.gift-print-menu .gift-print-opts{position:absolute;z-index:5;inset-inline-start:0;top:calc(100% + 6px);min-width:260px;padding:6px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.gift-print-opts button{display:block;width:100%;min-height:0;margin:0;padding:10px 12px;border:0;border-radius:8px;background:none;box-shadow:none;color:var(--text)!important;text-align:start;font:600 14px/1.35 var(--body)}
.gift-print-opts button:hover{background:var(--a18);box-shadow:none;transform:none}
.gift-print-opts small{display:block;color:var(--muted);font-size:12px}
@media (max-width:860px){
  .gift-hero{grid-template-columns:1fr}
  .gift-stage{order:-1}
}

/* ---------- buy without an account (gift.php?buy) ---------- */
.gift-guest-head{max-width:760px}
.gift-guest-pay{max-width:640px}
.gift-captcha{display:flex;flex-direction:column;gap:8px}
.gift-captcha-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.gift-captcha img{border-radius:10px;background:#fff;max-width:100%;height:auto}
.gift-consent{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;font-size:13.5px!important;font-weight:500!important;line-height:1.5}
.gift-consent input{margin-top:3px;flex:none;width:18px;height:18px;accent-color:var(--accent)}
.gift-redeem .h3{margin:0}

/* ---------- account tab ---------- */
.gift-tab{display:flex;flex-direction:column;gap:34px}
.gift-tab h2{margin:0;font-size:21px;font-weight:700;letter-spacing:-.01em}
.gift-tab p{margin:0}
.gift-tab .lead{font-size:15.5px;margin-top:6px}
.gift-buy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}
.gift-form{display:flex;flex-direction:column;gap:14px}
.gift-form label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:13px;font-weight:600;color:var(--muted)}
.gift-form input[type=text],.gift-form input[type=email],.gift-form textarea,.gift-form select,.gift-enter input{margin:0}
.gift-form textarea{min-height:76px;resize:vertical}
.gift-durations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.gift-durations label,.gift-designs label{position:relative;cursor:pointer}
.gift-durations input,.gift-designs input{position:absolute;opacity:0;pointer-events:none}
.gift-durations label,.gift-designs label{margin:0}
.gift-durations span{display:flex;flex-direction:column;gap:2px;height:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--glass);color:var(--text);font-size:15px;font-weight:700}
.gift-durations small{font-size:12px;font-weight:600;color:var(--muted)}
.gift-durations input:checked+span,.gift-designs input:checked+span{border-color:var(--accent);box-shadow:0 0 0 2px var(--a45)}
.gift-durations input:focus-visible+span,.gift-designs input:focus-visible+span{outline:2px solid var(--accent-soft);outline-offset:2px}
.gift-designs{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}
.gift-designs span{display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:12px;border:1px solid var(--line);background:var(--glass);font-size:12px;font-weight:600;color:var(--muted);text-align:center}
.gift-designs i{display:block;aspect-ratio:85.6/54;border-radius:7px}
.gift-designs i.sw-violet{background:linear-gradient(135deg,transparent 58%,#8b5cf6 58% 68%,transparent 68%),radial-gradient(130% 95% at 100% 0%,rgba(168,85,247,.6),transparent 56%),linear-gradient(135deg,#120a22,#24123f)}
.gift-designs i.sw-aurora{background:linear-gradient(135deg,transparent 58%,#f472b6 58% 68%,transparent 68%),radial-gradient(95% 120% at 12% -10%,rgba(167,139,250,.85),transparent 55%),radial-gradient(85% 110% at 105% 105%,rgba(45,212,191,.7),transparent 58%),#1b1446}
.gift-designs i.sw-festive{background:linear-gradient(135deg,transparent 58%,#f59e0b 58% 68%,transparent 68%),linear-gradient(140deg,#4a0d1a,#7f1d2d)}
.gift-designs i.sw-paper{background:linear-gradient(135deg,transparent 58%,#7c3aed 58% 68%,transparent 68%),#fbfaf7;box-shadow:inset 0 0 0 1px #cbd5e1}
.gift-designs i.sw-xmas{background:linear-gradient(135deg,transparent 58%,#dc2626 58% 68%,transparent 68%),linear-gradient(160deg,#052e1c,#0b4a2e)}
.gift-designs i.sw-winter{background:radial-gradient(circle at 25% 30%,#fff 1.5px,transparent 2px),radial-gradient(circle at 60% 55%,#fff 1px,transparent 1.5px),linear-gradient(135deg,transparent 58%,#cbd5e1 58% 68%,transparent 68%),linear-gradient(160deg,#06283d,#0c4a6e)}
.gift-designs i.sw-birthday{background:radial-gradient(circle at 22% 30%,#fcd34d 1.5px,transparent 2px),radial-gradient(circle at 40% 62%,#67e8f9 1.5px,transparent 2px),linear-gradient(135deg,transparent 58%,#fb923c 58% 68%,transparent 68%),linear-gradient(135deg,#3b0a2e,#7a1a4f)}
.gift-designs i.sw-neon{background:linear-gradient(135deg,transparent 58%,#ec4899 58% 68%,transparent 68%),radial-gradient(40% 50% at 78% 100%,#fb7185,transparent 70%),linear-gradient(180deg,#0b0620,#1a0b3a)}
.gift-designs i.sw-sunset{background:linear-gradient(135deg,transparent 58%,#14b8a6 58% 68%,transparent 68%),radial-gradient(60% 70% at 78% 100%,rgba(251,146,60,.8),transparent 62%),linear-gradient(165deg,#1e1038,#8a2d4a)}
.gift-designs i.sw-gold{background:linear-gradient(135deg,transparent 58%,#d4a843 58% 68%,transparent 68%),linear-gradient(135deg,#0c0a09,#1c1917)}
.gift-names{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gift-price{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--glass)}
.gift-price b{font-size:22px;font-weight:800}
.gift-price small{color:var(--muted);font-size:12.5px}
.gift-preview{position:sticky;top:20px;display:flex;flex-direction:column;gap:12px;align-items:center}
.gift-preview .gc{max-width:460px}
.gift-fineprint{font-size:12.5px;color:var(--muted);line-height:1.5}
.gift-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.gift-item{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--glass)}
.gift-item-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;font-size:13px;color:var(--muted)}
.gift-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:9999px;font-size:12px;font-weight:700;border:1px solid var(--line)}
.gift-chip.ok{color:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 45%,transparent)}
.gift-chip.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}
.gift-chip.off{color:var(--muted)}
.gift-item .gift-actions .btn{min-height:38px;padding:0 12px;font-size:13.5px;border-radius:10px}
.gift-item form{display:contents}
.gift-redeem{display:flex;flex-direction:column;gap:12px;padding:20px}
.gift-tab .gift-msg{margin:0}
.gift-paypal{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:20px}
@media (max-width:980px){
  .gift-buy{grid-template-columns:1fr}
  .gift-preview{position:static;order:-1}
}
@media (max-width:520px){
  .gift-durations{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gift-names{grid-template-columns:1fr}
}

/* ---------- admin ---------- */
.gift-admin{display:flex;flex-direction:column;gap:22px}
.gift-admin form.gift-form{max-width:760px}
.gift-admin .gift-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.gift-admin table{width:100%;border-collapse:collapse;font-size:13px}
.gift-admin th,.gift-admin td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:start;vertical-align:middle}
.gift-admin td.mono{font-family:var(--mono);white-space:nowrap}
.gift-batch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
@media (max-width:760px){.gift-admin .gift-row{grid-template-columns:1fr 1fr}}

/* ---------- print (gift.js fills .gift-print and adds html.gift-printing) ---------- */
.gift-print{display:none}
@page gift-a4{size:210mm 297mm;margin:0}
@page gift-a6{size:148mm 105mm;margin:0}
@media print{
  html.gift-printing{color-scheme:light}
  html.gift-printing,html.gift-printing body{background:#fff!important;margin:0!important;padding:0!important;min-height:0!important;height:auto!important}
  html.gift-printing body>*:not(.gift-print){display:none!important}
  html.gift-printing .gift-print{display:block}
  .gp-page{page:gift-a4;position:relative;width:210mm;height:296mm;overflow:hidden;break-after:page;background:#fff;color:#0f172a;font-family:Inter,system-ui,sans-serif}
  .gp-page:last-child{break-after:auto}
  .gp-layout-a6 .gp-page{page:gift-a6;width:148mm;height:104mm}
  .gp-slot{position:absolute}
  .gp-slot .gc{width:100%;height:100%}
  .gp-slot .gc-inner{transform:none!important;transition:none}
  .gp-slot .gc-face{transform:none!important;transition:none;box-shadow:inset 0 0 0 .18cqw var(--gc-line)}
  .gp-slot .gc-front::after{display:none}
  /* PDF and printer drivers draw soft glows and gradient bars with visible edges: flat in print */
  .gp-slot .gc-glow{display:none}
  .gp-slot .gc-bow,.gp-slot .gc-neon .gc-deco,.gp-slot .gc-xmas .gc-eq::before{filter:none}
  .gp-slot .gc-eq i{box-shadow:none}
  /* paper: blurred shadows and soft masks come out of a PDF as dark boxes */
  .gp-slot .gc-logo{filter:none}
  .gp-slot .gc-qr,.gp-slot .gc-sash,.gp-slot .gc-bow b{box-shadow:none}
  .gp-slot .gc-rings{display:none}
  .gp-slot .gc-eq{-webkit-mask:none;mask:none}
  .gp-slot .gc-neon .gc-amount{text-shadow:none}
  .gp-slot .gc-stamp{backdrop-filter:none}
  .gp-slot .gc-eq i{animation:none;background:var(--gc-acc)}
  .gp-slot.gp-slot .gc-paper .gc-eq i{background:none}
  .gp-cut .gc{--gc-r:0}
  .gp-mark{position:absolute;background:#64748b}
  .gp-mark.v{width:.2mm}
  .gp-mark.h{height:.2mm}
  .gp-fold{position:absolute;width:0;border-inline-start:.25mm dashed #64748b}
  .gp-hint{position:absolute;left:0;right:0;text-align:center;font-size:9pt;line-height:1.45;color:#475569}
  .gp-hint b{color:#0f172a}
}