/* ══════════════════════════════════════════════════════════════════════════
   THE CONSULTATION CARD INSIDE THE PLATFORM (TG Academy UI 1.5.0, 12 Oct 2026)
   Founder: «I want the consultation panel to be built inside the Academy platform so
   that they are still inside it … They just press a button and straight away, without
   any waiting, the panel opens up. Where they can watch the video and request a
   consultation.»
   The card is the one on academy.tg.tours #konsultaciya (design board v21; the shop's
   css/card.css, 9 Oct), every rule scoped to #tgc so nothing leaks into the platform and
   the platform's rules do not reach in. Two renames: the «booked» ending is .cbk (the
   platform's «Все курсы» books already use .bk), and the animations are tgc-*.
   The room around it is the shop's plum velvet, drawn over the page. Markup:
   includes/consult.php; behaviour: assets/consult.js.
   This file is generated: build/academia-platform/tools/consult-build/build_css.py (pre.css +
   the shop's card.css scoped + post.css). consult.js likewise: build_js.py (the shop's
   booking.js + head.js + tail.js). Change the sources and regenerate; test with make_test.py +
   run_test.py (local), run_live.py (the live site, as a visitor; never books).
   ══════════════════════════════════════════════════════════════════════════ */

html.tgc-open,html.tgc-open body{overflow:hidden!important}

#tgc{
  --paper:#FCF0E5;
  --ink:#2E1128;
  --ink-2:#5A4453;
  --ink-3:#7A6272;
  --gold-ink:#9A630F;
  --plum-ink:#371536;
  --hair:rgba(46,17,40,.14);
  --gold:#F0B760;
  --gold-lt:#F1D087;
  --coral:#DD5A5F;
  --violet:#593283;
  --plum-d:#371536;
  --serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --sans:Raleway,'Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
  position:fixed;inset:0;z-index:2147483000;
  background:
    radial-gradient(58% 46% at 50% 30%, rgba(104,52,100,.55), rgba(104,52,100,0) 72%),
    radial-gradient(120% 80% at 50% 118%, rgba(18,5,14,.9) 0%, rgba(18,5,14,0) 62%),
    rgba(38,18,42,.95);
  font-family:var(--sans);font-size:16px;font-weight:400;line-height:1.5;color:var(--ink);text-align:left;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  opacity:0;transition:opacity .18s ease-out;
}
#tgc[hidden]{display:none}
#tgc.is-open{opacity:1}

/* the platform's own rules for headings, paragraphs, buttons and fields must not reach the card */
#tgc *,#tgc *::before,#tgc *::after{box-sizing:border-box}
#tgc h2,#tgc h3,#tgc p,#tgc dl,#tgc dt,#tgc dd,#tgc figure,#tgc figcaption{margin:0;padding:0;border:0;background:none;text-transform:none;letter-spacing:normal}
#tgc dt{font-weight:400}
#tgc img,#tgc video,#tgc svg{max-width:none;border:0;border-radius:0;box-shadow:none}
#tgc button{margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font-family:var(--sans);
  text-transform:none;letter-spacing:normal;text-shadow:none;min-height:0;min-width:0;line-height:normal;
  -webkit-appearance:none;appearance:none}
#tgc a{text-decoration:none;box-shadow:none;outline-offset:3px}
#tgc input,#tgc select{margin:0;min-height:0;box-shadow:none;font-family:var(--sans);letter-spacing:normal;text-transform:none}
#tgc select{height:auto}
#tgc label{margin:0;padding:0}

/* the room: the card in the middle, scrolling inside when it is taller than the screen */
#tgc .tgc__scroll{position:absolute;inset:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;
  overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:118px 14px 32px}
#tgc .tgc__in{width:100%;margin:auto 0;opacity:0;transform:translateY(22px) scale(.985);
  transition:transform .32s cubic-bezier(.16,1,.3,1), opacity .2s ease-out}
#tgc.is-open .tgc__in{opacity:1;transform:none}

/* «Закрыть»: always in the same corner, big enough for any finger */
#tgc .tgc__x{position:fixed;top:14px;right:14px;z-index:3;display:inline-flex;align-items:center;gap:8px;min-height:46px;
  padding:0 18px 0 14px;border:1px solid rgba(254,240,231,.34);border-radius:999px;background:rgba(38,18,42,.88);
  color:#FEF0E7;font:600 15px/1 var(--sans);cursor:pointer;box-shadow:0 8px 20px -10px rgba(0,0,0,.6);
  transition:background .2s, border-color .2s}
#tgc .tgc__x svg{width:20px;height:20px;flex:none}
@media (hover:hover){ #tgc .tgc__x:hover{background:rgba(74,36,72,.96);border-color:rgba(240,183,96,.6)} }
#tgc .tgc__x:focus-visible{outline:3px solid #F0B760;outline-offset:3px}

@media (min-width:901px){
  #tgc .tgc__scroll{padding:76px 40px 48px}
}
@media (min-width:901px) and (max-height:820px){
  #tgc .tgc__scroll{padding-top:66px;padding-bottom:24px}
}
@media (min-width:1101px){
  #tgc .tgc__scroll{padding-left:64px;padding-right:64px}
}
@media (prefers-reduced-motion:reduce){
  #tgc,#tgc .tgc__in{transition:none}
}

/* ── the shop's card.css, scoped ─────────────────────────────────────── */
#tgc .paper{background:var(--paper) url(img/tex-paper-ivory.webp) 0 0/768px 768px}
#tgc .goldpaper{background:#F0B760 url(img/tex-paper-gold.webp) 0 0/512px 512px}
#tgc .ccard{position:relative;max-width:1000px;margin:0 auto;perspective:2200px;perspective-origin:50% 38%;scroll-margin-top:96px}
#tgc .ccard__tilt{position:relative;transform-style:preserve-3d; transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .55s cubic-bezier(.16,1,.3,1)}
#tgc .ccard__inner{position:relative;display:grid;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.45,.05,.2,1)}
#tgc .ccard.is-flipped .ccard__inner{transform:rotateY(180deg)}
#tgc .ccard__inner.is-resizing{transition:transform .85s cubic-bezier(.45,.05,.2,1), height .45s cubic-bezier(.3,.1,.2,1)}
#tgc .ccard__face{grid-area:1/1;position:relative;min-width:0;border-radius:3px;color:var(--ink); -webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d; box-shadow:inset 0 1px 0 rgba(255,255,255,.9), inset 0 -40px 60px -50px rgba(110,60,30,.22), 0 1px 0 #EAD9C9, 0 2px 0 #E2CEBC, 0 3px 0 #D9C3AF, 0 4px 0 #CFB7A1, 0 5px 0 #C4AA92, 0 6px 2px rgba(40,12,36,.5), 0 24px 34px -14px rgba(26,6,24,.6), 0 70px 100px -40px rgba(26,6,24,.75)}
#tgc .ccard__back{transform:rotateY(180deg)}
#tgc .ccard__face::after{content:"";position:absolute;inset:0;border-radius:3px;pointer-events:none; background:radial-gradient(70% 60% at 22% 14%, rgba(255,255,255,.22), rgba(255,255,255,0) 60%), linear-gradient(155deg, rgba(255,255,255,0) 40%, rgba(80,40,20,.08) 100%)}
#tgc .ccard__front{min-height:620px;display:flex;align-items:center;padding:56px 56px 56px 446px}
#tgc .ccard__mark{position:absolute;top:28px;right:32px;width:42px;height:42px; filter:drop-shadow(0 1px 0 rgba(255,255,255,.8)) drop-shadow(0 -1px 0 rgba(110,70,15,.3))}
#tgc .ccard__print{position:absolute;left:-54px;top:46px;width:404px;margin:0;padding:14px 14px 0;background:#FBF7F1;border-radius:2px; transform:translateZ(60px) rotate(-3deg);-webkit-backface-visibility:hidden;backface-visibility:hidden; box-shadow:inset 0 1px 0 #fff, 0 1px 0 rgba(40,12,36,.05), 0 16px 22px -10px rgba(26,6,24,.5), 0 44px 70px -24px rgba(26,6,24,.6)}
#tgc .ccard__print img{display:block;width:100%;height:auto;aspect-ratio:376/452;object-fit:cover;object-position:50% 22%}
#tgc .ccard__print figcaption{padding:14px 4px 18px;font-size:13px;line-height:1.4;color:var(--ink-2)}
#tgc .ccard__body{position:relative;max-width:480px}
#tgc .ccard__kicker{margin:0 0 14px;font-size:15px;font-weight:600;letter-spacing:.02em;color:var(--gold-ink);text-shadow:0 1px 0 rgba(255,255,255,.7)}
#tgc .ccard__h{margin:0 0 18px;font-family:var(--serif);font-weight:500;font-size:clamp(40px,4.3vw,54px);line-height:1.04;letter-spacing:-.01em; color:var(--ink);text-wrap:balance;text-shadow:0 1px 0 rgba(255,255,255,.85), 0 -1px 0 rgba(46,17,40,.08)}
#tgc .ccard__lede{margin:0 0 26px;max-width:440px;font-size:16px;line-height:1.6;color:var(--ink-2);text-shadow:0 1px 0 rgba(255,255,255,.6)}
#tgc .ccard__facts{margin:0 0 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hair); box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
#tgc .ccard__facts div{padding:14px 16px 0}
#tgc .ccard__facts div:first-child{padding-left:0}
#tgc .ccard__facts div+div{border-left:1px solid rgba(46,17,40,.12)}
#tgc .ccard__facts dt{margin:0 0 4px;font-size:13px;line-height:1.3;color:var(--ink-3)}
#tgc .ccard__facts dd{margin:0;font-size:16px;font-weight:600;line-height:1.35;color:var(--ink)}
#tgc .ccard__cta{display:flex;align-items:center;flex-wrap:wrap;gap:18px 22px}
#tgc .ccard__cta .event{flex:none}
#tgc .ccard__cta .btn{padding:19px 36px;font-size:17px}
#tgc .ccard__note{margin:0;max-width:230px;font-size:13px;line-height:1.45;color:var(--ink-3)}
#tgc .ccard__back{display:flex;flex-direction:column;min-height:620px;padding:46px 56px 38px;outline:none}
#tgc .pill{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:1px solid rgba(46,17,40,.16); background:rgba(255,255,255,.45);box-shadow:inset 0 1px 0 #fff, 0 4px 10px -6px rgba(46,17,40,.4); font:600 14px/1 var(--sans);color:var(--ink);white-space:nowrap;cursor:pointer;text-decoration:none; transition:background .2s, box-shadow .2s, transform .15s}
#tgc .pill svg{width:18px;height:18px;flex:none}
@media (hover:hover){
  #tgc .pill:hover{background:rgba(255,255,255,.75)}
}
#tgc .pill:active{transform:translateY(1px)}
#tgc .ccard :focus-visible{outline:3px solid var(--gold-ink);outline-offset:3px}
#tgc .ccard [tabindex="-1"]:focus{outline:none}
#tgc .ccard .tk__in:focus-visible{outline:none}
#tgc .cal{display:flex;flex-direction:column;flex:1}
#tgc .cal[hidden]{display:none}
#tgc .cal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px 24px}
#tgc .cal__h{margin:0 0 8px;font-family:var(--serif);font-weight:500;font-size:clamp(32px,3.2vw,40px);line-height:1.1;color:var(--ink); text-shadow:0 1px 0 rgba(255,255,255,.85);outline:none}
#tgc .cal__tz{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;max-width:60ch}
#tgc .cal__now{margin:0;font-size:14px;line-height:1.45;color:var(--ink-3)}
#tgc .cal__now b{font-weight:600;color:var(--ink-2)}
#tgc .cal__tzbtn{padding:2px 0;border:0;background:none;font:inherit;font-size:13.5px;color:var(--ink-2); text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#tgc .cal__tzsel{flex-basis:100%;max-width:380px;margin-top:6px;padding:10px 12px;border-radius:8px;border:1px solid rgba(46,17,40,.22); background:rgba(255,255,255,.7);color:var(--ink);font:inherit;font-size:15px}
#tgc .cal__tzsel[hidden]{display:none}
#tgc .cal__days{display:flex;align-items:center;gap:10px;margin-top:26px}
#tgc .cal__arrow{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(46,17,40,.16); background:rgba(255,255,255,.5);box-shadow:inset 0 1px 0 #fff, 0 4px 10px -6px rgba(46,17,40,.4);color:var(--ink);cursor:pointer}
#tgc .cal__arrow svg{width:18px;height:18px}
#tgc .cal__arrow:disabled{opacity:.4;cursor:default;box-shadow:none}
#tgc .cal__strip{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth; scrollbar-width:none;padding:6px 2px 8px;margin:-6px 0 -8px}
#tgc .cal__strip::-webkit-scrollbar{display:none}
#tgc .cal__day{flex:0 0 calc((100% - 54px) / 10);min-width:62px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:2px; padding:10px 0 9px;border:0;border-radius:10px;background:transparent;font-family:var(--sans);color:var(--ink);cursor:pointer; transition:background .2s, box-shadow .2s}
#tgc .cal__wd{font-size:13px;font-weight:600;color:var(--ink-3)}
#tgc .cal__num{font-family:var(--serif);font-size:28px;line-height:1.1;font-variant-numeric:lining-nums;text-shadow:0 1px 0 rgba(255,255,255,.85)}
#tgc .cal__mon{font-size:12px;color:var(--ink-3)}
@media (hover:hover){
  #tgc .cal__day:not(:disabled):not([aria-pressed="true"]):hover{background:rgba(255,255,255,.45)}
}
#tgc .cal__day[aria-pressed="true"]{background:#F0B760 url(img/tex-paper-gold.webp) 0 0/512px;color:var(--plum-ink); box-shadow:inset 0 2px 5px rgba(110,60,5,.35), inset 0 -1px 0 rgba(255,255,255,.35), 0 1px 0 rgba(255,255,255,.8)}
#tgc .cal__day[aria-pressed="true"] .cal__wd,#tgc .cal__day[aria-pressed="true"] .cal__mon{color:var(--plum-ink)}
#tgc .cal__day:disabled{cursor:default;opacity:.38}
#tgc .cal__day.is-closed .cal__num{text-decoration:line-through;text-decoration-thickness:1px}
#tgc .cal__rule{height:1px;margin-top:16px;background:var(--hair);box-shadow:0 1px 0 rgba(255,255,255,.7)}
#tgc .cal__slots{margin-top:18px;display:flex;flex-direction:column;gap:14px}
#tgc .cal__part{margin:0 0 9px;font-size:13px;font-weight:600;color:var(--ink-3)}
#tgc .cal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:9px}
#tgc .cal__slot{height:46px;border-radius:10px;border:1px solid rgba(46,17,40,.16);background:rgba(255,255,255,.5); box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 1px 0 rgba(46,17,40,.08), 0 6px 10px -8px rgba(46,17,40,.45); font:600 16px/1 var(--sans);color:var(--ink);font-variant-numeric:lining-nums tabular-nums;cursor:pointer; transition:transform .15s, box-shadow .2s, background .2s, border-color .2s}
@media (hover:hover){
  #tgc .cal__slot:not(:disabled):hover{background:#FFFDF9;border-color:rgba(46,17,40,.45);transform:translateY(-2px); box-shadow:inset 0 1px 0 #fff, 0 2px 0 rgba(46,17,40,.12), 0 12px 18px -10px rgba(46,17,40,.55)}
}
#tgc .cal__slot:active{transform:translateY(1px)}
#tgc .cal__slot:disabled{cursor:not-allowed;background:transparent;box-shadow:none;border-style:dashed;border-color:rgba(46,17,40,.2); color:rgba(46,17,40,.38);text-decoration:line-through;text-decoration-color:rgba(46,17,40,.35);font-weight:500}
#tgc .cal__slot.is-chosen{background:#FFFDF9;border-color:rgba(46,17,40,.45);animation:tgc-slotPress .34s ease-out both; box-shadow:inset 0 1px 0 #fff, 0 0 0 3px #F0B760, 0 10px 16px -10px rgba(46,17,40,.5)}
@keyframes tgc-slotPress{0%{transform:translateY(-2px)}40%{transform:translateY(1px) scale(.95)}100%{transform:none}}
#tgc .cal__alt{margin:auto 0 0;padding-top:24px;font-size:13px;color:var(--ink-3)}
#tgc .cal__alt a{color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}
#tgc .cal__msg{max-width:52ch;padding:20px 0}
#tgc .cal__msg p{margin:0 0 18px;font-size:16px;line-height:1.6;color:var(--ink-2)}
#tgc .cal__skel{display:grid;gap:10px;margin-top:22px}
#tgc .cal__skel i{display:block;height:46px;border-radius:10px;background:rgba(46,17,40,.06);animation:tgc-calPulse 1.3s ease-in-out infinite}
#tgc .cal__skel i:first-child{height:70px;margin-bottom:10px}
@keyframes tgc-calPulse{50%{background:rgba(46,17,40,.11)}}
#tgc .cal__skel--plane{display:flex;justify-content:center;padding:46px 0 34px}
#tgc .tk__sending--plane{display:flex;align-items:center;justify-content:center;gap:12px}
#tgc .cal__wait{margin:16px 0 0;font-size:15px;line-height:1.5;color:var(--ink-2)}
#tgc .is-soaking [data-ink]{animation:tgc-inkSoak .75s cubic-bezier(.3,.1,.3,1) both}
#tgc .is-unsoaking [data-ink]{animation:tgc-inkReturn .7s cubic-bezier(.3,.1,.2,1) both}
@keyframes tgc-inkSoak{0%{opacity:1;filter:none;text-shadow:0 0 0 rgba(46,17,40,0)} 24%{opacity:1;filter:blur(.35px);text-shadow:0 0 5px rgba(46,17,40,.45)} 60%{opacity:.5;filter:blur(1.6px);text-shadow:0 0 9px rgba(46,17,40,.25)} 100%{opacity:0;filter:blur(3px);text-shadow:0 0 12px rgba(46,17,40,0);visibility:hidden}}
@keyframes tgc-inkReturn{0%{opacity:0;filter:blur(4px)}35%{opacity:.4;filter:blur(2px)}100%{opacity:1;filter:none}}
#tgc .ink-w{display:inline-block;white-space:nowrap}
#tgc .ink-l{position:relative;display:inline-block;white-space:pre}
#tgc .ink-c{display:inline-block;opacity:0;animation:tgc-inkIn 1.2s cubic-bezier(.3,.1,.2,1) both}
#tgc .ink-b{position:absolute;left:0;top:0;color:#6A3560;filter:blur(3px);opacity:0;pointer-events:none;animation:tgc-inkBleed 1s ease-out both}
#tgc .tk__stub .ink-b,#tgc .tk__time .ink-b{color:#F0B760}
@keyframes tgc-inkIn{0%{opacity:0;filter:blur(6px)}30%{opacity:.35;filter:blur(3px)}100%{opacity:1;filter:none}}
@keyframes tgc-inkBleed{0%{opacity:0;transform:scale(1.4)}22%{opacity:.5;transform:scale(1.22)}60%{opacity:.22;transform:scale(1.07)}100%{opacity:0;transform:scale(1)}}
#tgc .tk{display:flex;flex-direction:column;flex:1}
#tgc .tk[hidden]{display:none}
#tgc .tk__head{display:flex;align-items:center;justify-content:space-between;gap:16px 24px}
#tgc .tk__h{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(28px,3vw,36px);line-height:1.1;color:var(--ink);outline:none}
#tgc .tk__head .pill{flex:none}
#tgc .tk__pass{position:relative;margin-top:20px;transform:rotate(-.6deg)}
#tgc .tk__pass.is-dropping{animation:tgc-tkDrop 1.36s linear both}
#tgc .tk__pass.is-leaving{animation:tgc-tkLeave .55s cubic-bezier(.5,0,.75,0) both}
@keyframes tgc-tkDrop{0%{transform:perspective(1400px) translate(var(--tk-x),-170px) rotateY(-26deg) rotateX(12deg) rotate(11deg) scale(1.1); filter:drop-shadow(0 60px 50px rgba(26,6,24,.45));animation-timing-function:cubic-bezier(.22,.61,.36,1)} 33.8%{transform:perspective(1400px) translate(28px,8px) rotateY(-5deg) rotateX(3.5deg) rotate(-2.2deg) scale(1.025); filter:drop-shadow(0 22px 24px rgba(26,6,24,.38));animation-timing-function:cubic-bezier(.55,0,.8,.4)} 42.6%{transform:perspective(1400px) translate(-4px,2px) rotateY(2.4deg) rotateX(-1.8deg) rotate(-1.4deg) scale(1); filter:drop-shadow(0 6px 8px rgba(26,6,24,.3));animation-timing-function:cubic-bezier(.12,.7,.3,1)} 58.8%{transform:perspective(1400px) translate(-17px,0) rotateY(-1.1deg) rotateX(.7deg) rotate(-.1deg) scale(1);animation-timing-function:cubic-bezier(.4,0,.3,1)} 73.5%{transform:perspective(1400px) translate(6px,0) rotateY(.45deg) rotateX(-.3deg) rotate(-.9deg) scale(1);animation-timing-function:ease-in-out} 86.8%{transform:perspective(1400px) translate(-2px,0) rotateY(-.15deg) rotateX(.1deg) rotate(-.5deg) scale(1);animation-timing-function:ease-in-out} 100%{transform:perspective(1400px) translate(0,0) rotateY(0deg) rotateX(0deg) rotate(-.6deg) scale(1);filter:drop-shadow(0 2px 3px rgba(26,6,24,.18))}}
@keyframes tgc-tkLeave{to{transform:translateY(-24px) rotate(-.6deg) scale(1.03);opacity:0}}
#tgc .tk.is-going .tk__head,#tgc .tk.is-going .tk__legal{opacity:0;transition:opacity .35s ease}
#tgc .ccard{--tk-x:min(1050px,110vw)}
#tgc .tk__body{position:relative;border-radius:12px 12px 0 0;padding:18px 30px 22px;color:var(--plum-ink); box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 1px 0 rgba(120,70,10,.25), 0 12px 20px -10px rgba(60,20,40,.4)}
#tgc .tk__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(55,21,54,.18)}
#tgc .tk__brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:.03em;white-space:nowrap}
#tgc .tk__brand svg{width:20px;height:20px}
#tgc .tk__kind{font-size:13px;font-weight:600;opacity:.8;white-space:nowrap}
#tgc .tk__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;padding-top:16px}
#tgc .tk__form{display:flex;flex-direction:column;gap:14px;margin:0}
#tgc .tk__f{display:flex;flex-direction:column;gap:4px}
#tgc .tk__lbl{font-size:13px;font-weight:700;letter-spacing:.02em;color:rgba(55,21,54,.8)}
#tgc .tk__lbl em{font-style:normal;font-weight:600;opacity:.8}
#tgc .tk__in{height:40px;width:100%;padding:0 2px;border:0;border-bottom:1.5px solid rgba(55,21,54,.38);border-radius:0;background:transparent; font:600 18px/1.2 var(--sans);color:var(--ink);outline:none;transition:border-color .2s, background .2s}
#tgc .tk__in:focus{border-bottom:2px solid var(--plum-ink);background:rgba(255,255,255,.18)}
#tgc .tk__in[aria-invalid="true"]{border-bottom-color:#B3343A;background:rgba(221,90,95,.12)}
#tgc .tk__in:disabled{opacity:.85;-webkit-text-fill-color:var(--ink)}
#tgc .tk__in:-webkit-autofill,#tgc .tk__in:-webkit-autofill:hover,#tgc .tk__in:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 600000s 0s, color 600000s 0s}
#tgc .tk__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#tgc .tk__wa{position:relative;display:flex;align-items:center;gap:14px;margin:2px -12px 0;padding:10px 12px;border-radius:12px; cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}
#tgc .tk__wa[hidden]{display:none}
@media (hover:hover){
  #tgc .tk__wa:hover{background:rgba(255,255,255,.2)}
}
#tgc .tk__wain{position:absolute;left:12px;top:50%;width:50px;height:30px;margin:-15px 0 0;opacity:0;cursor:pointer}
#tgc .tk__waknob{position:relative;flex:none;width:50px;height:30px;border-radius:999px;background:rgba(55,21,54,.24); box-shadow:inset 0 2px 4px rgba(55,21,54,.32);transition:background .25s;pointer-events:none}
#tgc .tk__waknob::after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:999px;background:#FEF0E7; box-shadow:0 2px 4px rgba(46,17,40,.35), inset 0 -1px 0 rgba(46,17,40,.12);transition:transform .28s cubic-bezier(.3,.7,.4,1.2)}
#tgc .tk__wain:checked + .tk__waknob{background:var(--plum-ink)}
#tgc .tk__wain:checked + .tk__waknob::after{transform:translateX(20px)}
#tgc .tk__wain:focus-visible + .tk__waknob{outline:3px solid var(--plum-ink);outline-offset:3px}
#tgc .tk__wain:disabled,#tgc .tk__wa:has(.tk__wain:disabled){cursor:default}
#tgc .tk__wain:disabled + .tk__waknob{opacity:.65}
#tgc .tk__watxt{display:flex;flex-direction:column;gap:2px;line-height:1.25}
#tgc .tk__watxt b{font-size:16px;font-weight:700;color:var(--plum-ink)}
#tgc .tk__wahint{font-size:13px;font-weight:600;color:rgba(55,21,54,.74)}
#tgc .tk__facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;align-content:start}
#tgc .tk__facts dt{font-size:12px;font-weight:700;letter-spacing:.03em;color:rgba(55,21,54,.78)}
#tgc .tk__facts dd{margin:2px 0 0;font-size:17px;font-weight:600;line-height:1.3;min-height:1.3em}
#tgc .tk__facts dd.tk__time{margin:0;font-family:var(--serif);font-size:34px;font-weight:500;line-height:1.15;font-variant-numeric:lining-nums tabular-nums;min-height:1.15em}
#tgc .tk__edge{position:absolute;left:0;right:0;bottom:-7px;height:14px;pointer-events:none;clip-path:inset(0 100% 0 0); background:radial-gradient(circle at 8px 7px, #F6EADF 4.5px, transparent 5px) 0 0/16px 14px repeat-x}
#tgc .tk__err{margin:16px 0 0;padding:11px 14px;border-left:3px solid #B3343A;border-radius:0 8px 8px 0;background:rgba(255,246,240,.55); font-size:15px;font-weight:600;line-height:1.5;color:#7A1F26}
#tgc .tk__err[hidden]{display:none}
#tgc .tk__legal{margin:18px 0 0;max-width:62ch;font-size:13px;line-height:1.5;color:var(--ink-3)}
#tgc .tk__legal a{color:inherit;text-decoration:underline;text-underline-offset:3px}
#tgc .tk__pass.is-shaking{animation:tgc-tkShake .42s cubic-bezier(.36,.07,.19,.97) both}
@keyframes tgc-tkShake{10%,90%{transform:translateX(-1px) rotate(-.6deg)}20%,80%{transform:translateX(3px) rotate(-.6deg)} 30%,50%,70%{transform:translateX(-5px) rotate(-.6deg)}40%,60%{transform:translateX(5px) rotate(-.6deg)}}
#tgc .tk__stubwrap{position:relative}
#tgc .tk__stubwrap.nudge{animation:tgc-stubNudge 3.2s ease-in-out 1.6s infinite}
@keyframes tgc-stubNudge{0%,74%,100%{transform:translateY(0)}80%{transform:translateY(6px)}86%{transform:translateY(0)}91%{transform:translateY(3px)}96%{transform:translateY(0)}}
#tgc .tk__stub{position:relative;display:flex;align-items:center;gap:22px;width:100%;margin:0;padding:20px 30px 22px;border:0; border-top:2px dashed rgba(240,183,96,.6);border-radius:0 0 14px 14px;background:#3A1838 url(img/tex-paper-plum.webp) 0 0/512px; color:#FEF0E7;font-family:var(--sans);text-align:left;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none; transform-origin:100% 0;transition:transform .45s cubic-bezier(.16,1,.3,1), opacity .3s; box-shadow:inset 0 1px 0 rgba(255,255,255,.10), inset 0 -10px 18px -12px rgba(0,0,0,.45), 0 2px 0 #22101F, 0 22px 30px -14px rgba(26,6,24,.75)}
#tgc .tk__stub.is-live{transition:none}
#tgc .tk__stub.is-back{animation:tgc-stubBack .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes tgc-stubBack{from{transform:translateY(26px);opacity:0}to{transform:none;opacity:1}}
#tgc .tk__flap{position:absolute;left:0;right:0;top:0;z-index:1;pointer-events:none;will-change:transform}
#tgc .tk__flap .tk__stub{transition:none;cursor:default}
#tgc .tk__flap,#tgc .tk__flap *{animation:none!important}
#tgc .tk__flap .ink-c{opacity:1;filter:none}
#tgc .tk__flap .ink-b,#tgc .tk__flap .tk__ring{display:none}
#tgc .tk__stub:focus-visible{outline:3px solid #F0B760;outline-offset:3px}
#tgc .tk__notch{position:absolute;top:-13px;width:24px;height:24px;border-radius:999px;pointer-events:none;clip-path:inset(11px 0 0 0)}
#tgc .tk__bn{position:absolute;bottom:-13px;width:24px;height:24px;border-radius:999px;pointer-events:none;clip-path:inset(0 0 13px 0)}
#tgc .tk__bn--l{left:-12px;box-shadow:inset -2px 0 3px rgba(60,20,40,.25)}
#tgc .tk__bn--r{right:-12px;box-shadow:inset 2px 0 3px rgba(60,20,40,.25)}
#tgc .tk__notch--l{left:-12px;box-shadow:inset -2px 0 3px rgba(60,20,40,.25)}
#tgc .tk__notch--r{right:-12px;box-shadow:inset 2px 0 3px rgba(60,20,40,.25)}
#tgc .tk__pill{position:relative;isolation:isolate;flex:none;display:inline-flex;border-radius:999px}
#tgc .tk__pill::before,#tgc .tk__pill::after{content:"";position:absolute;border-radius:999px;pointer-events:none; background:linear-gradient(135deg,#593283 0%,#DD5A5F 52%,#F0B760 100%)}
#tgc .tk__pill::before{inset:-3px;z-index:-1}
#tgc .tk__pill::after{inset:-16px;z-index:-2;opacity:.38;filter:blur(20px)}
#tgc .tk__pillin{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:12px;padding:15px 28px 15px 18px;border-radius:999px; background:#F0B760;color:#371536;font-size:19px;font-weight:700;line-height:1;white-space:nowrap}
#tgc .tk__hand{position:relative;flex:none;width:30px;height:30px}
#tgc .tk__hand svg{display:block;width:100%;height:100%;animation:tgc-tapHand 1.6s ease-in-out infinite}
#tgc .tk__ring{position:absolute;left:4px;top:-4px;width:22px;height:22px;border-radius:999px;border:2px solid #371536;animation:tgc-tapRing 1.6s ease-out infinite}
@keyframes tgc-tapHand{0%,55%,100%{transform:translateY(0) scale(1)}63%{transform:translateY(2px) scale(.9)}72%{transform:translateY(0) scale(1)}}
@keyframes tgc-tapRing{0%,58%{transform:scale(.3);opacity:0}64%{transform:scale(.5);opacity:.9}100%{transform:scale(1.8);opacity:0}}
#tgc .tk__help{font-size:14px;line-height:1.4;color:rgba(254,240,231,.82)}
#tgc .tk__stubtime{margin-left:auto;display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:24px;color:#F0B760; font-variant-numeric:lining-nums;white-space:nowrap}
#tgc .tk__stubtime svg{width:20px;height:20px;flex:none}
#tgc .tk__after{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center; gap:6px;padding:10px 20px;text-align:center;pointer-events:none}
#tgc .tk__after[hidden]{display:none}
#tgc .tk__after > *{pointer-events:auto}
#tgc .tk__sending{margin:0;font-family:var(--serif);font-size:24px;color:var(--ink-2)}
#tgc .tk__sending i{display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:999px;background:var(--ink-2);vertical-align:middle; animation:tgc-inkDot 1s ease-in-out infinite}
@keyframes tgc-inkDot{50%{opacity:.25;transform:scale(.6)}}
#tgc .tk__retry{margin-top:6px}
#tgc .cbk{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 0 8px}
#tgc .cbk[hidden]{display:none}
#tgc .cbk__seal{position:relative;flex:none;width:92px;height:92px;display:flex;align-items:center;justify-content:center;border-radius:999px; border:1.5px solid rgba(154,99,15,.75);color:var(--ink); box-shadow:inset 0 3px 6px rgba(60,25,40,.22), inset 0 -2px 0 rgba(255,255,255,.85), 0 1px 0 rgba(255,255,255,.9)}
#tgc .cbk__seal svg{display:block;width:40px;height:40px;overflow:visible}
#tgc .cbk__seal polyline{fill:none;stroke:currentColor;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2}
#tgc .cbk__seal::after{content:"";position:absolute;inset:-1.5px;border-radius:999px;border:1.5px solid rgba(154,99,15,.55);opacity:0;pointer-events:none}
#tgc .cbk__h{margin:22px 0 10px;font-family:var(--serif);font-weight:500;font-size:58px;line-height:1.12;color:var(--ink);white-space:nowrap; text-shadow:0 1px 0 rgba(255,255,255,.85);outline:none}
#tgc .cbk__sub{margin:0 0 26px;font-size:15px;line-height:1.4;color:var(--ink-3)}
#tgc .cbk__keep{position:relative;max-width:100%;display:flex;align-items:center;gap:18px;padding:18px 30px 22px;border-radius:10px 10px 0 0; color:var(--plum-ink);text-align:left;transform:rotate(-2deg); box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 1px 0 rgba(120,70,10,.3), 0 10px 18px -8px rgba(60,20,40,.45), 0 26px 40px -22px rgba(60,20,40,.5)}
#tgc .cbk__time{flex:none;font-family:var(--serif);font-size:40px;font-weight:500;line-height:1;font-variant-numeric:lining-nums tabular-nums}
#tgc .cbk__rule{flex:none;width:0;height:40px;border-left:1px solid rgba(55,21,54,.3)}
#tgc .cbk__when{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
#tgc .cbk__date{font-family:var(--serif);font-size:22px;line-height:1.2}
#tgc .cbk__zone{font-size:12px;line-height:1.35}
#tgc .cbk__edge{position:absolute;left:0;right:0;bottom:-7px;height:14px;pointer-events:none; background:radial-gradient(circle at 8px 7px, #F6EADF 4.5px, transparent 5px) 0 0/16px 14px repeat-x}
#tgc .cbk__note{margin:34px 0 0;max-width:560px;font-size:16px;line-height:1.6;color:var(--ink-2);text-shadow:0 1px 0 rgba(255,255,255,.6)}
#tgc .cbk__note b{font-weight:700;color:var(--ink);overflow-wrap:anywhere}
#tgc .cbk__note b.cbk__tel{white-space:nowrap;overflow-wrap:normal}
#tgc .cbk.is-on .ccard__mark{animation:tgc-bkFade .6s ease-out .2s both}
#tgc .cbk.is-on .cbk__seal{animation:tgc-bkStamp .55s cubic-bezier(.2,.7,.3,1) .12s both}
#tgc .cbk.is-on .cbk__seal::after{animation:tgc-bkRing 1s ease-out .4s both}
#tgc .cbk.is-on .cbk__seal polyline{animation:tgc-bkTick .5s cubic-bezier(.65,0,.35,1) .42s both}
#tgc .cbk.is-on .cbk__sub{animation:tgc-bkFade .6s ease-out 1.35s both}
#tgc .cbk.is-on .cbk__keep{animation:tgc-bkKeep 1.05s linear .85s both}
#tgc .cbk.is-on .cbk__zone{animation:tgc-bkFade .6s ease-out 1.9s both}
#tgc .cbk.is-on .cbk__note{animation:tgc-bkFade .7s ease-out 2.05s both}
@keyframes tgc-bkStamp{0%{opacity:0;transform:scale(1.55) rotate(-10deg)}45%{opacity:1;transform:scale(.93) rotate(1.5deg)} 70%{transform:scale(1.025) rotate(-.4deg)}100%{opacity:1;transform:none}}
@keyframes tgc-bkRing{0%{opacity:.75;transform:scale(1)}100%{opacity:0;transform:scale(1.55)}}
@keyframes tgc-bkTick{0%{stroke-dashoffset:1.05}100%{stroke-dashoffset:0}}
@keyframes tgc-bkFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes tgc-bkKeep{0%{opacity:0;transform:perspective(900px) translate(70px,-110px) rotateX(22deg) rotateY(-20deg) rotate(10deg) scale(1.08); animation-timing-function:cubic-bezier(.3,.6,.4,1)} 8%{opacity:1} 42%{transform:perspective(900px) translate(-4px,3px) rotateX(-3deg) rotateY(3deg) rotate(-3.4deg) scale(1);animation-timing-function:cubic-bezier(.3,0,.3,1)} 62%{transform:perspective(900px) translate(3px,0) rotateX(1.2deg) rotateY(-1.2deg) rotate(-1.3deg) scale(1);animation-timing-function:ease-in-out} 80%{transform:perspective(900px) translate(-1px,0) rotateX(-.4deg) rotateY(.4deg) rotate(-2.3deg) scale(1);animation-timing-function:ease-in-out} 100%{opacity:1;transform:perspective(900px) translate(0,0) rotateX(0deg) rotateY(0deg) rotate(-2deg) scale(1)}}
@media (max-width:1100px){
  #tgc .ccard{max-width:none;margin:0 clamp(0px,4vw,54px) 0 clamp(40px,6vw,64px)}
}
@media (max-width:900px){
  #tgc .ccard{margin:0;perspective:1600px}
  #tgc .ccard__front{flex-direction:column;align-items:stretch;min-height:0;padding:0 22px 28px}
  #tgc .ccard__print{position:relative;left:auto;top:auto;width:min(308px,86%);margin:-34px auto 26px;padding:12px 12px 0;transform:translateZ(30px) rotate(-2deg)}
  #tgc .ccard__print figcaption{padding:10px 2px 14px;font-size:12.5px}
  #tgc .ccard__mark{top:auto;bottom:24px;right:20px;width:30px;height:30px}
  #tgc .ccard__body{max-width:none}
  #tgc .ccard__cta{flex-direction:column;align-items:stretch;gap:12px}
  #tgc .ccard__cta .event{display:block}
  #tgc .ccard__cta .btn{display:flex;width:100%}
  #tgc .ccard__note{max-width:none;text-align:center}
  #tgc .ccard__back{min-height:0;padding:28px 18px 24px}
  #tgc .cal__head{flex-direction:column-reverse;align-items:flex-start}
  #tgc .cal__day{flex-basis:calc((100% - 24px) / 5);min-width:0}
  #tgc .cal__arrow{display:none}
  #tgc .tk__head{flex-direction:column-reverse;align-items:flex-start;gap:12px}
  #tgc .tk__body{padding:14px 18px 18px}
  #tgc .tk__brand{font-size:12.5px;gap:8px}
  #tgc .tk__brand svg{width:17px;height:17px}
  #tgc .tk__kind{font-size:11.5px}
  #tgc .tk__grid{grid-template-columns:1fr;gap:16px}
  #tgc .tk__facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;order:-1}
  #tgc .tk__facts dd{font-size:15px}
  #tgc .tk__facts dd.tk__time{font-size:26px}
  #tgc .tk__stub{flex-direction:column;align-items:stretch;gap:12px;padding:18px 16px 16px}
  #tgc .tk__pill{display:flex}
  #tgc .tk__pillin{font-size:17px;padding:14px 18px 14px 14px}
  #tgc .tk__hand{width:26px;height:26px}
  #tgc .tk__ring{left:3px;width:20px;height:20px}
  #tgc .tk__stubrow{display:flex;align-items:center;justify-content:space-between;gap:12px}
  #tgc .tk__help{font-size:12.5px}
  #tgc .tk__stubtime{font-size:19px}
  #tgc .cbk{justify-content:flex-start;padding:46px 0 16px}
  #tgc .cbk .ccard__mark{top:18px;bottom:auto;right:18px;width:30px;height:30px}
  #tgc .cbk__seal{width:76px;height:76px}
  #tgc .cbk__seal svg{width:34px;height:34px}
  #tgc .cbk__h{margin-top:18px;font-size:44px}
  #tgc .cbk__sub{margin-bottom:22px}
  #tgc .cbk__keep{gap:14px;padding:14px 20px 18px}
  #tgc .cbk__time{font-size:32px}
  #tgc .cbk__rule{height:34px}
  #tgc .cbk__date{font-size:18px}
  #tgc .cbk__note{margin-top:30px;font-size:15px}
}
@media (min-width:901px){
  #tgc .tk__stubrow{display:contents}
}
@media (max-width:420px){
  #tgc .ccard__facts{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr)}
  #tgc .ccard__facts div{padding:12px 8px 0}
  #tgc .ccard__facts dd{font-size:14px}
  #tgc .ccard__h{font-size:36px}
  #tgc .ccard__lede{font-size:15px}
  #tgc .tk__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  #tgc .cbk__h{font-size:38px}
  #tgc .cbk__keep{padding:12px 16px 16px}
}
@media (max-width:360px){
  #tgc .ccard__facts{grid-template-columns:1fr}
  #tgc .ccard__facts div,#tgc .ccard__facts div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0}
  #tgc .ccard__facts div+div{border-left:0;border-top:1px solid rgba(46,17,40,.12)}
  #tgc .ccard__facts dt{margin:0}
  #tgc .ccard__facts dd{text-align:right}
}
@media (prefers-reduced-motion:reduce){
  #tgc .ccard__tilt,#tgc .ccard__inner,#tgc .tk__waknob,#tgc .tk__waknob::after{transition:none}
  #tgc .ccard__print{transform:rotate(-3deg)}
  #tgc .is-soaking [data-ink],#tgc .is-unsoaking [data-ink],#tgc .ink-c,#tgc .ink-b,#tgc .tk__pass.is-dropping,#tgc .tk__pass.is-shaking,#tgc .tk__stubwrap.nudge,#tgc .tk__hand svg,#tgc .tk__ring,#tgc .cal__skel i,#tgc .cal__slot.is-chosen{animation:none}
  #tgc .ink-c{opacity:1;filter:none}
  #tgc .ink-b{display:none}
  #tgc .is-soaking [data-ink]{visibility:hidden}
  #tgc .tk__stub.is-back,#tgc .cbk.is-on .ccard__mark,#tgc .cbk.is-on .cbk__seal,#tgc .cbk.is-on .cbk__seal::after,#tgc .cbk.is-on .cbk__seal polyline,#tgc .cbk.is-on .cbk__sub,#tgc .cbk.is-on .cbk__keep,#tgc .cbk.is-on .cbk__zone,#tgc .cbk.is-on .cbk__note{animation:none}
}
#tgc .ccard__glarebox{position:absolute;inset:0;z-index:5;overflow:hidden;border-radius:3px;pointer-events:none}
#tgc .ccard__glare{position:absolute;left:-50%;top:-50%;width:200%;height:200%; background:radial-gradient(22% 24% at 50% 50%, rgba(255,255,255,.32), rgba(255,255,255,0) 72%); will-change:transform;transition:transform .55s cubic-bezier(.16,1,.3,1)}
#tgc .ccard__tilt{will-change:transform}
@media (prefers-reduced-motion:reduce){
  #tgc .ccard__glare{transition:none}
}
#tgc .ccard__print img{aspect-ratio:16/9;object-position:50% 50%}
#tgc .cvid{position:relative;aspect-ratio:16/9;overflow:hidden;background:#2A1428}
#tgc .cvid picture,#tgc .cvid picture img{display:block;width:100%;height:100%}
#tgc .cvid__v{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#14060f}
#tgc .cvid__v[hidden]{display:none}
#tgc .cvid__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;width:100%;height:100%;padding-right:9% !important;box-sizing:border-box; margin:0;padding:0;border:0;border-radius:0;cursor:pointer;color:#FFFFFF;-webkit-tap-highlight-color:transparent; background:linear-gradient(0deg,rgba(26,6,24,.42) 0%,rgba(26,6,24,0) 46%)}
#tgc .cvid__play[hidden]{display:none}
#tgc .cvid__btn{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#F0B760;color:#371536; box-shadow:0 0 0 6px rgba(255,253,246,.42),0 10px 24px rgba(26,6,24,.38);transition:transform .2s cubic-bezier(.16,1,.3,1)}
#tgc .cvid__btn svg{display:block;width:26px;height:26px;margin-left:4px}
#tgc .cvid__lbl{position:absolute;left:12px;bottom:11px;padding:7px 12px;border-radius:999px;background:rgba(26,6,24,.66); font:600 13px/1 var(--sans);letter-spacing:.01em;color:#FFFFFF;font-variant-numeric:lining-nums tabular-nums}
@media (hover:hover){
  #tgc .cvid__play:hover .cvid__btn{transform:scale(1.07)}
}
#tgc .cvid__play:active .cvid__btn{transform:scale(.96)}
#tgc .cvid__play:focus-visible{outline:3px solid #F0B760;outline-offset:-3px}
#tgc .cvid.is-playing .cvid__play,#tgc .cvid.is-playing picture{visibility:hidden}
@media (min-width:901px){
  #tgc .ccard__front{padding-left:500px}
  #tgc .ccard__print{width:500px;top:50%;margin-top:-168px}
}
@media (min-width:901px) and (max-width:1100px){
  #tgc .ccard__front{padding-left:414px}
  #tgc .ccard__print{width:380px;margin-top:-134px}
}
@media (max-width:900px){
  #tgc .ccard__print{width:min(520px,calc(100% + 24px));margin-left:auto;margin-right:auto}
}
@media (max-width:560px){
  #tgc .ccard__print{margin-left:-12px;margin-right:-12px}
}
@media (prefers-reduced-motion:reduce){
  #tgc .cvid__btn{transition:none}
}

/* ── the gold button with its ring (the shop's styles.css .btn / .event; founder: «i like this button») ── */
#tgc .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--sans);font-size:16px;font-weight:700;line-height:1;
  padding:17px 30px;border-radius:999px;border:1.5px solid transparent;text-decoration:none;cursor:pointer;white-space:nowrap;
  transition:transform .18s cubic-bezier(.16,1,.3,1), box-shadow .18s, background .18s, color .18s}
#tgc .btn:active{transform:translateY(1px)}
#tgc .btn--gold{background:var(--gold);color:var(--plum-d);box-shadow:0 8px 22px rgba(240,183,96,.3)}
#tgc .btn--gold:hover{background:var(--gold-lt);color:var(--plum-d);box-shadow:0 12px 30px rgba(240,183,96,.42)}
#tgc .btn--gold:focus-visible{outline:3px solid var(--gold-ink);outline-offset:3px}
#tgc .btn--lg{font-size:17px;padding:19px 36px}
#tgc .event{position:relative;isolation:isolate;display:inline-block;border-radius:999px}
#tgc .event::before{content:"";position:absolute;inset:-3px;z-index:-1;border-radius:999px;
  background:linear-gradient(135deg,var(--violet) 0%,var(--coral) 52%,var(--gold) 100%);opacity:.95;transition:opacity .45s cubic-bezier(.32,.72,0,1)}
#tgc .event::after{content:"";position:absolute;inset:-18px;z-index:-2;border-radius:999px;
  background:linear-gradient(135deg,var(--violet) 0%,var(--coral) 52%,var(--gold) 100%);opacity:.38;filter:blur(22px);transition:opacity .45s cubic-bezier(.32,.72,0,1)}
#tgc .event:hover::before{opacity:1}
#tgc .event:hover::after{opacity:.66}
#tgc .event .btn{position:relative}

/* ── in the room instead of on the page ─────────────────────────────── */
#tgc .ccard{scroll-margin-top:72px}
@media (max-width:900px){ #tgc .ccard{scroll-margin-top:66px} }
/* the card no longer rises on scroll: it is simply there when the room opens */
#tgc .ccard__print{opacity:1}