@font-face{font-family:"Space Grotesk";font-weight:300 700;font-style:normal;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk";font-weight:300 700;font-style:normal;font-display:swap;src:url(/fonts/space-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Black & gold. One accent family, flat surfaces, hairlines instead of shadows. Sizes follow the iOS scale
   (34 large title, 17 body, 13 caption, 12 icon label, 49 tab bar, 44 minimum touch targets). */
:root{--bg:#0b0a09;--surface:#151412;--fill:#211e1a;--hair:rgba(255,255,255,.08);--ink:#f5f0e8;--dim:rgba(245,240,232,.62);--faint:rgba(245,240,232,.4);
  --grad:linear-gradient(100deg,#ffc27a,#f08a2c 52%,#e0620f);--grad-l:linear-gradient(100deg,#f08a2c,#e8741a 55%,#c2500a);--fillgrad:linear-gradient(135deg,#f39a3d,#e0620f);--goldt:#f39a3d;--acc-rgb:243,154,61;--ongold:#1a0f04;
  --ok:#46c27d;--warn:#f0a53c;--bad:#ff6259;--bar:rgba(11,10,9,.78);--glow:rgba(240,138,44,.13);color-scheme:dark;
  --card:linear-gradient(160deg,#1d1a16,#12100e);--cardring:rgba(255,255,255,.07)}
[data-theme=light]{--bg:#f4f0ea;--surface:#fff;--fill:#efe9df;--hair:rgba(40,28,8,.09);--ink:#1b160d;--dim:rgba(27,22,13,.62);--faint:rgba(27,22,13,.42);
  --goldt:#c2600a;--ok:#1f9a56;--warn:#b7770a;--bad:#d93c32;--bar:rgba(244,240,234,.82);--glow:rgba(240,138,44,.16);--card:linear-gradient(160deg,#fff,#f8f3ea);--cardring:rgba(40,28,8,.08);color-scheme:light}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--ink);font:400 17px/1.35 "Space Grotesk",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .25s,color .25s}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(520px 320px at 90% -70px,var(--glow),transparent 72%)}
button{font:inherit;color:inherit}
.cpwa{display:none!important}
.g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:sheen 9s ease-in-out infinite alternate}
[data-theme=light] .g{background-image:var(--grad-l)}
@keyframes sheen{to{background-position:100% 0}}

/* navigation bar: transparent over the large title, blurred with a centred small title once it scrolls away */
.nav{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;gap:12px;height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));border-bottom:1px solid transparent;transition:background-color .25s,border-color .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s}
.nav.solid{background:var(--bar);border-bottom-color:var(--hair);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%)}
.nav__title{position:absolute;left:50%;transform:translateX(-50%);font-size:17px;font-weight:600;letter-spacing:-.01em;opacity:0;transition:opacity .2s}
.nav.solid .nav__title{opacity:1}
.get{all:unset;box-sizing:border-box;cursor:pointer;min-width:62px;height:32px;padding:0 16px;display:grid;place-items:center;border-radius:16px;background:var(--fillgrad);color:var(--ongold);font:700 14px "Space Grotesk",sans-serif;letter-spacing:.01em;transition:transform .15s,opacity .15s}
.get:active{transform:scale(.94);opacity:.85}
.get:focus-visible,.app:focus-visible,.tabs button:focus-visible{outline:2px solid var(--goldt);outline-offset:3px}
@media (display-mode:standalone){.get,#rowInstall{display:none!important}}

.shell{position:relative;z-index:1;max-width:620px;margin:0 auto}
.screen{padding:calc(60px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(112px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));animation:in .22s ease-out}
.screen[hidden]{display:none}
@keyframes in{from{opacity:0}}

.hero{position:relative}
.hi{margin:6px 0 0;font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--goldt);animation:up .6s .05s cubic-bezier(.2,.8,.2,1) both}
.title{margin:4px 0 6px;font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-.035em}
.hero .title{animation:up .6s .1s cubic-bezier(.2,.8,.2,1) both}
.state{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;color:var(--dim)}
.hero .state{animation:up .6s .18s cubic-bezier(.2,.8,.2,1) both}
.state i{width:7px;height:7px;border-radius:50%;background:var(--faint)}
.state[data-s=ok] i{background:var(--ok);animation:beat 2.8s ease-in-out infinite}.state[data-s=warn] i{background:var(--warn)}.state[data-s=bad] i{background:var(--bad)}
@keyframes beat{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 22%,transparent)}}

@keyframes up{from{opacity:0;transform:translateY(10px)}}@keyframes pop{40%{transform:scale(1.14)}}

.search{display:flex;align-items:center;gap:10px;height:44px;margin:22px 0 6px;padding:0 14px;border-radius:12px;background:var(--fill);transition:box-shadow .2s;animation:up .6s .24s cubic-bezier(.2,.8,.2,1) both}
.search:focus-within{box-shadow:0 0 0 1.5px var(--goldt)}
.search svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--faint);stroke-width:2;stroke-linecap:round}
.search input{all:unset;flex:1;min-width:0;font:400 17px "Space Grotesk",sans-serif;color:var(--ink)}
.search input::placeholder{color:var(--faint)}
.label{margin:28px 16px 8px;font-size:13px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--dim)}

/* the wallet: services are premium cards. Phone = a stack that overlaps like Apple Wallet, tap one to bring it forward.
   Desktop = a plain grid. Cards keep their finish in light and dark mode, like physical objects. */
.stack{position:relative;margin-top:24px}
.card{--cink:#f5f0e8;--cdim:rgba(245,240,232,.62);--pat:rgba(255,255,255,.05);--art:rgba(245,240,232,.34);
  position:absolute;left:0;right:0;top:0;height:var(--H,220px);z-index:var(--z,1);display:flex;flex-direction:column;justify-content:space-between;padding:18px 20px 16px;border-radius:18px;overflow:hidden;isolation:isolate;color:var(--cink);text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.06),0 -10px 22px -14px rgba(0,0,0,.55);
  transform:translateY(var(--y,0));transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s}
.card.f-obsidian{background:linear-gradient(150deg,#1f1d1b,#0b0a0a)}
.card.f-graphite{background:linear-gradient(150deg,#3a3b40,#18191c)}
.card.f-midnight{background:linear-gradient(150deg,#24497a,#0e1d34)}
.card.f-emerald{background:linear-gradient(150deg,#226049,#0b2820)}
.card.f-id{--art:rgba(253,122,60,.5);--pat:rgba(253,90,45,.07);background:radial-gradient(120% 90% at 100% 0%,rgba(253,90,45,.34),transparent 60%),linear-gradient(150deg,#2b1a12,#0b0807);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(253,110,60,.16)}
.card.f-plum{background:linear-gradient(150deg,#63386f,#26112d)}
.card.f-crimson{--art:rgba(255,225,225,.34);background:linear-gradient(150deg,#b3182c,#3a060d)}
.card.f-noirred{--pat:rgba(255,70,70,.07);--art:rgba(255,90,90,.42);background:linear-gradient(150deg,#241012,#070506);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,70,70,.22),0 -10px 22px -14px rgba(0,0,0,.6)}
.card.f-bronze{background:linear-gradient(150deg,#a67d4c,#4f361a)}
.card.f-ivory{--cink:#1b160d;--cdim:rgba(27,22,13,.62);--pat:rgba(60,40,10,.07);--art:rgba(27,22,13,.3);background:linear-gradient(150deg,#f7f1e5,#e3d8c2);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 0 0 1px rgba(60,40,10,.08),0 -10px 22px -14px rgba(0,0,0,.4)}
.card.f-rose{--cink:#2a110d;--cdim:rgba(42,17,13,.64);--pat:rgba(255,255,255,.14);--art:rgba(42,17,13,.3);background:linear-gradient(150deg,#f6c4b8,#dd8f82);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 0 1px rgba(255,255,255,.12),0 -10px 22px -14px rgba(0,0,0,.4)}
.card.f-sage{--cink:#17210f;--cdim:rgba(23,33,15,.62);--pat:rgba(255,255,255,.18);--art:rgba(23,33,15,.3);background:linear-gradient(150deg,#dbe6d2,#a9c09d);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 0 0 1px rgba(255,255,255,.14),0 -10px 22px -14px rgba(0,0,0,.4)}
.card.f-ember{--cink:#1a0d03;--cdim:rgba(26,13,3,.66);--pat:rgba(255,255,255,.1);--art:rgba(26,13,3,.34);background:linear-gradient(150deg,#ffb066,#e8741a 60%,#c95a0d);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 0 0 1px rgba(255,255,255,.12),0 -10px 22px -14px rgba(0,0,0,.5)}
.card::before{content:"";position:absolute;inset:0;z-index:-2;background:repeating-radial-gradient(circle at 100% 0,transparent 0 8px,var(--pat) 8px 9px);-webkit-mask-image:radial-gradient(circle at 100% 0,#000,transparent 70%);mask-image:radial-gradient(circle at 100% 0,#000,transparent 70%)}
.card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.1),transparent 38%)}
.card__art{position:absolute;z-index:-1;right:-8px;bottom:-14px;width:54%;max-width:190px;aspect-ratio:1;pointer-events:none;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.card__art svg{width:100%;height:100%;fill:none;stroke:var(--art);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.card__head{display:flex;flex-direction:column;gap:3px;min-width:0;padding-right:92px}
.card__name{font-size:22px;font-weight:600;letter-spacing:-.03em;line-height:1.15}
.card__host{font-size:12.5px;letter-spacing:.04em;color:var(--cdim)}
.card__st{position:absolute;right:18px;top:19px;display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cdim)}
.card__st i{width:7px;height:7px;border-radius:50%;background:var(--cdim)}
.card[data-state=up] .card__st i{background:#35c871}
.card[data-state=down] .card__st{color:#ff6a5e}.card[data-state=down] .card__st i{background:#ff6a5e}
.card__foot{display:flex;align-items:center;gap:10px}
.chip{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--cink) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cink) 18%,transparent)}
.chip svg{width:17px;height:17px;fill:none;stroke:var(--cink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chip .mask{width:17px;height:17px;background:var(--cink)}
.brandmark{font-size:10.5px;font-weight:700;letter-spacing:.28em;color:var(--cdim)}
.card:focus-visible{outline:2px solid var(--goldt);outline-offset:3px}
.stack.in .card{transition-delay:calc(var(--n) * 35ms)}
.stack:not(.in) .card{opacity:0;transform:translateY(calc(var(--y,0px) + 60px))}

/* details panel shown under the card you tapped (phone) */
.panel{position:absolute;left:0;right:0;top:0;padding:18px 4px 0;opacity:0;pointer-events:none;transform:translateY(var(--py,0));transition:opacity .3s,transform .5s cubic-bezier(.2,.8,.2,1)}
.panel.on{opacity:1;pointer-events:auto;transition-delay:.12s}
.panel p{margin:0 4px 14px;font-size:16px;line-height:1.4;color:var(--dim)}
.panel__meta{display:flex;align-items:center;justify-content:space-between;margin:0 4px 16px;font-size:13.5px;color:var(--faint)}
.panel__meta b{font-weight:500;color:var(--dim)}
.open{display:grid;place-items:center;height:52px;border-radius:16px;background:var(--fillgrad);color:var(--ongold);font:700 17px "Space Grotesk",sans-serif;text-decoration:none;transition:transform .15s,opacity .15s}
.open:active{transform:scale(.98);opacity:.9}
.panel__row{display:flex;gap:10px;margin-top:10px}
.panel__row button{all:unset;box-sizing:border-box;flex:1;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--fill);font:600 15px "Space Grotesk",sans-serif;cursor:pointer}
.panel__row button:active{opacity:.6}
.none{margin:44px 0;text-align:center;color:var(--dim)}

@media (min-width:900px){
  .stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;height:auto!important}
  .card{position:relative;height:auto;aspect-ratio:1.586;transform:none!important;opacity:1!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
  .card:hover{transform:translateY(-4px)!important}.card:hover .card__art{transform:translate(-6px,-6px) rotate(-3deg)}
  .panel{display:none}
}

/* grouped lists (status, more) */
.list{border-radius:20px;background:var(--surface);overflow:hidden;margin-top:18px}
.row{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:12px 18px;position:relative}
button.row{cursor:pointer}button.row:active{background:var(--fill)}
.row+.row::before{content:"";position:absolute;left:18px;right:0;top:0;height:1px;background:var(--hair)}
.row.has-ico{padding-left:14px}.row.has-ico+.row::before{left:64px}
.row__ico{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:24%;background:var(--fill)}
.row__ico svg{width:19px;height:19px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.row__ico .mask{width:19px;height:19px}
.row__t{flex:1;min-width:0;font-size:17px;font-weight:500;line-height:1.25}
.row__t small{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--dim)}
.row__r{display:flex;align-items:center;gap:8px;flex:none;font-size:14px;color:var(--dim)}
.row__r svg{width:22px;height:22px;fill:none;stroke:var(--goldt);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.row__r i{width:8px;height:8px;border-radius:50%;background:var(--faint)}
.row[data-state=up] .row__r i{background:var(--ok)}.row[data-state=down] .row__r i{background:var(--bad)}.row[data-state=down] .row__r{color:var(--bad)}
.plain{all:unset;display:block;margin:20px auto 0;padding:13px 18px;cursor:pointer;font:600 17px "Space Grotesk",sans-serif;color:var(--goldt)}
.plain:active{opacity:.5}
.sum{display:flex;align-items:center;gap:18px;margin-top:20px;padding:18px 20px;border-radius:20px;background:var(--surface)}
.ring{width:64px;height:64px;flex:none;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:5;stroke-linecap:round}
.ring__bg{stroke:var(--fill)}
.ring__fg{stroke:var(--goldt);stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1)}
.sum .state{font-size:17px;font-weight:500;color:var(--ink)}
.when{margin:3px 0 0 15px;font-size:13px;color:var(--faint)}
.sum+.list{margin-top:14px}
.me{display:flex;align-items:center;gap:16px;margin:20px 0 0;padding:18px 20px;border-radius:20px;background:var(--surface)}
.me img{border-radius:24%}.me b{display:block;font-size:18px;letter-spacing:-.02em}.me span{display:block;margin-top:2px;font-size:14px;color:var(--dim)}
.seg{display:flex;gap:2px;padding:3px;border-radius:12px;background:var(--fill)}
.seg button{all:unset;box-sizing:border-box;flex:1;height:38px;display:grid;place-items:center;border-radius:9px;font:500 15px "Space Grotesk",sans-serif;color:var(--dim);cursor:pointer;transition:background .2s,color .2s}
.seg button[aria-checked=true]{background:var(--surface);color:var(--ink)}
.about{margin:34px 0 0;text-align:center;font-size:13px;color:var(--faint)}

/* tab bar */
.tabs{position:fixed;z-index:20;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:0 max(12px,calc((100vw - 620px)/2)) env(safe-area-inset-bottom);background:var(--bar);border-top:1px solid var(--hair);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%)}
.tabs button{all:unset;box-sizing:border-box;flex:1;height:49px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;font:500 10.5px/1 "Space Grotesk",sans-serif;color:var(--faint);transition:color .2s}
.tabs svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tabs button.on{color:var(--goldt)}.tabs button.on svg{animation:pop .4s cubic-bezier(.34,1.56,.64,1)}

@media (min-width:700px){.screen{padding-top:calc(76px + env(safe-area-inset-top))}}
@media (min-width:900px){.shell{max-width:980px}.tabs{padding-left:max(12px,calc((100vw - 980px)/2));padding-right:max(12px,calc((100vw - 980px)/2))}}
@media (prefers-contrast:more){:root{--hair:rgba(255,255,255,.3);--faint:rgba(245,240,232,.7)}[data-theme=light]{--hair:rgba(0,0,0,.35);--faint:rgba(27,22,13,.7)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.mask{display:block;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.row__ico .mask{background:var(--ink)}

/* V card */
div.card{cursor:pointer}
.card.f-vcard{background:linear-gradient(150deg,#262220,#0a0908);padding:18px 20px 16px}
.vc__label{font-size:10.5px;font-weight:700;letter-spacing:.28em;color:var(--cdim)}
.vc__name{margin:6px 0 0;font-size:25px;font-weight:700;letter-spacing:-.03em;line-height:1.12;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:70px}
.vc__title{margin:3px 0 0;font-size:14px;color:var(--cdim)}
.vc__av{position:absolute;right:18px;top:16px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font:700 17px "Space Grotesk",sans-serif;color:#1a0d03;background:var(--fillgrad)}
.vc__lines{display:flex;flex-direction:column;gap:3px;font-size:13.5px;color:var(--cink);opacity:.9}
.vc__lines span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vc__lines .miss{color:#ffb066;opacity:.9}
.vc__cta{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:10px;height:30px;padding:0 13px;border-radius:15px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:var(--cink);font:600 12.5px "Space Grotesk",sans-serif;text-decoration:none}
.vc__cta svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.vc__cta:active{opacity:.6}
.vc__in{display:flex;flex-direction:column;justify-content:space-between;height:100%}
.nudge{position:absolute;right:18px;top:70px;text-decoration:none;padding:4px 10px;border-radius:99px;background:var(--fillgrad);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.panel .note{margin:0 4px 14px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--goldt) 16%,transparent);color:var(--ink);font-size:14.5px;line-height:1.4}
.panel__row.three button{font-size:14px}
.panel .ghost{all:unset;display:block;margin:12px auto 0;padding:8px 12px;cursor:pointer;font:500 14px "Space Grotesk",sans-serif;color:var(--faint)}
.vc__label,.vc__name,.vc__title{display:block}
.vc__in>span{display:block;position:relative}

.ssonote{display:block;margin-top:6px;font-size:13px;color:var(--faint)}

/* ---- animated Craftik squirrel (same artwork as the CraftikPrint scene) ---- */
.squirrel,.sq-head,.sq-paws,.sq-tail{transform-box:fill-box}
.squirrel{transform-origin:50% 100%}.sq-head{transform-origin:30% 90%}.sq-paws{transform-origin:0% 100%}.sq-tail{transform-origin:80% 100%}
.sq-head{animation:nibble 4.2s ease-in-out infinite}.sq-paws{animation:paws 4.2s ease-in-out infinite}.sq-tail{animation:flick 7s ease-in-out infinite}
.sq-eye{animation:blink 5s infinite}
@keyframes nibble{0%,48%,100%{transform:rotate(0)}52%,60%,68%,76%{transform:rotate(9deg)}56%,64%,72%{transform:rotate(4deg)}}
@keyframes paws{0%,48%,100%{transform:translateY(0)}52%,60%,68%,76%{transform:translateY(-1.4px)}56%,64%,72%{transform:translateY(0)}}
@keyframes flick{0%,70%,100%{transform:rotate(0)}74%{transform:rotate(-9deg)}78%{transform:rotate(4deg)}82%{transform:rotate(-5deg)}88%{transform:rotate(0)}}
@keyframes blink{0%,94%,100%{transform:scaleY(1)}97%{transform:scaleY(.1)}}
@keyframes hop{0%{transform:translateY(0) scale(1,1)}18%{transform:translateY(0) scale(1.08,.9)}48%{transform:translateY(-22px) scale(.95,1.06)}78%{transform:translateY(0) scale(1.06,.94)}100%{transform:translateY(0) scale(1,1)}}
.sq{all:unset;position:absolute;right:2px;top:-6px;width:58px;height:74px;cursor:pointer;z-index:2}
.sq svg{width:100%;height:100%;overflow:visible}
.sq.hop .squirrel{animation:hop .7s cubic-bezier(.3,.7,.4,1)}
.sq:focus-visible{outline:2px solid var(--goldt);border-radius:12px}
.hero .state{padding-right:70px}

/* ---- in-app viewer ---- */
.viewer{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:var(--bg);animation:vin .3s cubic-bezier(.2,.8,.2,1)}
.viewer[hidden]{display:none}
@keyframes vin{from{opacity:0;transform:translateY(24px)}}
.viewer__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));background:var(--bar);border-bottom:1px solid var(--hair);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%)}
.vbtn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:2px;min-width:44px;height:44px;padding:0 8px;border-radius:12px;font:500 16px "Space Grotesk",sans-serif;color:var(--goldt)}
.vbtn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vbtn--r{justify-content:center}.vbtn:active{opacity:.5}
.viewer__title{flex:1;min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;letter-spacing:-.01em}
.viewer__body{position:relative;flex:1;min-height:0}
.viewer iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--bg)}
.viewer__load{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;background:var(--bg);transition:opacity .35s;text-align:center}
.viewer__load.done{opacity:0;pointer-events:none}
.viewer__load p{margin:0;font-size:15px;color:var(--dim)}
.viewer__help{font-size:14px!important;color:var(--faint)!important}
.viewer__help button{all:unset;cursor:pointer;color:var(--goldt);font-weight:600}
.sqload{width:96px;height:122px}.sqload svg{width:100%;height:100%;overflow:visible}
body.in-viewer{overflow:hidden}
@media (min-width:900px){.viewer__bar{padding-left:max(18px,env(safe-area-inset-left))}}

/* ---- NFC ---- */
.nfc{position:absolute;right:76px;top:28px;width:24px;height:24px;opacity:.6;pointer-events:none}
.nfc svg{width:100%;height:100%;fill:none;stroke:var(--cink);stroke-width:1.8;stroke-linecap:round}
.vcard-signed .vc__av{right:18px}
.sheet{position:fixed;inset:0;z-index:80;display:grid;align-items:end;justify-items:center;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadein .25s}
.sheet[hidden]{display:none}
.sheet__in{width:min(460px,100%);margin:0 0 calc(12px + env(safe-area-inset-bottom));padding:26px 22px 20px;border-radius:28px;background:var(--surface);text-align:center;animation:up .4s cubic-bezier(.2,.8,.2,1)}
.sheet h3{margin:14px 0 6px;font-size:21px;letter-spacing:-.02em}
.sheet p{margin:0 0 16px;font-size:15px;line-height:1.4;color:var(--dim)}
.sheet .open{margin-top:6px}
.sheet__x{all:unset;display:block;margin:10px auto 0;padding:10px 16px;cursor:pointer;font:500 15px "Space Grotesk",sans-serif;color:var(--faint)}
.nfcring{position:relative;width:96px;height:96px;margin:0 auto;display:grid;place-items:center}
.nfcring i{position:absolute;inset:0;border-radius:50%;border:2px solid var(--goldt);opacity:0;animation:wave 2s ease-out infinite}
.nfcring i:nth-child(2){animation-delay:.6s}.nfcring i:nth-child(3){animation-delay:1.2s}
.nfcring svg{position:relative;width:40px;height:40px;fill:none;stroke:var(--goldt);stroke-width:1.8;stroke-linecap:round}
.nfcring.ok i{animation:none;opacity:0}.nfcring.ok svg{stroke:var(--ok)}
@keyframes wave{0%{transform:scale(.35);opacity:.9}100%{transform:scale(1);opacity:0}}
@keyframes fadein{from{opacity:0}}
.panel .nfcb{margin-top:6px;color:var(--goldt);font-weight:600}

/* public V card page (/v/<token>) */
.vpage{max-width:460px;margin:0 auto;padding:calc(40px + env(safe-area-inset-top)) 22px calc(40px + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
.vcardx{position:relative;overflow:hidden;padding:26px 24px 24px;border-radius:28px;background:linear-gradient(150deg,#2a2523,#0a0908);color:#f5f0e8;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.07);animation:up .6s cubic-bezier(.2,.8,.2,1)}
.vcardx::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 100% 0,transparent 0 8px,rgba(255,255,255,.05) 8px 9px);-webkit-mask-image:radial-gradient(circle at 100% 0,#000,transparent 70%);mask-image:radial-gradient(circle at 100% 0,#000,transparent 70%);pointer-events:none}
.vcardx .vc__label{display:block}
.vcardx .vc__name{display:block;font-size:30px;padding-right:0;margin-top:14px}
.vcardx .vc__title{display:block;font-size:16px;margin-top:4px}
.vcardx .sq{right:16px;top:14px;width:46px;height:58px}
.vlines{margin:22px 0 0;display:flex;flex-direction:column;gap:12px}
.vlines a{display:flex;align-items:center;gap:12px;color:#f5f0e8;text-decoration:none;font-size:16px}
.vlines svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--goldt);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vacts{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.vfoot{margin-top:22px;text-align:center;font-size:13px;color:var(--faint)}
.vfoot a{color:var(--goldt);text-decoration:none}

.viewer__tip{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--dim);white-space:nowrap}
.viewer__tip[hidden]{display:none}
.viewer__tip button{all:unset;cursor:pointer;height:32px;padding:0 14px;border-radius:16px;background:var(--fill);font:600 13px "Space Grotesk",sans-serif;color:var(--ink)}

.showcard{text-align:center;padding-top:22px}
.showcard .vc__label{display:block;color:var(--faint)}
.sc__name{margin:12px 0 2px!important;font-size:24px!important;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sc__title{margin:0 0 14px!important;font-size:15px!important}
.sc__qr{display:block;width:min(260px,70vw);aspect-ratio:1;margin:0 auto 14px;padding:12px;border-radius:20px;background:#fff;image-rendering:crisp-edges}
.sc__hint{font-size:14px!important;margin:0 8px 14px!important}

/* EcoShare */
.tabs button{position:relative}
.tabs__dot{position:absolute;top:6px;left:calc(50% + 8px);width:9px;height:9px;border-radius:50%;background:var(--goldt);border:2px solid var(--bg)}
.tabs__dot[hidden]{display:none}
.sh-lead{margin:2px 0 16px;color:var(--dim);font-size:16px}
.sh-card{margin-top:14px;padding:18px;border-radius:22px;background:var(--surface);border:1px solid var(--hair)}
.sh-card h2{margin:0 0 6px;font-size:19px;letter-spacing:-.02em}
.sh-sub{margin:0 0 14px;color:var(--dim);font-size:15px}
.sh-btn{all:unset;box-sizing:border-box;display:grid;place-items:center;width:100%;height:48px;border-radius:14px;background:var(--fill);color:var(--ink);font:600 16px "Space Grotesk",sans-serif;cursor:pointer;margin-top:12px;transition:transform .15s,opacity .15s}
.sh-btn--gold{background:var(--fillgrad);color:var(--ongold)}
.sh-btn:active{transform:scale(.98)}.sh-btn[disabled]{opacity:.4;cursor:default}
.sh-btn:focus-visible,.sh-mini:focus-visible,.sh-ico:focus-visible,.sh-send:focus-visible{outline:2px solid var(--goldt);outline-offset:2px}
.sh-code,.sh-name{all:unset;box-sizing:border-box;display:block;width:100%;height:56px;border-radius:14px;background:var(--fill);text-align:center;font:600 30px "Space Grotesk",sans-serif;letter-spacing:.5em;text-indent:.5em;color:var(--ink)}
.sh-code::placeholder{color:var(--faint)}
.sh-name{height:46px;margin-top:10px;font-size:16px;letter-spacing:0;text-indent:0}.sh-name::placeholder{color:var(--faint)}
.sh-code:focus,.sh-name:focus{box-shadow:0 0 0 1.5px var(--goldt)}
.sh-err{margin:12px 2px 0;color:var(--bad);font-size:14px}
.sh-fine{margin:22px 6px 0;text-align:center;color:var(--faint);font-size:13px}
.sh-done{text-align:center;border-color:color-mix(in srgb,var(--ok) 35%,transparent)}
.sh-done svg{width:34px;height:34px;fill:none;stroke:var(--ok);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sh-done p{margin:0;color:var(--dim)}

.sh-head{display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:center}
.sh-big span{display:block;font-size:13px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--dim)}
.sh-big b{display:block;font-size:46px;line-height:1.1;font-weight:700;letter-spacing:.14em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sh-clock{position:relative;width:64px;height:64px;display:grid;place-items:center;font-weight:600;font-size:15px;font-variant-numeric:tabular-nums}
.sh-clock svg{position:absolute;inset:0;transform:rotate(-90deg)}
.sh-clock circle{fill:none;stroke-width:5}
.sh-r0{stroke:var(--fill)}.sh-r1{stroke:var(--goldt);stroke-linecap:round;stroke-dasharray:100;transition:stroke-dashoffset .5s linear}
.sh-clock.low .sh-r1{stroke:var(--bad)}.sh-clock.low{color:var(--bad)}
.sh-link{all:unset;grid-column:1/-1;cursor:pointer;color:var(--goldt);font-size:14px;font-weight:600;padding:2px 0}
.sh-people{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.sh-chip{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:15px;background:var(--fill);font-size:14px}
.sh-chip.me{background:color-mix(in srgb,var(--goldt) 20%,var(--fill))}
.sh-chip svg{width:14px;height:14px;fill:none;stroke:var(--goldt);stroke-width:1.8;stroke-linejoin:round}
.sh-chip i,.sh-msg small i{font-style:normal;font-size:11px;padding:1px 6px;border-radius:8px;background:var(--hair);color:var(--dim);margin-left:4px}
.sh-x{all:unset;cursor:pointer;display:grid;place-items:center;width:20px;height:20px;margin-right:-6px;border-radius:50%}
.sh-x svg{width:12px;height:12px;stroke:var(--dim)}
.sh-host{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.sh-mini{all:unset;box-sizing:border-box;cursor:pointer;height:34px;padding:0 14px;display:grid;place-items:center;border-radius:17px;background:var(--fill);font:600 14px "Space Grotesk",sans-serif}
.sh-mini--bad{color:var(--bad)}

.sh-feed{display:flex;flex-direction:column;gap:6px;margin-top:16px;min-height:120px}
.sh-empty{margin:30px 0;text-align:center;color:var(--faint);font-size:15px}
.sh-sys{margin:6px 0;text-align:center;color:var(--faint);font-size:13px}
.sh-msg{max-width:84%;align-self:flex-start;display:flex;flex-direction:column;gap:2px;animation:up .25s ease-out both}
.sh-msg.mine{align-self:flex-end;align-items:flex-end}
.sh-msg small{font-size:12px;color:var(--dim);padding:0 6px}
.sh-msg time{font-size:11px;color:var(--faint);padding:0 6px}
.sh-bub{padding:9px 14px;border-radius:18px;background:var(--surface);border:1px solid var(--hair);overflow-wrap:anywhere;white-space:pre-wrap;font-size:16px}
.sh-msg.mine .sh-bub{background:var(--fillgrad);border-color:transparent;color:var(--ongold)}
.sh-bub a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.sh-img{display:block;max-width:100%;max-height:260px;border-radius:12px;margin-bottom:8px}
.sh-file{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;min-width:180px;white-space:normal}
.sh-fico,.sh-fdl{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--fill)}
.sh-msg.mine .sh-fico,.sh-msg.mine .sh-fdl{background:rgba(43,10,21,.14)}
.sh-file svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sh-ftx{flex:1;min-width:0;display:flex;flex-direction:column}.sh-ftx b{font-weight:600;font-size:15px;overflow-wrap:anywhere}.sh-ftx em{font-style:normal;font-size:12px;opacity:.7}

.sh-compose{position:sticky;bottom:calc(58px + env(safe-area-inset-bottom));z-index:5;display:flex;align-items:flex-end;gap:8px;margin-top:14px;padding:8px;border-radius:26px;background:var(--bar);border:1px solid var(--hair);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%)}
.sh-compose textarea{all:unset;box-sizing:border-box;flex:1;min-width:0;min-height:40px;max-height:120px;padding:9px 6px;font:400 17px/1.3 "Space Grotesk",sans-serif;color:var(--ink);white-space:pre-wrap;overflow-y:auto}
.sh-compose textarea::placeholder{color:var(--faint)}
.sh-ico,.sh-send{all:unset;box-sizing:border-box;flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;cursor:pointer}
.sh-ico{background:var(--fill)}.sh-send{background:var(--fillgrad);color:var(--ongold)}
.sh-ico svg,.sh-send svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sh-upl{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.sh-up{position:relative;display:flex;justify-content:space-between;gap:10px;padding:9px 14px;border-radius:12px;background:var(--fill);font-size:14px;overflow:hidden}
.sh-up span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.sh-up b{position:relative;font-weight:600}
.sh-up i{position:absolute;left:0;top:0;bottom:0;width:0;background:color-mix(in srgb,var(--goldt) 28%,transparent);transition:width .15s}
.sh-up.bad{color:var(--bad)}
#s-share.sh-drag::after{content:"Drop to share";position:fixed;inset:12px;z-index:30;display:grid;place-items:center;border:2px dashed var(--goldt);border-radius:24px;background:color-mix(in srgb,var(--bg) 85%,transparent);font-size:22px;font-weight:600;color:var(--goldt);pointer-events:none}
@media (min-width:700px){.sh-compose{bottom:calc(66px + env(safe-area-inset-bottom))}}

.tabs svg{stroke-width:1.9}
.tabs .f{transition:fill .2s}.tabs button.on .f{fill:currentColor}
.tabs .d{fill:currentColor;stroke:none}
.tabs button{font-size:10px}

.vc__av{overflow:hidden}.vc__av img{width:100%;height:100%;object-fit:cover;display:block}

.vprog{margin:0 4px 14px;display:flex;flex-direction:column;gap:7px}.vprog b{font-size:15px}
.vprog__bar{display:block;height:6px;border-radius:3px;background:var(--fill);overflow:hidden}.vprog__bar i{display:block;height:100%;border-radius:3px;background:var(--fillgrad);transition:width .4s}
.vprog__next{color:var(--goldt);font-size:14px;font-weight:600;text-decoration:none}
.vdet{margin:0 4px 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.vdet p{margin:0;font-size:15px;overflow-wrap:anywhere}.vdet small{display:block;font-size:12px;color:var(--faint)}
.vbio{display:block;margin-top:8px;font-size:14px;color:var(--cdim,rgba(245,240,232,.62))}
.vloc{display:flex;align-items:center;gap:10px;color:var(--dim)}.vloc svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.sh-dur{margin:0 0 4px}.sh-dur button{height:36px;font-size:14px}

/* More: the CraftikID card */
.idc{margin-top:18px;padding:18px;border-radius:22px;background:radial-gradient(120% 90% at 100% 0%,rgba(var(--acc-rgb),.32),transparent 60%),linear-gradient(150deg,color-mix(in srgb,var(--goldt) 15%,#0b0807),#0b0807);box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.18);color:#f5f0e8;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}
.idc__head{display:flex;align-items:center;gap:14px}
.idc__av{flex:none;width:60px;height:60px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font:700 21px "Space Grotesk",sans-serif;color:#fff;background:var(--fillgrad)}
.idc__av img{width:100%;height:100%;object-fit:cover;display:block}
.idc__av--lock{background:rgba(255,255,255,.12);color:#f5f0e8}.idc__av--lock svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.idc__who{min-width:0;display:flex;flex-direction:column}.idc__who b{font-size:20px;letter-spacing:-.02em}.idc__who span{font-size:15px;opacity:.8}.idc__who small{margin-top:2px;font-size:13px;opacity:.6;overflow-wrap:anywhere}
.idc__prog{display:flex;flex-direction:column;gap:7px;font-size:14px}.idc__prog b{font-size:14.5px}.idc__prog span:last-child{opacity:.7;font-size:13px}
.idc .vprog__bar{background:rgba(255,255,255,.16)}
.idc__act{display:flex;gap:10px}
.idc__btn{all:unset;box-sizing:border-box;flex:1;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.14);font:600 16px "Space Grotesk",sans-serif;color:#f5f0e8;cursor:pointer;text-align:center}
.idc__btn--gold{flex:1.4;background:var(--fillgrad);color:#fff}.idc__btn--wide{flex:none;width:100%}.idc__btn:active{opacity:.8}
.idc__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.sheet__ico{display:grid;place-items:center;width:52px;height:52px;margin:0 auto;border-radius:16px;background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}
.sheet__ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sheet .open.danger{background:var(--bad);color:#fff;border:0;width:100%;cursor:pointer}

/* Apple-style symbols: squircle tile, hierarchical glyph (primary stroke + soft fill of the main shape) */
.chip{border-radius:11px}
.chip svg{stroke-width:1.7}
.chip svg .h{fill:var(--cink);fill-opacity:.22}
.row__ico svg .h{fill:var(--ink);fill-opacity:.14}

/* bottom navigation: a floating glass capsule; the active tab gets its own pill */
.tabs{left:50%;right:auto;bottom:calc(10px + env(safe-area-inset-bottom));width:min(440px,calc(100% - 24px));transform:translateX(-50%);padding:5px;gap:2px;border:1px solid var(--hair);border-radius:30px;box-shadow:0 6px 24px rgba(0,0,0,.12)}
.tabs button{height:54px;border-radius:25px;gap:2px;font-weight:600;transition:color .2s,background-color .25s}
.tabs button.on{background:color-mix(in srgb,var(--goldt) 15%,transparent)}
.tabs button:active{transform:scale(.96)}
.tabs svg{width:24px;height:24px}
.tabs__dot{top:7px;left:calc(50% + 9px)}
.screen{padding-bottom:calc(120px + env(safe-area-inset-bottom))}
.sh-compose{bottom:calc(86px + env(safe-area-inset-bottom))}
@media (min-width:700px){.sh-compose{bottom:calc(86px + env(safe-area-inset-bottom))}}
@media (min-width:900px){.tabs{padding:5px;width:460px}}
@media (max-width:340px){.tabs button{font-size:9.5px}}

/* tab icons come in two weights, like Apple's: outline when idle, filled when selected */
.tabs .fl{display:none;fill:currentColor}
.tabs button.on .fl{display:block}.tabs button.on .o{display:none}
.tabs .o .d{fill:currentColor;stroke:none}
.tabs svg{stroke-width:1.75}
.tabs button.on svg{animation:pop .4s cubic-bezier(.34,1.56,.64,1)}

/* bottom navigation, same family as Craftik Jellyfin and MotionEye: a liquid-glass capsule with a selection pill that glides between tabs */
.tabs{--tab-h:62px;--spring:cubic-bezier(.34,1.56,.64,1);left:50%;right:auto;bottom:max(22px,calc(env(safe-area-inset-bottom) + 8px));width:min(calc(100vw - 32px),392px);height:var(--tab-h);padding:4px;gap:0;transform:translate3d(-50%,0,0);border:0;border-radius:100px;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;user-select:none;-webkit-user-select:none}
.glass__lens,.glass__tint{position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.glass__lens{-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%)}
.glass__tint{background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(255,255,255,0) 45%,rgba(255,255,255,.045) 100%),rgba(153,153,153,.13);box-shadow:0 10px 28px rgba(0,0,0,.38),0 2px 6px rgba(0,0,0,.28),0 0 0 .5px rgba(185,185,185,.55)}
[data-theme=light] .glass__tint{background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.2)),rgba(255,255,255,.35);box-shadow:0 10px 28px rgba(60,40,10,.16),0 2px 6px rgba(60,40,10,.1),0 0 0 .5px rgba(60,40,10,.18)}
.dock__sel{position:absolute;z-index:0;top:4px;left:0;width:var(--sel-w,76px);height:calc(var(--tab-h) - 8px);border-radius:100px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.08),0 1px 4px rgba(0,0,0,.2);transform:translate3d(var(--sel-x,4px),0,0);opacity:var(--sel-o,0);pointer-events:none;transition:transform .55s var(--spring),width .55s var(--spring),opacity .25s ease}
[data-theme=light] .dock__sel{background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 .5px rgba(60,40,10,.08),0 1px 5px rgba(60,40,10,.16)}
.tabs button{position:relative;z-index:1;height:100%;flex:1;min-width:0;padding:6px 4px 7px;gap:1px;border-radius:100px;background:none!important;color:var(--ink);font:600 10px/12px "Space Grotesk",sans-serif;letter-spacing:-.01em;transition:color .3s ease}
.tabs button span{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.tabs button.on{color:var(--goldt)}
.tabs button:active{transform:none}
.tabs svg{width:22px;height:22px;transition:transform .45s var(--spring)}
.tabs button.on svg{animation:tabpop .5s var(--spring)}
@keyframes tabpop{0%{transform:scale(1)}40%{transform:scale(1.22) translate3d(0,-1px,0)}100%{transform:scale(1)}}
.tabs__dot{top:9px;left:calc(50% + 9px)}
.screen{padding-bottom:calc(128px + env(safe-area-inset-bottom))}
.sh-compose{bottom:calc(98px + env(safe-area-inset-bottom))}
@media (min-width:700px){.sh-compose{bottom:calc(98px + env(safe-area-inset-bottom))}}
@media (min-width:900px){.tabs{padding:4px;width:392px}}

/* nav icons: plain outlines like Craftik Jellyfin / MotionEye (stroke 2, 21px); the selected tab only changes colour */
.tabs svg{width:21px;height:21px;stroke-width:2}
.tabs .fl{display:none!important}.tabs button.on .o{display:inline}

/* like MotionEye: the sections share one glass capsule, More is its own round glass button beside it */
.tabs{width:min(calc(100vw - 32px),392px);height:var(--tab-h);padding:0;gap:12px;justify-content:stretch}
.tabs .glass__lens,.tabs .glass__tint{z-index:0}
.dock__group{position:relative;display:flex;align-items:center;flex:1;min-width:0;height:var(--tab-h);padding:4px;border-radius:100px}
.dock__more{position:relative;flex:none;width:var(--tab-h);height:var(--tab-h);border-radius:50%}
.dock__more button{position:absolute;inset:0;width:100%;height:100%;flex:none;display:grid;place-items:center;padding:0;border-radius:50%}
.dock__more button span{display:none}
.dock__more button::after{content:"";position:absolute;z-index:-1;inset:4px;border-radius:50%;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.08),0 1px 4px rgba(0,0,0,.2);opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .5s var(--spring)}
[data-theme=light] .dock__more button::after{background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 .5px rgba(60,40,10,.08),0 1px 5px rgba(60,40,10,.16)}
.dock__more button.on::after{opacity:1;transform:scale(1)}
@media (min-width:900px){.tabs{width:392px;padding:0}}

/* liquid glass: frosted body + specular rim (bright top-left edge, softer bottom-right) + a soft sheen, as in Craftik Jellyfin.
   Chromium (html.lg-refract) also refracts the backdrop at the rim, set inline by glass.js. */
.tabs .glass__tint{background:rgba(40,40,46,.34);box-shadow:inset 1px 1.5px .5px -.5px rgba(255,255,255,.42),inset -1px -1px .5px -.5px rgba(255,255,255,.22),inset 0 0 0 .5px rgba(255,255,255,.12),inset 0 0 16px rgba(255,255,255,.05),0 10px 30px rgba(0,0,0,.36)}
.tabs .glass__tint::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.02) 45%,rgba(255,255,255,0) 60%)}
.tabs .glass__lens{-webkit-backdrop-filter:blur(16px) saturate(185%) brightness(1.06);backdrop-filter:blur(16px) saturate(185%) brightness(1.06)}
[data-theme=light] .tabs .glass__tint{background:rgba(255,255,255,.42);box-shadow:inset 1px 1.5px .5px -.5px rgba(255,255,255,.95),inset -1px -1px .5px -.5px rgba(255,255,255,.6),inset 0 0 0 .5px rgba(60,40,10,.14),inset 0 0 16px rgba(255,255,255,.3),0 10px 30px rgba(60,40,10,.16)}
[data-theme=light] .tabs .glass__tint::after{background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.1) 45%,rgba(255,255,255,0) 60%)}
.tabs.lens-js .dock__sel{transition:opacity .25s ease;will-change:transform,width;background:rgba(255,255,255,.12);box-shadow:inset 1px 1.5px .5px -.5px rgba(255,255,255,.5),inset 0 0 0 .5px rgba(255,255,255,.1),0 2px 8px rgba(0,0,0,.22)}
[data-theme=light] .tabs.lens-js .dock__sel{background:rgba(255,255,255,.7);box-shadow:inset 1px 1.5px .5px -.5px #fff,inset 0 0 0 .5px rgba(60,40,10,.08),0 2px 8px rgba(60,40,10,.16)}

/* EcoShare: room info stays pinned under the title bar while the chat scrolls */
.sh-head{position:sticky;top:calc(52px + env(safe-area-inset-top));z-index:6;margin-top:0;padding:10px 14px;gap:4px 12px;background:color-mix(in srgb,var(--bar) 92%,transparent);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%)}
.sh-head .sh-big span{font-size:11px}
.sh-head .sh-big b{font-size:30px;line-height:1.05}
.sh-head .sh-clock{width:46px;height:46px;font-size:12.5px}
.sh-head .sh-clock circle{stroke-width:6}
.sh-head .sh-people{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -4px;padding:0 4px}
.sh-head .sh-people::-webkit-scrollbar{display:none}
.sh-head .sh-chip{flex:none;height:26px;font-size:13px}
.sh-head .sh-link{font-size:13px}
@media (min-width:700px){.sh-head{top:calc(68px + env(safe-area-inset-top))}}

/* EcoShare: messaging-app look (bubbles with tails, reply quotes, reactions, voice notes) */
.sh-feed{gap:2px;margin-top:12px}
.sh-sys{align-self:center;margin:10px 0;padding:4px 12px;border-radius:12px;background:var(--fill);color:var(--dim);font-size:12.5px}
.sh-msg{max-width:84%;gap:0;margin-top:8px}
.sh-msg.cont{margin-top:1px}
.sh-msg small{margin:0 0 3px 12px;padding:0;font-weight:600;font-size:12.5px}
.sh-row{display:flex;align-items:center;gap:6px;max-width:100%}
.sh-msg.mine .sh-row{flex-direction:row-reverse}
.sh-bub{position:relative;min-width:64px;padding:7px 11px 6px;border-radius:19px;line-height:1.32;touch-action:pan-y;-webkit-touch-callout:none;transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s;white-space:pre-wrap}
.sh-msg:not(.mine) .sh-bub{border-bottom-left-radius:6px}
.sh-msg.mine .sh-bub{border-bottom-right-radius:6px}
.sh-msg:not(.mine):not(.tail) .sh-bub{border-bottom-left-radius:19px}.sh-msg.mine:not(.tail) .sh-bub{border-bottom-right-radius:19px}
.sh-msg:not(.mine).cont .sh-bub{border-top-left-radius:8px}.sh-msg.mine.cont .sh-bub{border-top-right-radius:8px}
@media (hover:none){.sh-bub{-webkit-user-select:none;user-select:none}}
.sh-bub time{display:inline-block;float:right;margin:7px 0 -2px 10px;padding:0;font-size:10.5px;color:inherit;opacity:.55;line-height:1}
.sh-bub:has(.sh-img) time,.sh-bub:has(.sh-file) time,.sh-bub:has(.sh-voice) time{float:none;display:block;text-align:right;margin:4px 0 0}
.sh-bub.sel{box-shadow:0 0 0 2px var(--goldt)}
.sh-bub.flash{animation:shflash 1.2s ease-out}
@keyframes shflash{0%,40%{box-shadow:0 0 0 3px var(--goldt)}100%{box-shadow:0 0 0 0 transparent}}
.sh-more{all:unset;flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .15s;color:var(--dim)}
.sh-more svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
@media (hover:hover){.sh-msg:hover .sh-more{opacity:.8}}
@media (hover:none){.sh-more{display:none}}
.sh-quote{all:unset;box-sizing:border-box;display:block;width:100%;margin:0 0 5px;padding:5px 9px;border-radius:9px;border-left:3px solid var(--goldt);background:rgba(127,127,127,.16);cursor:pointer;font-size:13px;line-height:1.3}
.sh-quote b{display:block;font-weight:600;color:var(--goldt)}
.sh-quote span{display:block;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46ch}
.sh-msg.mine .sh-quote{border-left-color:var(--ongold);background:rgba(43,10,21,.14)}.sh-msg.mine .sh-quote b{color:var(--ongold)}
.sh-rx{display:none;gap:4px;margin:-6px 8px 0;position:relative;z-index:1}
.sh-rx.has{display:flex;flex-wrap:wrap}
.sh-msg.mine .sh-rx{justify-content:flex-end}
.sh-rxc{all:unset;cursor:pointer;display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:11px;background:var(--bar);border:1px solid var(--hair);font-size:13px;box-shadow:0 1px 3px rgba(0,0,0,.25);animation:rxpop .22s cubic-bezier(.3,1.6,.5,1)}
.sh-rxc.on{border-color:var(--goldt);background:color-mix(in srgb,var(--goldt) 22%,var(--bar))}
@keyframes rxpop{from{transform:scale(.4)}to{transform:scale(1)}}
.sh-mback{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.28);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:in .15s ease-out}
.sh-menu{position:fixed;width:244px;max-width:calc(100vw - 24px);padding:6px;border-radius:22px;background:var(--bar);border:1px solid var(--hair);box-shadow:0 14px 40px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);animation:rxpop .18s cubic-bezier(.3,1.4,.5,1)}
.sh-mbar{display:flex;justify-content:space-between;padding:2px 2px 6px;border-bottom:1px solid var(--hair);margin-bottom:4px}
.sh-mbar button{all:unset;cursor:pointer;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:22px;transition:transform .15s}
.sh-mbar button:active{transform:scale(1.3)}.sh-mbar button.on{background:var(--fill)}
.sh-mact{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;height:42px;padding:0 12px;border-radius:12px;cursor:pointer;font:500 16px "Space Grotesk",sans-serif;color:var(--ink)}
.sh-mact:active,.sh-mact:hover{background:var(--fill)}
.sh-mact svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sh-compose{flex-wrap:wrap;align-items:flex-end}
.sh-replying{flex:0 0 100%;display:flex;align-items:center;gap:8px;margin:0 0 2px;padding:6px 8px 6px 12px;border-radius:14px;border-left:3px solid var(--goldt);background:var(--fill)}
.sh-replying[hidden]{display:none}
.sh-rtx{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13px}.sh-rtx b{color:var(--goldt);font-weight:600}.sh-rtx span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.75}
.sh-rx0{all:unset;cursor:pointer;width:26px;height:26px;display:grid;place-items:center;border-radius:50%}.sh-rx0 svg{width:14px;height:14px;fill:none;stroke:var(--dim);stroke-width:2.2;stroke-linecap:round}
.sh-compose .sh-mic{background:var(--fillgrad)}
.sh-compose.has-text .sh-mic,.sh-compose:not(.has-text) .sh-send:not(.sh-mic){display:none}
.sh-rec{display:none;flex:1;align-items:center;gap:10px;min-width:0}
.sh-rec span{flex:1;color:var(--dim);font-size:15px}.sh-rec b{font-variant-numeric:tabular-nums;font-weight:600;min-width:38px}
.sh-recdot{width:10px;height:10px;border-radius:50%;background:var(--bad);animation:recp 1s ease-in-out infinite}
@keyframes recp{50%{opacity:.25}}
.sh-compose.recording .sh-ico:not(.sh-rec .sh-ico),.sh-compose.recording textarea,.sh-compose.recording .sh-send:not(.sh-rec .sh-send){display:none}
.sh-compose.recording .sh-rec{display:flex}
.sh-compose.recording .sh-rec .sh-ico,.sh-compose.recording .sh-rec .sh-send{display:grid}
.sh-voice{display:flex;align-items:center;gap:9px;min-width:210px}
.sh-vp{all:unset;flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--goldt);color:var(--ongold);cursor:pointer}
.sh-msg.mine .sh-vp{background:var(--ongold);color:var(--goldt)}
.sh-vp svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.sh-wave{flex:1;height:30px;display:flex;align-items:center;gap:2px;cursor:pointer;min-width:100px}
.sh-wave i{flex:1;border-radius:2px;background:currentColor;opacity:.3;min-height:3px;transition:opacity .1s}.sh-wave i.on{opacity:.95}
.sh-vm{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:11.5px;font-variant-numeric:tabular-nums}
.sh-vs{all:unset;cursor:pointer;padding:1px 6px;border-radius:8px;background:rgba(127,127,127,.2);font-size:11px;font-weight:600}
.sh-dur{flex-wrap:wrap}
.sh-cust{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:15px;color:var(--dim)}
.sh-cust[hidden]{display:none}
.sh-cust input,.sh-cust select{all:unset;box-sizing:border-box;height:40px;padding:0 12px;border-radius:12px;background:var(--fill);color:var(--ink);font:600 17px "Space Grotesk",sans-serif}
.sh-cust input{width:84px;text-align:center}.sh-cust select{padding-right:14px;cursor:pointer}
.sh-cust.bad input{box-shadow:0 0 0 1.5px var(--bad)}
.sh-dur{display:grid;grid-template-columns:repeat(3,1fr)}
.sh-cust{flex-wrap:wrap}
.sh-cust .sh-unit{flex:1;min-width:150px}

/* EcoShare: round avatar beside received messages (on the last bubble of each run) */
.sh-av{flex:none;align-self:flex-end;width:30px;height:30px;margin-right:2px;border-radius:50%;display:grid;place-items:center;font:700 14px "Space Grotesk",sans-serif;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:0 0 0 1.5px var(--bg);visibility:hidden}
.sh-msg.tail .sh-av{visibility:visible}
.sh-msg:not(.mine) small{margin-left:44px}
.sh-msg:not(.mine) .sh-rx{margin-left:44px}
.sh-msg:not(.mine) .sh-more{align-self:center}

/* More: appearance with icons + share */
.modebar{display:flex;gap:10px;align-items:stretch}
.seg--ico{flex:1;min-width:0}
.seg--ico button{display:flex;align-items:center;justify-content:center;gap:7px;height:44px;border-radius:10px}
.seg--ico svg,.modebar__share svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.seg--ico button[aria-checked=true] svg{color:var(--goldt)}
.modebar__share{all:unset;box-sizing:border-box;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:68px;border-radius:12px;background:var(--fill);color:var(--ink);cursor:pointer;font:500 12px "Space Grotesk",sans-serif;transition:transform .15s}
.modebar__share:active{transform:scale(.95)}.modebar__share svg{color:var(--goldt)}
.modebar__share:focus-visible{outline:2px solid var(--goldt);outline-offset:2px}

/* announcement banner (CMS) */
.bnr{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:12px 8px 12px 16px;border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--goldt) 24%,var(--surface)),var(--surface));border:1px solid var(--hair);font-size:15px}
.bnr__t{flex:1;min-width:0}.bnr__a{flex:none;padding:6px 12px;border-radius:14px;background:var(--fillgrad);color:var(--ongold);font-weight:600;font-size:14px;text-decoration:none}
.bnr__x{all:unset;cursor:pointer;flex:none;width:30px;height:30px;display:grid;place-items:center;font-size:22px;color:var(--dim)}

/* Map tab (same content as map.craftik.bd) */
.mp-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 14px}
.mp-lede{margin:0;color:var(--dim);font-size:16px;flex:1}
.mp-status{flex:none;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:15px;background:var(--fill);font-size:13.5px;font-weight:600;color:var(--dim)}
.mp-status i{width:8px;height:8px;border-radius:50%;background:var(--bad)}.mp-status.open{color:var(--ok)}.mp-status.open i{background:var(--ok);animation:beat 2.8s ease-in-out infinite}
.mp-card{display:block;margin-top:14px;padding:16px;border-radius:22px;background:var(--surface);border:1px solid var(--hair);color:inherit;text-decoration:none}
.mp-mapcard{padding:10px;margin-top:0}
.mp-map{position:relative;height:min(52vh,340px);border-radius:16px;overflow:hidden;background:var(--fill)}
.mp-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .4s}.mp-map iframe.in{opacity:1}
.mp-acts{display:flex;flex-direction:column;gap:8px;margin-top:10px}.mp-row2{display:flex;gap:8px}.mp-row2 .mp-btn{flex:1}
.mp-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 16px;border-radius:15px;background:var(--fill);color:var(--ink);font:600 16px "Space Grotesk",sans-serif;cursor:pointer;text-align:center;transition:transform .15s,opacity .15s}
.mp-btn:active{transform:scale(.98)}.mp-btn[disabled]{opacity:.6}
.mp-btn svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mp-btn.primary{background:var(--fillgrad);color:var(--ongold)}.mp-btn.primary .mp-tail{width:16px;height:16px;opacity:.65;margin-left:auto}
.mp-btn.quiet{margin-top:12px;background:transparent;border:1px solid var(--hair);font-weight:500;font-size:15px}
.mp-btn:focus-visible,.mp-chip:focus-visible{outline:2px solid var(--goldt);outline-offset:2px}
.mp-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}.mp-h h2{margin:0;flex:1;font-size:19px;letter-spacing:-.02em}
.mp-i{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--fill);color:var(--goldt)}
.mp-i svg,.mp-chip svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mp-chip{all:unset;cursor:pointer;flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--fill);color:var(--dim)}.mp-chip.done{color:var(--ok)}
.mp-place{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-weight:600;font-size:17px}
.mp-place b{display:grid;place-items:center;min-width:40px;height:30px;padding:0 8px;border-radius:9px;background:var(--fillgrad);color:var(--ongold);font-size:14px}
.mp-addr{margin:0;color:var(--dim);font-size:15.5px;line-height:1.4}
.mp-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 0}.mp-facts div{padding:10px 12px;border-radius:12px;background:var(--fill)}.mp-facts div.wide{grid-column:1/-1}
.mp-facts dt{font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.mp-facts dd{margin:2px 0 0;font-weight:600;font-size:15.5px}
.mp-rows{list-style:none;margin:0;padding:0}.mp-rows li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--hair)}.mp-rows li:last-child{border:0}
.mp-rows .k{flex:none;width:98px;font-size:13.5px;color:var(--dim)}.mp-rows .v{flex:1;min-width:0;font-weight:600;font-size:15.5px;overflow-wrap:anywhere}
.mp-now{margin:0 0 10px;font-weight:600;font-size:16px}.mp-now.open{color:var(--ok)}.mp-now.closed{color:var(--bad)}
.mp-hours{list-style:none;margin:0;padding:0}.mp-hours li{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:11px;font-size:15.5px;font-variant-numeric:tabular-nums}
.mp-hours li.today{background:var(--fill);font-weight:700}.mp-hours li.shut{color:var(--faint)}.mp-hours.off{margin-top:10px}.mp-hours.off li{color:var(--bad)}
.mp-steps{margin:0;padding:0 0 0 20px}.mp-steps li{padding:5px 0}.mp-steps b{display:block}.mp-steps p{margin:2px 0 0;color:var(--dim);font-size:15px}
.mp-call{display:flex;align-items:center;gap:14px}.mp-ct{display:flex;flex-direction:column}.mp-ct b{font-size:17px}.mp-ct span{color:var(--dim);font-size:15px}
.mp-toast{position:fixed;left:50%;bottom:calc(110px + env(safe-area-inset-bottom));z-index:70;transform:translate(-50%,12px);padding:9px 16px;border-radius:18px;background:var(--bar);border:1px solid var(--hair);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);font-size:14.5px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.mp-toast.on{opacity:1;transform:translate(-50%,0)}
.mp-office{margin-bottom:6px}

/* EcoCMS (superadmin) */
.cms{position:fixed;inset:0;z-index:80;background:var(--bg);overflow-y:auto;-webkit-overflow-scrolling:touch;animation:in .2s ease-out}
.cms[hidden]{display:none}body.in-cms{overflow:hidden}
.cms__bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:var(--bar);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border-bottom:1px solid var(--hair)}
.cms__bar h1{flex:1;margin:0;text-align:center;font-size:17px;letter-spacing:-.01em}
.cms__back,.cms__save{all:unset;cursor:pointer;display:flex;align-items:center;gap:2px;min-width:70px;height:36px;font:600 16px "Space Grotesk",sans-serif;color:var(--goldt)}
.cms__back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cms__save{justify-content:flex-end}.cms__save[disabled]{opacity:.35;cursor:default}
.cms__msg{margin:12px 16px 0;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--ok) 18%,var(--surface));font-size:14.5px}.cms__msg.bad{background:color-mix(in srgb,var(--bad) 20%,var(--surface))}
.cms__body{padding:4px 16px calc(40px + env(safe-area-inset-bottom));max-width:640px;margin:0 auto}
.cms-card{margin-top:16px;padding:16px;border-radius:22px;background:var(--surface);border:1px solid var(--hair)}.cms-card h2{margin:0 0 4px;font-size:19px;letter-spacing:-.02em}
.cms-sub{margin:0 0 12px;color:var(--dim);font-size:14.5px}
.cms-f{display:block;margin-top:12px}.cms-f>span{display:block;margin-bottom:5px;font-size:13px;color:var(--dim)}.cms-f small{display:block;margin-top:4px;font-size:12.5px;color:var(--faint)}
.cms-f input,.cms-f select{all:unset;box-sizing:border-box;display:block;width:100%;height:46px;padding:0 14px;border-radius:12px;background:var(--fill);color:var(--ink);font:500 16px "Space Grotesk",sans-serif}
.cms-f input:focus,.cms-f select:focus{box-shadow:0 0 0 1.5px var(--goldt)}
.cms-sw{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:10px 0;cursor:pointer}
.cms-sw__t{flex:1;display:flex;flex-direction:column}.cms-sw__t b{font-weight:600;font-size:16px}.cms-sw__t small{font-size:13px;color:var(--dim);margin-top:1px}
.cms-sw i{flex:none;position:relative;width:51px;height:31px;border-radius:16px;background:var(--fill);transition:background .2s}
.cms-sw i::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.3);transition:transform .2s}
.cms-sw[aria-checked=true] i{background:var(--ok)}.cms-sw[aria-checked=true] i::after{transform:translateX(20px)}
.cms-list{display:flex;flex-direction:column;gap:8px}
.cms-item{border-radius:16px;background:var(--fill);overflow:hidden}.cms-item.off .cms-item__m b{opacity:.5}
.cms-item__h{display:flex;align-items:center;gap:2px;padding:4px 6px 4px 4px}
.cms-item__m{all:unset;cursor:pointer;flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;column-gap:6px;padding:8px 10px}.cms-item__m b{font-size:16px}.cms-item__m small{grid-column:1;font-size:12.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cms-item__m svg{grid-row:1/3;grid-column:2;align-self:center;width:16px;height:16px;fill:none;stroke:var(--dim);stroke-width:2.2;transition:transform .2s}.cms-item.is-open .cms-item__m svg{transform:rotate(90deg)}
.cms-ib{all:unset;cursor:pointer;flex:none;width:34px;height:36px;display:grid;place-items:center;border-radius:10px;color:var(--dim)}.cms-ib[disabled]{opacity:.25;cursor:default}.cms-ib svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cms-item__f{padding:0 14px 14px}
.cms-add,.cms-del,.cms-reset,.cms-link{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;margin-top:12px;border-radius:14px;background:var(--fill);font:600 15.5px "Space Grotesk",sans-serif;cursor:pointer}
.cms-add{color:var(--goldt)}.cms-add svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.cms-del,.cms-reset{color:var(--bad);background:transparent;border:1px solid var(--hair)}.cms-link{color:var(--goldt)}

/* Breathing room: roomier margins, cards and rows across the app */
.screen{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}
.title{margin:10px 0 12px}
.search{margin:28px 0 10px;height:48px}
.label{margin:40px 18px 12px}
.list{margin-top:22px;border-radius:22px}
.row{min-height:66px;padding:16px 20px;gap:16px}
.row__t small{margin-top:4px;line-height:1.4}
.seg{padding:4px;gap:4px}
.modebar{gap:14px}
.idc{margin-top:26px;padding:22px;gap:18px;border-radius:26px}
.about{margin:48px 0 8px}
.sh-lead{margin:6px 0 24px;line-height:1.5}
.sh-card{margin-top:20px;padding:22px;border-radius:26px}
.sh-card h2{margin-bottom:10px}
.sh-sub{margin-bottom:18px;line-height:1.45}
.sh-btn{margin-top:18px;height:52px}
.sh-dur{margin-top:2px}
.sh-cust{margin-top:14px}
.sh-fine{margin:28px 8px 8px;line-height:1.5}
.sh-head{padding:14px 18px;gap:6px 14px}
.sh-feed{gap:3px;margin-top:20px}
.sh-msg{margin-top:12px}.sh-msg.cont{margin-top:2px}
.sh-bub{padding:9px 14px 8px}
.sh-sys{margin:16px 0}
.sh-compose{margin-top:20px;padding:10px;gap:10px}
.sh-people{gap:8px}
.mp-top{margin:6px 0 20px}
.mp-card{margin-top:20px;padding:20px;border-radius:26px}
.mp-mapcard{padding:12px;margin-top:0}
.mp-acts{gap:12px;margin-top:14px}.mp-row2{gap:12px}
.mp-h{margin-bottom:16px}
.mp-facts{gap:10px;margin-top:18px}.mp-facts div{padding:12px 14px}
.mp-rows li{padding:12px 0}
.mp-hours li{padding:11px 14px}
.mp-btn.quiet{margin-top:16px}
.cms__body{padding-left:22px;padding-right:22px}
.cms-card{margin-top:22px;padding:22px;border-radius:26px}
.cms-f{margin-top:16px}.cms-item__f{padding:0 16px 18px}
.cms-list{gap:12px}
.bnr{margin:4px 0 20px;padding:14px 10px 14px 18px}
@media (min-width:900px){.screen{padding-left:max(32px,env(safe-area-inset-left));padding-right:max(32px,env(safe-area-inset-right))}}

/* Map follows the app theme: Google's embed has no dark mode, so in dark we invert it and rotate the hues back, then warm it to the app palette */
.mp-map{background:var(--fill)}
.mp-map iframe{transition:opacity .4s,filter .3s}
[data-theme=light] .mp-map iframe{filter:sepia(.1) saturate(.95) contrast(.98)}
[data-theme=dark] .mp-map iframe{filter:invert(.92) hue-rotate(180deg) saturate(.7) brightness(.92) contrast(.95) sepia(.18)}
[data-theme=dark] .mp-map{background:#161412}

/* Smaller supporting text */
.sh-lead{font-size:14.5px;line-height:1.5}
.sh-sub{font-size:13.5px}
.sh-fine{font-size:12.5px}
.sh-card h2{font-size:18px}
.mp-lede{font-size:14.5px;line-height:1.45}
.mp-addr,.mp-steps p{font-size:14px}
.mp-ct span{font-size:14px}
.cms-sub{font-size:13px}
.row__t small{font-size:12.5px}
.sh-up,.sh-sys{font-size:12.5px}
.sh-empty{font-size:14px}

/* EcoWatch */
.wp-code{display:flex;flex-direction:column;align-items:center;margin:6px 0 4px}
.wp-code span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.wp-code b{font-size:54px;line-height:1.1;font-weight:700;letter-spacing:.16em;text-indent:.16em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.wp-now{margin:10px 0 2px;text-align:center;color:var(--dim);font-size:14.5px}.wp-now.on{color:var(--ink);font-weight:600}
.wp-left{margin:0 0 14px;text-align:center;color:var(--faint);font-size:13px}
.wp-guests{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px}.wp-none{color:var(--faint);font-size:13.5px}
.wp-help{margin:10px 0 14px;text-align:center}
.sh-hrs{display:flex}
.wp{position:fixed;inset:0;z-index:90;background:#000;color:#fff;display:flex;align-items:center;justify-content:center}
.wp video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
body.in-wp{overflow:hidden}
.wp-top{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 28px;background:linear-gradient(rgba(0,0,0,.7),transparent);z-index:2}
.wp-title{display:flex;flex-direction:column;min-width:0}.wp-title b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-st{font-size:12.5px;opacity:.7}
.wp-bar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:18px;padding:28px 16px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.7));z-index:2}
.wp-ib{all:unset;cursor:pointer;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.wp-ib svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wp-gate{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:rgba(0,0,0,.72);text-align:center;padding:24px}.wp-gate[hidden]{display:none}
.wp-gate p{margin:0;font-size:15px;opacity:.8;max-width:30ch}
.wp-start{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;height:56px;padding:0 28px;border-radius:28px;background:var(--fillgrad);color:#fff;font:700 18px "Space Grotesk",sans-serif}.wp-start svg{width:22px;height:22px}
.wp-wait{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;opacity:.75}.wp-wait[hidden]{display:none}.wp-wait svg{width:46px;height:46px;fill:none;stroke:#fff;stroke-width:1.5}.wp-wait p{margin:0;font-size:15px}

/* CraftikBridge: AirChat / SyncPlay switcher */
.airseg{margin:14px 0 6px}
.airseg button{display:flex;align-items:center;justify-content:center;gap:8px;height:44px}
.airseg svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.airseg button[aria-checked=true] svg{color:var(--goldt)}
#s-share.sh-inroom .airseg{display:none}
#watchRoot[hidden],#shareRoot[hidden]{display:none}

/* Quieter supporting text: smaller and fainter */
.sh-lead,.sh-sub,.mp-lede,.mp-addr,.mp-steps p,.cms-sub,.row__t small,.cms-sw__t small,.cms-f small,.wp-help,.wp-left,.wp-none,.bnr__t{color:color-mix(in srgb,var(--ink) 46%,transparent)}
.sh-lead{font-size:13px;line-height:1.5}
.sh-sub{font-size:12.5px;line-height:1.45}
.sh-fine{font-size:11.5px;color:color-mix(in srgb,var(--ink) 34%,transparent)}
.mp-lede{font-size:13px}
.mp-addr,.mp-steps p,.mp-ct span{font-size:13px}
.cms-sub,.cms-sw__t small{font-size:12px}
.row__t small{font-size:12px}
.sh-empty,.sh-sys{font-size:12px}
.about{font-size:12px}
.wp-now{font-size:13px}

/* ===== Motion pass: transitions across the app (all of it off under prefers-reduced-motion) ===== */
@media (prefers-reduced-motion:no-preference){
  html{transition:background-color .3s ease}
  body{transition:background-color .3s ease,color .3s ease}
  /* tabs slide in from the side you are heading to */
  @keyframes tin-r{from{opacity:0;transform:translate3d(26px,0,0)}}
  @keyframes tin-l{from{opacity:0;transform:translate3d(-26px,0,0)}}
  [data-nav=r] .screen{animation:tin-r .34s cubic-bezier(.2,.8,.2,1) both}
  [data-nav=l] .screen{animation:tin-l .34s cubic-bezier(.2,.8,.2,1) both}
  /* Air: AirChat <-> SyncPlay */
  @keyframes air-r{from{opacity:0;transform:translate3d(34px,0,0)}}
  @keyframes air-l{from{opacity:0;transform:translate3d(-34px,0,0)}}
  .air-r{animation:air-r .36s cubic-bezier(.2,.8,.2,1)}
  .air-l{animation:air-l .36s cubic-bezier(.2,.8,.2,1)}
  /* sliding selection pill for segmented controls */
  .airseg,.seg--ico{position:relative}
  .airseg::before,.seg--ico::before{content:"";position:absolute;top:4px;bottom:4px;left:4px;border-radius:9px;background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.18);transition:transform .38s cubic-bezier(.3,1.25,.4,1)}
  .airseg::before{width:calc(50% - 6px)}
  .airseg:has([data-air=watch][aria-checked=true])::before{transform:translateX(calc(100% + 4px))}
  .seg--ico::before{width:calc(33.333% - 5.4px)}
  [data-mode=light] .seg--ico::before{transform:translateX(calc(100% + 4px))}
  [data-mode=dark] .seg--ico::before{transform:translateX(calc(200% + 8px))}
  .airseg button,.seg--ico button{position:relative;z-index:1;background:transparent!important}
  .airseg button svg,.seg--ico button svg{transition:color .25s,transform .35s cubic-bezier(.3,1.4,.4,1)}
  .airseg button[aria-checked=true] svg,.seg--ico button[aria-checked=true] svg{transform:scale(1.12)}
  /* press feedback */
  .row,.mp-btn,.sh-btn,.sh-mini,.sh-ico,.sh-send,.cms-add,.cms-del,.cms-reset,.cms-link,.modebar__share,.mp-chip,.cms-ib,.wp-ib,.sh-more,.bnr__a{transition:transform .16s cubic-bezier(.3,1.4,.4,1),background-color .2s,opacity .2s,color .2s}
  .row:active{transform:scale(.985);background:var(--fill)}
  .mp-btn:active,.sh-btn:active,.sh-mini:active,.cms-add:active,.cms-del:active,.cms-reset:active,.cms-link:active,.bnr__a:active{transform:scale(.96)}
  .sh-ico:active,.sh-send:active,.mp-chip:active,.cms-ib:active,.wp-ib:active{transform:scale(.88)}
  /* cards and lists settle in */
  @keyframes rise{from{opacity:0;transform:translate3d(0,14px,0)}}
  #shareRoot>*,#watchRoot>*,#mapRoot>*,.cms-card,.idc,#s-more .list{animation:rise .5s cubic-bezier(.2,.8,.2,1) backwards}
  #shareRoot>:nth-child(2),#watchRoot>:nth-child(2),#mapRoot>:nth-child(2){animation-delay:.05s}
  #shareRoot>:nth-child(3),#watchRoot>:nth-child(3),#mapRoot>:nth-child(3){animation-delay:.1s}
  #shareRoot>:nth-child(4),#watchRoot>:nth-child(4),#mapRoot>:nth-child(4){animation-delay:.15s}
  #mapRoot>:nth-child(n+5){animation-delay:.2s}
  .cms-card:nth-child(2){animation-delay:.06s}.cms-card:nth-child(3){animation-delay:.12s}
  /* overlays */
  @keyframes sheetup{from{opacity:0;transform:translate3d(0,40px,0)}}
  @keyframes zoomin{from{opacity:0;transform:scale(.96)}}
  .cms{animation:sheetup .36s cubic-bezier(.2,.8,.2,1)}
  .wp{animation:zoomin .3s cubic-bezier(.2,.8,.2,1)}
  .bnr{animation:rise .45s cubic-bezier(.2,.8,.2,1)}
  .cms-item__f{animation:rise .28s cubic-bezier(.2,.8,.2,1)}
  .cms__msg{animation:rise .25s ease-out}
  .sh-replying:not([hidden]){animation:rise .22s cubic-bezier(.2,.8,.2,1)}
  .sh-compose.recording .sh-rec{animation:fadein .2s}
  .sh-compose .sh-mic,.sh-compose .sh-send{animation:rxpop .22s cubic-bezier(.3,1.5,.5,1)}
  .wp-gate,.wp-wait{animation:fadein .3s}
  .sh-people .sh-chip,.wp-guests .sh-chip{animation:rxpop .25s cubic-bezier(.3,1.5,.5,1)}
  .sh-sys{animation:up .3s ease-out both}
  .mp-hours li,.mp-rows li,.sh-chip{transition:background-color .2s}
  .state i,.mp-status i{transition:background-color .3s}
  .sh-btn[disabled],.sh-btn--gold{transition:opacity .2s,transform .16s,background-color .2s}
  .seg button{transition:background .3s,color .25s}
}
@media (prefers-reduced-motion:no-preference){
  @keyframes sheetdown{to{opacity:0;transform:translate3d(0,40px,0)}}
  @keyframes zoomout{to{opacity:0;transform:scale(.97)}}
  .cms.out{animation:sheetdown .23s cubic-bezier(.4,0,.8,.4) forwards;pointer-events:none}
  .wp.out{animation:zoomout .22s ease-in forwards;pointer-events:none}
}

/* Gentler timing: softer travel, longer ease-out. Reduced-motion users get plain fades instead of slides. */
@keyframes gfade{from{opacity:0}}
@media (prefers-reduced-motion:reduce){
  [data-nav] .screen,.air-r,.air-l{animation:gfade .3s ease-out!important}
  .airseg::before,.seg--ico::before{transition:transform .3s ease!important}
}
@media (prefers-reduced-motion:no-preference){
  @keyframes tin-r{from{opacity:0;transform:translate3d(16px,0,0)}}
  @keyframes tin-l{from{opacity:0;transform:translate3d(-16px,0,0)}}
  [data-nav=r] .screen{animation:tin-r .45s cubic-bezier(.22,.7,.25,1) both}
  [data-nav=l] .screen{animation:tin-l .45s cubic-bezier(.22,.7,.25,1) both}
  @keyframes air-r{from{opacity:0;transform:translate3d(18px,0,0)}}
  @keyframes air-l{from{opacity:0;transform:translate3d(-18px,0,0)}}
  .air-r{animation:air-r .45s cubic-bezier(.22,.7,.25,1)}
  .air-l{animation:air-l .45s cubic-bezier(.22,.7,.25,1)}
  .airseg::before,.seg--ico::before{transition:transform .45s cubic-bezier(.25,.9,.3,1.08)}
  #shareRoot>*,#watchRoot>*,#mapRoot>*,.cms-card,.idc,#s-more .list{animation-duration:.6s}
}

/* Launch screen */
.splash{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#0b0a09;color:#f5f0e8;animation:splash-out .4s ease .6s forwards}
@media (prefers-color-scheme:light){.splash{background:#f3efe9;color:#1a1712}}
[data-theme=light] .splash{background:#f3efe9;color:#1a1712}[data-theme=dark] .splash{background:#0b0a09;color:#f5f0e8}
.no-splash .splash{display:none}
.splash__icon{width:96px;height:96px;border-radius:24%;overflow:hidden;box-shadow:0 16px 44px rgba(0,0,0,.4);animation:splash-pop .5s cubic-bezier(.2,.9,.3,1.15) both}
.splash__icon img{display:block;width:100%;height:100%}
.splash__from{position:absolute;left:0;right:0;bottom:calc(36px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px;animation:fadein .5s ease .1s both}
.splash__from span{font-size:12.5px;letter-spacing:.04em;opacity:.55}
.splash__mark{width:30px;height:28px;background:var(--mark,var(--goldt));-webkit-mask:url(/img/craftik-mark.svg) center/contain no-repeat;mask:url(/img/craftik-mark.svg) center/contain no-repeat}
.splash__logo{display:flex;align-items:center;gap:9px}.splash__logo b{font:700 24px "Space Grotesk",sans-serif;letter-spacing:-.02em}
@keyframes splash-out{to{opacity:0;visibility:hidden}}
@keyframes splash-pop{from{opacity:0;transform:scale(.82)}}
@media (prefers-reduced-motion:reduce){.splash__icon{animation:fadein .4s both}}

/* Join buttons fill with the accent colour once the code is complete */
.sh-btn--go{transition:background-color .3s,color .3s,opacity .2s,transform .16s}
.sh-btn--go:not([disabled]){background:var(--fillgrad);color:var(--ongold);opacity:1}
.sh-btn--go[disabled]{opacity:.45}

/* CMS: no accidental text selection (long-press), drag handle, colour swatches, icon picker */
.cms-item,.cms-item__m,.cms-grip,.cms-ib{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.cms-item__f input{-webkit-user-select:text;user-select:text}
.cms-item__m:focus,.cms-grip:focus{outline:none}
.cms-grip{all:unset;box-sizing:border-box;flex:none;width:34px;height:44px;display:grid;place-items:center;border-radius:10px;cursor:grab;color:var(--faint);touch-action:none}
.cms-grip svg{width:20px;height:20px;fill:currentColor}
.cms-grip:active{cursor:grabbing;color:var(--ink)}
.cms-list .cms-item{transition:transform .2s cubic-bezier(.22,.7,.25,1),box-shadow .2s,background-color .2s;position:relative}
.cms-list .cms-item.drag{transition:box-shadow .2s;z-index:5;box-shadow:0 14px 34px rgba(0,0,0,.35);background:var(--surface);cursor:grabbing}
.cms-list.dragging{touch-action:none}
.cms-item__m{padding-left:4px}
.cms-swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}
.cms-swatch{all:unset;box-sizing:border-box;width:42px;height:42px;border-radius:14px;cursor:pointer;background-size:cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:transform .15s cubic-bezier(.3,1.4,.4,1),box-shadow .2s}
.cms-swatch:active{transform:scale(.9)}
.cms-swatch[aria-checked=true]{box-shadow:0 0 0 2.5px var(--bg),0 0 0 4.5px var(--goldt);transform:scale(1.04)}
.cms-icohead{display:flex;align-items:center;gap:12px;margin:2px 0 10px}
.cms-icohead small{margin:0!important;color:var(--faint);font-size:12.5px}
.cms-ico{all:unset;box-sizing:border-box;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--surface);color:var(--ink);cursor:pointer;transition:transform .15s cubic-bezier(.3,1.4,.4,1),background-color .2s,color .2s}
.cms-ico--cur{flex:none;width:52px;height:52px;border-radius:16px;background:var(--goldt);color:#fff;cursor:default}
.cms-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cms-ico .h{fill:currentColor;fill-opacity:.22}
button.cms-ico:active{transform:scale(.88)}button.cms-ico.on{background:color-mix(in srgb,var(--goldt) 28%,var(--surface));color:var(--goldt)}
.cms-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px}
@media (max-width:560px){.cms-mv{display:none}.cms-ib{width:38px}}
.cms-item__f .cms-f input{background:var(--surface);box-shadow:inset 0 0 0 1px var(--hair)}
.cms-item__f .cms-f input:focus{box-shadow:0 0 0 1.5px var(--goldt)}

/* Watch code header: code on the left, duration ring on the right (same ring as a CraftikBridge room) */
.wp-hd{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;margin:6px 0 6px}
.wp-hd .wp-code{align-items:flex-start;margin:0}
.wp-hd .wp-code b{font-size:46px;letter-spacing:.12em;text-indent:0}
.wp-clock{width:72px;height:72px;font-size:13px}
.wp-clock span{position:relative;font-variant-numeric:tabular-nums;font-weight:600}

/* CMS theme picker */
.cms-pals{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.cms-pal{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:18px;background:var(--fill);cursor:pointer;position:relative;transition:transform .18s cubic-bezier(.3,1.4,.4,1),box-shadow .2s;-webkit-user-select:none;user-select:none}
.cms-pal img{border-radius:8px;display:block}
.cms-pal i{display:block;height:8px;border-radius:4px;margin:2px 0 2px}
.cms-pal b{font-size:15px;font-weight:600}.cms-pal small{font-size:11.5px;color:var(--faint);line-height:1.3}
.cms-pal:active{transform:scale(.96)}
.cms-pal[aria-checked=true]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--goldt)}

/* installed app: the top bar is empty until you scroll, so don't reserve a whole bar of blank space above the title */
@media (display-mode:standalone){.screen{padding-top:calc(27px + env(safe-area-inset-top))}}
@media (display-mode:standalone) and (min-width:700px){.screen{padding-top:calc(40px + env(safe-area-inset-top))}}

html.bx-open,html.bx-open body{overflow:hidden;overscroll-behavior:none}
html.bx-open body{position:fixed;left:0;right:0;width:100%}
.bx{--bx-other:#1c1a18;--bx-gap:2px;position:fixed;left:0;top:0;width:100%;height:100dvh;z-index:70;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;animation:bxslide .32s cubic-bezier(.2,.8,.2,1)}
[data-theme=light] .bx{--bx-other:#fff}
.bx.out{animation:bxout .24s ease-in forwards;pointer-events:none}
@keyframes bxslide{from{transform:translateX(100%)}to{transform:none}}
@keyframes bxout{to{transform:translateX(100%)}}
.bx button{font-family:"Space Grotesk",sans-serif}
.bx.drag::after{content:"Drop to share";position:absolute;inset:12px;z-index:30;display:grid;place-items:center;border:2px dashed var(--goldt);border-radius:24px;background:color-mix(in srgb,var(--bg) 82%,transparent);color:var(--goldt);font-weight:600;pointer-events:none}

.bx-head{flex:none;position:relative;z-index:3;display:flex;align-items:center;gap:2px;padding:calc(4px + env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 4px max(4px,env(safe-area-inset-left));background:var(--bar);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border-bottom:1px solid var(--hair)}
.bx-back,.bx-hbtn,.bx-down,.bx-ico,.bx-act,.bx-more,.bx-rbin,.bx-rpause,.bx-rsend,.bx-pkick{all:unset;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bx-back{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--goldt)}
.bx-back svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bx-hbtn{flex:1;min-width:0;min-height:48px;display:flex;align-items:center;gap:10px;padding:2px 4px 2px 2px;border-radius:16px;transition:background .2s}
.bx-hbtn:active{background:var(--fill)}
.bx-back:focus-visible,.bx-hbtn:focus-visible,.bx-down:focus-visible,.bx-ico:focus-visible,.bx-act:focus-visible,.bx-rbin:focus-visible,.bx-rpause:focus-visible,.bx-rsend:focus-visible{outline:2px solid var(--goldt);outline-offset:2px}
.bx-code{display:flex;flex-direction:column;gap:2px;flex:none}
.bx-code small{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);line-height:1}
.bx-code b{font-size:22px;font-weight:700;letter-spacing:.1em;line-height:1;font-variant-numeric:tabular-nums}
.bx-mid{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;color:var(--dim)}
.bx-avs{display:flex}
.bx-mav{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 11px "Space Grotesk",sans-serif;color:#1a0d03;border:2px solid var(--bg);margin-left:-8px}
.bx-mav:first-child{margin-left:0}
.bx-lk{display:grid;place-items:center;color:var(--goldt)}.bx-lk[hidden]{display:none}
.bx-lk svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bx-clock{position:relative;flex:none;width:44px;height:44px;display:grid;place-items:center}
.bx-clock svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.bx-clock circle{fill:none;stroke-width:5}
.bx-r0{stroke:var(--hair)}
.bx-r1{stroke:var(--goldt);stroke-linecap:round;stroke-dasharray:100;transition:stroke-dashoffset .5s linear,stroke .3s}
.bx-clock b{position:relative;font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums}
.bx-clock.low .bx-r1{stroke:var(--bad)}.bx-clock.low b{color:var(--bad);animation:bxblink 1s ease-in-out infinite}
@keyframes bxblink{50%{opacity:.45}}

.bx-body{position:relative;flex:1;min-height:0;display:flex}
.bx-feed{flex:1;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;padding:0 max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left))}
.bx-list{flex:none;margin-top:auto;display:flex;flex-direction:column;padding:12px 0 8px}
.bx-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:6px;padding-bottom:12%;text-align:center;color:var(--faint);font-size:14.5px;pointer-events:none;opacity:.75}
.bx-empty b{font-size:34px;letter-spacing:.14em;font-weight:700;color:var(--dim);opacity:.5}
.bx-down{position:absolute;right:14px;bottom:12px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--bar);border:1px solid var(--hair);box-shadow:0 6px 18px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--ink);opacity:0;transform:translateY(10px) scale(.8);pointer-events:none;transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1)}
.bx-down.show{opacity:1;transform:none;pointer-events:auto}
.bx-down svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bx-down i{position:absolute;top:-5px;right:-3px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--fillgrad);color:var(--ongold);font:700 11px/19px "Space Grotesk",sans-serif;text-align:center;font-style:normal}.bx-down i[hidden]{display:none}

.bx-msg{display:flex;flex-direction:column;max-width:100%;margin-top:10px}
.bx-msg.cont{margin-top:var(--bx-gap)}
.bx-msg.mine{align-items:flex-end}
.bx-msg.in{animation:bxin .28s cubic-bezier(.2,.9,.3,1.1)}
.bx-msg.mine.in{transform-origin:100% 100%}.bx-msg:not(.mine).in{transform-origin:0 100%}
@keyframes bxin{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
.bx-who{margin:0 0 4px 38px;font-size:12px;font-weight:600;line-height:1}
.bx-who i{margin-left:6px;font-style:normal;font-weight:500;font-size:10.5px;color:var(--faint)}
.bx-row{display:flex;align-items:flex-end;gap:6px;max-width:88%}
.bx-av{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 12px "Space Grotesk",sans-serif;color:#1a0d03}
.bx-msg:not(.tail) .bx-row>.bx-av{visibility:hidden}
.bx-bub{position:relative;min-width:0;max-width:100%;padding:7px 12px 5px;border-radius:20px;background:var(--bx-other);color:var(--ink);overflow-wrap:anywhere;word-break:break-word;transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.bx-msg.mine .bx-bub{background:var(--fillgrad);color:var(--ongold)}
.bx-msg:not(.mine).cont .bx-bub{border-top-left-radius:7px}
.bx-msg:not(.mine):not(.tail) .bx-bub{border-bottom-left-radius:7px}
.bx-msg:not(.mine).tail .bx-bub{border-bottom-left-radius:4px}
.bx-msg.mine.cont .bx-bub{border-top-right-radius:7px}
.bx-msg.mine:not(.tail) .bx-bub{border-bottom-right-radius:7px}
.bx-msg.mine.tail .bx-bub{border-bottom-right-radius:4px}
.bx-bub.sel{transform:scale(1.03)}
.bx-bub.flash{animation:shflash 1.2s ease-out}
.bx-txt{display:block;font-size:16px;line-height:1.35;white-space:pre-wrap;-webkit-user-select:text;user-select:text}
.bx-txt a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.bx-meta{display:flex;justify-content:flex-end;align-items:center;gap:3px;margin-top:1px;font-size:10.5px;line-height:1;opacity:.62;font-variant-numeric:tabular-nums}
.bx-meta time{float:none}
.bx-tick{display:inline-grid;width:16px;height:12px;opacity:.7}
.bx-tick svg{width:16px;height:16px;margin-top:-2px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bx-tick .t2{display:none}.bx-tick.two{opacity:1}.bx-tick.two .t2{display:inline}
.bx-bub:has(.sh-img) .bx-meta,.bx-bub:has(.sh-file) .bx-meta,.bx-bub:has(.sh-voice) .bx-meta{margin-top:4px}
.bx-msg.mine .sh-vp{background:var(--ongold);color:var(--goldt)}
.bx-msg.mine .sh-fico,.bx-msg.mine .sh-fdl{background:rgba(43,10,21,.14)}
.bx-msg.mine .sh-quote{border-left-color:var(--ongold);background:rgba(43,10,21,.14)}.bx-msg.mine .sh-quote b{color:var(--ongold)}
.bx-bub .sh-quote,.bx-bub .sh-file,.bx-bub .sh-vs,.bx-bub .sh-wave{-webkit-user-select:none;user-select:none}
.bx-bub .sh-file{-webkit-user-drag:none}
.bx-more{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;opacity:0;color:var(--dim);transition:opacity .15s}
.bx-more svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
@media (hover:hover){.bx-msg:hover .bx-more{opacity:.8}}
@media (hover:none){.bx-more{display:none}}
.bx-msg.mine .bx-row{flex-direction:row-reverse}
.bx-rx{display:none;gap:4px;margin:-6px 8px 0 42px;position:relative;z-index:1}
.bx-rx.has{display:flex;flex-wrap:wrap}
.bx-msg.mine .bx-rx{justify-content:flex-end;margin:-6px 8px 0}
.bx-sys{align-self:center;margin:12px 0 4px;padding:5px 12px;border-radius:99px;background:var(--fill);color:var(--faint);font-size:12px;line-height:1.2;text-align:center;max-width:90%}
.bx-sys.in{animation:bxin .3s ease-out}

.bx-upl{flex:none;display:flex;flex-direction:column;gap:6px;padding:6px max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}.bx-upl[hidden]{display:none}
.bx-replying{flex:none;margin:6px max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}
.bx-comp{flex:none;position:relative;display:flex;align-items:flex-end;gap:6px;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:var(--bar);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border-top:1px solid var(--hair)}
.bx.kb .bx-comp{padding-bottom:8px}
.bx-ico{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--dim)}
.bx-ico svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bx-field{flex:1;min-width:0;display:flex;border-radius:22px;background:var(--fill);border:1px solid var(--hair)}
.bx-field textarea{flex:1;min-width:0;min-height:42px;max-height:108px;margin:0;padding:10px 14px;border:0;outline:0;resize:none;background:transparent;color:var(--ink);font:400 16px/22px "Space Grotesk",sans-serif;-webkit-user-select:text;user-select:text;box-sizing:border-box;overflow-y:auto}
.bx-field textarea::placeholder{color:var(--faint)}
.bx-act{order:3;flex:none;position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--fillgrad);color:var(--ongold);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .2s cubic-bezier(.2,.8,.2,1);z-index:2}
.bx-act svg{position:absolute;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:opacity .16s,transform .22s cubic-bezier(.2,.8,.2,1)}
.bx-act .i-send{opacity:0;transform:scale(.4) rotate(-40deg)}
.bx-comp.has-text .bx-act .i-send{opacity:1;transform:none}
.bx-comp.has-text .bx-act .i-mic{opacity:0;transform:scale(.4) rotate(40deg)}
.bx-act.hold{transform:scale(1.35);box-shadow:0 0 0 8px rgba(var(--acc-rgb),.18)}
.bx-act.pop{animation:bxpop .32s cubic-bezier(.3,1.5,.5,1)}
@keyframes bxpop{40%{transform:scale(1.18) translateY(-3px)}}
.bx-ico:active,.bx-back:active,.bx-rbin:active,.bx-rpause:active{background:var(--fill)}

.bx-recbar{order:2;display:none;flex:1;min-width:0;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:22px;background:var(--fill)}
.bx-comp.rec .bx-recbar{display:flex}
.bx-comp.rec .bx-ico,.bx-comp.rec .bx-field{display:none}
.bx-rdot{flex:none;width:11px;height:11px;border-radius:50%;background:#ff453a;animation:bxrec 1.1s ease-in-out infinite}
@keyframes bxrec{50%{opacity:.25;transform:scale(.8)}}
.bx-comp.paused .bx-rdot{animation:none;opacity:.4}
.bx-rtime{flex:none;min-width:40px;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.bx-slide{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:var(--dim);white-space:nowrap;animation:bxnudge 1.6s ease-in-out infinite}
.bx-slide svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@keyframes bxnudge{50%{transform:translateX(-6px)}}
.bx-comp.rec:not(.locked) .lk,.bx-comp.locked .hd{display:none}
.bx-comp.locked .bx-act{display:none}
.bx-comp.locked .bx-recbar{padding:0 4px}
.bx-rbin,.bx-rpause{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--dim)}
.bx-rbin{color:var(--bad)}
.bx-rbin svg,.bx-rpause svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bx-rpause svg path[fill]{fill:currentColor}
.bx-rsend{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--fillgrad);color:var(--ongold)}
.bx-rsend svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bx-rwave{flex:1;min-width:0;height:32px;display:flex;align-items:center;gap:2px}
.bx-rwave i{flex:1;height:100%;border-radius:2px;background:var(--goldt);transform:scaleY(.08);transform-origin:center;transition:transform .08s linear;min-width:2px}
.bx-comp.paused .bx-rwave i{opacity:.4}
.bx-lockh{position:absolute;right:max(10px,env(safe-area-inset-right));bottom:calc(100% + 14px);width:44px;height:78px;display:none;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 0 6px;border-radius:22px;background:var(--bar);border:1px solid var(--hair);box-shadow:0 8px 22px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--ink);pointer-events:none;transition:opacity .2s}
.bx-comp.rec:not(.locked) .bx-lockh{display:flex;animation:bxin .25s ease-out}
.bx-lockh svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bx-lockh svg:last-child{opacity:.55;animation:bxup 1.2s ease-in-out infinite}
@keyframes bxup{50%{transform:translateY(-4px)}}
.bx-binfx{position:absolute;left:22px;top:50%;width:30px;height:30px;margin-top:-15px;color:var(--bad);pointer-events:none;animation:bxbin .8s ease-in forwards}
.bx-binfx svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@keyframes bxbin{0%{opacity:0;transform:translateY(14px) scale(.5)}20%{opacity:1;transform:scale(1.2) rotate(-12deg)}40%{transform:scale(1) rotate(10deg)}60%{transform:rotate(-6deg)}100%{opacity:0;transform:translateY(-12px) scale(.8)}}
.bx-toast{position:absolute;left:50%;bottom:calc(74px + env(safe-area-inset-bottom));z-index:9;max-width:calc(100% - 40px);padding:9px 16px;border-radius:99px;background:#1c1a18;color:#f5f0e8;border:1px solid rgba(255,255,255,.1);font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.45);opacity:0;transform:translate(-50%,10px);pointer-events:none;transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1)}
.bx.kb .bx-toast{bottom:74px}
.bx-toast.show{opacity:1;transform:translate(-50%,0)}

.bx-sback{position:absolute;inset:0;z-index:20;display:flex;align-items:flex-end;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadein .2s ease-out}
.bx-sback.out{animation:bxfade .2s ease-in forwards}.bx-sback.out .bx-sheet{transform:translateY(100%)}
@keyframes bxfade{to{opacity:0}}
.bx-sheet{width:100%;max-width:560px;margin:0 auto;max-height:86%;overflow-y:auto;overscroll-behavior:contain;padding:8px 14px calc(16px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:var(--surface);border:1px solid var(--hair);border-bottom:0;box-shadow:0 -12px 40px rgba(0,0,0,.4);animation:bxsheet .3s cubic-bezier(.2,.8,.2,1);transition:transform .22s cubic-bezier(.2,.8,.2,1)}
@keyframes bxsheet{from{transform:translateY(100%)}to{transform:none}}
.bx-grab{display:block;width:38px;height:5px;margin:2px auto 12px;border-radius:3px;background:var(--hair);filter:brightness(1.6)}
.bx-st{margin:0 4px;font-size:20px;font-weight:700;letter-spacing:-.01em}
.bx-ss{margin:4px 4px 12px;font-size:14px;color:var(--dim);line-height:1.4}
.bx-plist{display:flex;flex-direction:column;margin:0 0 8px;padding:4px;border-radius:18px;background:var(--fill)}
.bx-person{display:flex;align-items:center;gap:10px;min-height:48px;padding:2px 6px}
.bx-pn{flex:1;min-width:0;display:flex;flex-direction:column}.bx-pn b{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx-pn em{font-style:normal;font-size:12px;color:var(--faint)}
.bx-pkick{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--dim)}
.bx-pkick svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.bx-srow{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:0 12px;border-radius:16px;cursor:pointer;font:500 16.5px "Space Grotesk",sans-serif;color:var(--ink);-webkit-tap-highlight-color:transparent}
.bx-srow:active{background:var(--fill)}
.bx-srow svg{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--dim)}
.bx-srow.bad,.bx-srow.bad svg{color:var(--bad)}
.bx-srow:focus-visible,.bx-sbtn:focus-visible{outline:2px solid var(--goldt);outline-offset:-2px}
.bx-sbtn{all:unset;box-sizing:border-box;display:grid;place-items:center;width:100%;height:52px;margin-top:8px;border-radius:26px;background:var(--fill);color:var(--ink);font:600 16.5px "Space Grotesk",sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bx-sbtn.bad{background:var(--bad);color:#fff}
.bx-sbtn:disabled{opacity:.6}
.sh-mback{z-index:120}
.bx ~ .sh-mback .sh-menu{-webkit-user-select:none;user-select:none}
@media (prefers-reduced-motion:reduce){.bx,.bx.out,.bx-sheet,.bx-sback,.bx-msg.in,.bx-sys.in,.bx-slide,.bx-rdot,.bx-lockh svg,.bx-binfx{animation:none!important}.bx-down,.bx-toast,.bx-act,.bx-act svg,.bx-bub{transition:none}}

.sso-row{cursor:pointer}
.sso-mark{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--bad);color:transparent;transition:background .25s,border-color .25s,transform .25s cubic-bezier(.3,1.6,.5,1)}
.sso-row.is-ok .sso-mark{background:var(--ok);border-color:var(--ok);color:#fff}
.sso-mark svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sso-row.is-todo .row__t small{color:var(--bad)}
.sso-row:active{background:var(--fill)}

.backrow{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:2px;min-height:44px;margin:-6px 0 0 -8px;padding:0 10px 0 4px;border-radius:12px;color:var(--goldt);font:500 17px "Space Grotesk",sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
.backrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.backrow:active{opacity:.55}.backrow:focus-visible{outline:2px solid var(--goldt);outline-offset:2px}
.ap-ph{display:flex;align-items:center;justify-content:space-between;gap:10px}.ap-ph h2{margin:0}
.ap-pill{flex:none;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:14px;background:var(--fill);color:var(--dim);font-size:13px;font-weight:600}
.ap-pill i{width:8px;height:8px;border-radius:50%;background:var(--bad)}.ap-pill.on{color:var(--ok)}.ap-pill.on i{background:var(--ok)}
.ap-hrs{margin-top:6px}
.ap-f{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.ap-lbl{margin:8px 2px 0;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}
.ap-days{display:flex;gap:8px;overflow-x:auto;margin:0 -4px;padding:2px 4px 6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ap-days::-webkit-scrollbar{display:none}
.ap-day{all:unset;box-sizing:border-box;flex:none;width:62px;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:18px;background:var(--fill);border:1px solid var(--hair);cursor:pointer;scroll-snap-align:start;transition:background .2s,color .2s,transform .15s;-webkit-tap-highlight-color:transparent}
.ap-day span{font-size:12px;color:var(--dim)}.ap-day b{font-size:22px;font-weight:700;line-height:1}
.ap-day:active,.ap-slot:active{transform:scale(.96)}
.ap-day[aria-pressed=true],.ap-slot[aria-pressed=true]{background:var(--fillgrad);color:var(--ongold);border-color:transparent}.ap-day[aria-pressed=true] span{color:inherit;opacity:.85}
.ap-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ap-slots>p{grid-column:1/-1;margin:0}
.ap-slot{all:unset;box-sizing:border-box;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--fill);border:1px solid var(--hair);font:600 14.5px "Space Grotesk",sans-serif;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .2s,color .2s,transform .15s;-webkit-tap-highlight-color:transparent}
.ap-day:focus-visible,.ap-slot:focus-visible{outline:2px solid var(--goldt);outline-offset:2px}
.ap-ta{min-height:92px;height:auto;padding-top:12px;resize:vertical;font-family:inherit}
.ap-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ap-msg:empty{display:none}

.vpage{max-width:420px}
.vcardx{aspect-ratio:1.586;min-height:236px;padding:18px 20px 16px;border-radius:22px;display:flex;flex-direction:column}
.vcardx .vc__label{font-size:10.5px}
.vcardx .vc__name{font-size:22px;margin-top:10px;padding-right:72px;line-height:1.15}
.vcardx .vc__title{font-size:13.5px;margin-top:2px;padding-right:72px}
.vcardx .vbio{font-size:12.5px}
.vcardx .sq{right:14px;top:12px;width:38px;height:48px}
.vph{position:absolute;right:16px;top:14px;width:58px;height:58px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px rgba(255,255,255,.14),0 6px 16px rgba(0,0,0,.4);background:var(--fill)}
.vph img{width:100%;height:100%;object-fit:cover;display:block}
.vcardx .vlines{margin:auto 0 0;padding-top:12px;gap:7px}
.vcardx .vlines a{font-size:13.5px;gap:10px;min-width:0;overflow-wrap:anywhere}
.vcardx .vlines svg{width:16px;height:16px}
.vcardx .vloc{display:flex;align-items:flex-start;gap:10px;font-size:10.5px;line-height:1.35;color:rgba(245,240,232,.62)}
.vcardx .vloc svg{margin-top:1px}

.themebox .cms-card{margin:0;padding:16px;border-radius:22px;background:var(--surface)}
.themebox .cms-sub{margin:0 2px 12px}
.themebox .cms-pals{grid-template-columns:repeat(3,1fr);gap:8px}
.themebox .cms-pal{padding:10px 8px;gap:6px;align-items:center;text-align:center}
.themebox .cms-pal small{display:none}
.themebox .cms-pal b{font-size:13.5px}

.cms .cms-card--flat{margin:0;background:var(--surface)}
.cms .cms-pals{grid-template-columns:repeat(3,1fr);gap:8px}
.cms .cms-pal{align-items:center;text-align:center;padding:10px 8px}
.cms .cms-pal small{display:none}

/* Book tab, signed-in view: the appointment list */
.ap-list{display:flex;flex-direction:column;gap:10px}
.ap-bar{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.ap-bar .sh-btn{flex:1;min-width:90px;padding:10px 14px;white-space:nowrap}
.ap-del{background:var(--bad,#e5484d)!important;color:#fff!important;border-color:transparent!important}
.ap-del:disabled{opacity:.4}
.ap-item{position:relative}
.ap-it{display:flex;align-items:center;gap:12px}
.ap-tx{min-width:0;flex:1}
.ap-tx h3{margin:0;font-size:16px}
.ap-when{margin:2px 0 0;color:var(--goldt);font-size:14px;font-weight:600}
.ap-why{margin:8px 0 0;font-size:14px;opacity:.85;white-space:pre-wrap;overflow-wrap:anywhere}
.ap-chk{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid rgba(var(--acc-rgb),.5)}
.ap-item.on{outline:2px solid var(--goldt)}
.ap-item.on .ap-chk{background:var(--goldt);border-color:var(--goldt)}
.ap-x{margin-top:10px;background:none;border:0;color:var(--bad,#e5484d);font:inherit;font-size:14px;padding:4px 0;cursor:pointer}

.ap-fv{width:100%;margin-top:12px}
.ap-fv+.ap-bar,.ap-bar+.ap-fv{margin-top:8px}

/* Chat attachments: photo fills the bubble, file row stays compact (no empty strip beside the picture) */
.bx-bub:has(.sh-img){width:min(280px,72vw)}
.bx-bub:has(.sh-file):not(:has(.sh-img)){width:min(280px,72vw)}
.bx-bub .sh-img{width:100%;height:auto;min-height:120px;max-height:360px;object-fit:cover;border-radius:14px;margin:2px 0 8px;background:rgba(127,127,127,.12)}
.bx-bub .sh-file{min-width:0;gap:10px}
.bx-bub .sh-fico,.bx-bub .sh-fdl{width:32px;height:32px;border-radius:9px}
.bx-bub .sh-ftx b{font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx-bub .sh-ftx em{font-size:11.5px}

/* Watch together: room size, add people, subtitles toggle */
.wp-sz{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 4px;font-size:14px}
.wp-szc{display:flex;align-items:center;gap:10px}.wp-sz-n{min-width:20px;text-align:center;font-size:17px}
.wp-szb{all:unset;box-sizing:border-box;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--fill);cursor:pointer}
.wp-szb svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.wp-add{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;width:100%}
.wp-add svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wp-bar .wp-ib.off,.wp-ib.off{opacity:.45}
.wp video::cue{background:rgba(0,0,0,.7);color:#fff;font:600 1.1em "Space Grotesk",sans-serif}
.wp-ctl{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 92px);z-index:3;display:flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.wp-ctl[hidden]{display:none}
.wp-seek{flex:1;min-width:0;accent-color:var(--goldt)}
.wp-tm{flex:none;font-size:12px;color:#fff;opacity:.85;font-variant-numeric:tabular-nums}
.wp-sw{width:44px;height:26px;appearance:none;-webkit-appearance:none;border-radius:99px;background:rgba(127,127,127,.35);position:relative;transition:background .2s;flex:none}
.wp-sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.wp-sw:checked{background:var(--goldt)}.wp-sw:checked::after{transform:translateX(18px)}
.cms-custom{display:flex;align-items:center;gap:10px;margin-top:12px}
.cms-custom input[type=color]{width:44px;height:36px;padding:0;border:0;border-radius:10px;background:none;cursor:pointer}
.cms-hex{width:96px;padding:8px 10px;border-radius:10px;border:1px solid rgba(127,127,127,.3);background:transparent;color:inherit;font:600 14px ui-monospace,monospace}
.cms-dot{width:28px;height:28px;border-radius:50%;background:conic-gradient(#f43f5e,#f59e0b,#84cc16,#14b8a6,#6366f1,#ec4899,#f43f5e)}

/* Bridge chat: albums */
.bx-bub:has(.bx-album){width:min(300px,76vw);padding:5px 5px 4px}
.bx-albw{display:flex;flex-direction:column;gap:6px}
.bx-album{display:grid;gap:3px;border-radius:15px;overflow:hidden;aspect-ratio:1/1;background:rgba(127,127,127,.15)}
.bx-album.n1{grid-template-columns:1fr}.bx-album.n2{grid-template-columns:1fr 1fr;aspect-ratio:2/1.35}
.bx-album.n3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.bx-album.n3 .bx-at:first-child{grid-row:1/3}
.bx-album.n4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.bx-at{all:unset;position:relative;display:block;overflow:hidden;cursor:pointer;min-width:0;min-height:0;-webkit-tap-highlight-color:transparent}
.bx-at img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}
.bx-more-n{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.52);color:#fff;font:700 24px "Space Grotesk",sans-serif}
.bx-asave{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:rgba(127,127,127,.14);font-size:13.5px;font-weight:600;cursor:pointer}
.bx-asave svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bx-msg.mine .bx-asave{background:rgba(43,10,21,.14)}
.bx-bub:has(.bx-album) .bx-meta{margin:2px 6px 0}
.bx-lb{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;animation:fadein .2s ease}
.bx-lb>img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-drag:none}
.bx-lbb{all:unset;position:absolute;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.bx-lbb[hidden]{display:none}.bx-lbb svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bx-lbx{top:calc(14px + env(safe-area-inset-top));right:14px}.bx-lbd{top:calc(14px + env(safe-area-inset-top));right:68px}
.bx-lbp{left:12px;top:50%;margin-top:-22px}.bx-lbn{right:12px;top:50%;margin-top:-22px}
.bx-lbc{position:absolute;top:calc(24px + env(safe-area-inset-top));left:18px;color:#fff;font-size:14px;opacity:.8}

/* chat media: small previews, originals only on download */
.bx-bub:has(.bx-one){width:min(300px,76vw);padding:5px 5px 4px}
.bx-one{width:100%;aspect-ratio:4/3;border-radius:15px;background:rgba(127,127,127,.15)}
.bx-one img{width:100%;height:100%;object-fit:cover}
.bx-bub:has(.bx-one) .sh-file,.bx-bub:has(.bx-album) .bx-doc{padding:2px 6px}
.bx-play{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(0,0,0,.55);display:grid;place-items:center;color:#fff;pointer-events:none}
.bx-play svg{width:22px;height:22px;margin-left:3px}
.bx-lbs{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.bx-lbs>img,.bx-lbs>video{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-drag:none;background:#000}
.bx-lbn0{color:#fff;opacity:.8;padding:0 28px;text-align:center}
.bx-lb>img{display:none}

/* downloads in progress, visible to the whole room */
.bx-dls{flex:none;padding:8px 14px 9px;background:rgba(var(--acc-rgb),.12);border-bottom:1px solid rgba(var(--acc-rgb),.25)}
.bx-dls[hidden]{display:none}
.bx-dl{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:13px;margin-bottom:6px}
.bx-dl span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx-dl b{font-variant-numeric:tabular-nums}
.bx-dl i{grid-column:1/3;display:block;height:4px;border-radius:99px;background:rgba(127,127,127,.28);overflow:hidden}
.bx-dl u{display:block;height:100%;background:var(--fillgrad);border-radius:99px;transition:width .5s linear}
.bx-dlm{margin:0;font-size:11.5px;opacity:.7}
.bx-tq{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.bx-tqb{all:unset;box-sizing:border-box;text-align:center;padding:11px 6px;border-radius:12px;background:rgba(127,127,127,.15);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.bx-tqb:active{opacity:.6}
.bx-tc{display:flex;gap:8px;margin-bottom:10px}
.bx-tc input,.bx-tc select{flex:1;min-width:0;padding:11px 12px;border-radius:12px;border:1px solid rgba(127,127,127,.3);background:transparent;color:inherit;font:inherit}
.bx-tc select{flex:0 0 38%}

/* tiny "Refresh app" pill on the More page */
.upd{display:flex;justify-content:center;margin:22px 0 0}
.upd button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:99px;background:var(--fill);font-size:12.5px;font-weight:600;color:var(--dim,inherit);opacity:.85;cursor:pointer;-webkit-tap-highlight-color:transparent}
.upd button:active{opacity:.55}
.upd svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.upd button.on svg{animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.upd button.on svg{animation:none}}
.cms-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cms-chip{all:unset;box-sizing:border-box;padding:7px 12px;border-radius:99px;background:rgba(127,127,127,.16);font-size:13px;font-weight:600;cursor:pointer}
.cms-chip:active{opacity:.6}

/* My account (in-app) */
.acct .cms__bar h1{font-size:17px}.acct .cms__back:last-child{visibility:hidden}
.acct-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.acct-av{all:unset;position:relative;width:96px;height:96px;border-radius:50%;background:var(--fill);display:grid;place-items:center;font:700 32px "Space Grotesk",sans-serif;color:var(--goldt);cursor:pointer;-webkit-tap-highlight-color:transparent}
.acct-av img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}
.acct-av__cam{position:absolute;right:-2px;bottom:-2px;width:32px;height:32px;border-radius:50%;background:var(--goldt);color:var(--ongold,#fff);display:grid;place-items:center;box-shadow:0 0 0 3px var(--surface)}
.acct-av__cam svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.acct-who b{display:block;font-size:20px;letter-spacing:-.01em}.acct-who span{display:block;color:var(--dim);font-size:15px}.acct-who small{color:var(--faint);font-size:13px}
.acct-row{display:flex;gap:10px;width:100%}.acct-row>*{margin-top:0!important;flex:1}
.acct-h3{margin:22px 0 4px;font-size:15px}
.acct-chk{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14.5px;cursor:pointer}.acct-chk input{width:20px;height:20px;accent-color:var(--goldt)}
.acct-dev{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:var(--fill)}
.acct-dev__t{flex:1;min-width:0}.acct-dev__t b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-dev__t small{color:var(--dim);font-size:12.5px}
.acct-dev__x{all:unset;cursor:pointer;flex:none;padding:7px 12px;border-radius:10px;background:var(--surface);font:600 13.5px "Space Grotesk",sans-serif;color:var(--goldt)}.acct-dev__x--bad{color:var(--bad)}.acct-dev__x[disabled]{opacity:.5}
.acct-save{margin-top:20px}.acct-note{margin-top:12px;margin-bottom:0}

.acct svg{flex:none}.cms-link svg,.cms-add svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.acct-addpk{margin:0 0 14px!important;background:var(--goldt)!important;color:var(--ongold,#fff)!important}
.acct-promo{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center;margin-top:16px;padding:18px;border-radius:24px;color:var(--ongold,#fff);background:var(--grad,var(--goldt));box-shadow:0 12px 32px -12px var(--glow,rgba(0,0,0,.35))}
.acct-promo__k{grid-row:1;width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.2);display:grid;place-items:center}.acct-promo__k svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.acct-promo__t em{display:inline-block;font:700 11px "Space Grotesk",sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-bottom:2px;font-style:normal}
.acct-promo__t b{display:block;font-size:17px;letter-spacing:-.01em;line-height:1.25}.acct-promo__t small{display:block;margin-top:4px;font-size:13.5px;opacity:.9;line-height:1.35}
.acct-promo__go{all:unset;grid-column:1/3;box-sizing:border-box;margin-top:10px;min-height:46px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#fff;color:#111;font:700 15.5px "Space Grotesk",sans-serif;cursor:pointer}.acct-promo__go[disabled]{opacity:.6}
.acct-rows{margin-top:16px;border-radius:22px;background:var(--surface);border:1px solid var(--hair);overflow:hidden}
.acct-rowbtn{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.acct-rowbtn+.acct-rowbtn{border-top:1px solid var(--hair)}.acct-rowbtn:active{background:var(--fill)}
.acct-rowbtn__i{flex:none;width:36px;height:36px;border-radius:11px;background:var(--fill);display:grid;place-items:center;color:var(--goldt)}.acct-rowbtn__i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.acct-rowbtn__t{flex:1;min-width:0}.acct-rowbtn__t b{display:block;font-size:16px;font-weight:600}.acct-rowbtn__t small{display:block;color:var(--dim);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-rowbtn>svg{width:16px;height:16px;fill:none;stroke:var(--faint);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* apps that live inside CraftikEco open full screen, with no browser-style bar */
.viewer--native .viewer__bar{display:none}
.viewer--native{animation:vnat .36s cubic-bezier(.2,.8,.2,1)}
.viewer--native.out{animation:vout .24s cubic-bezier(.4,0,1,1) forwards}
@keyframes vnat{from{opacity:0;transform:translateY(32px) scale(.965)}to{opacity:1;transform:none}}
@keyframes vout{to{opacity:0;transform:translateY(24px) scale(.97)}}
@media (prefers-reduced-motion:reduce){.viewer--native,.viewer--native.out{animation:none}}

.card.f-cmyk{--cink:#0b0d14;--cdim:rgba(11,13,20,.66);--pat:rgba(255,255,255,.16);--art:rgba(11,13,20,.3);background:radial-gradient(120% 90% at 0% 0%,rgba(0,183,241,.95),transparent 55%),radial-gradient(110% 90% at 100% 10%,rgba(240,24,155,.9),transparent 58%),radial-gradient(120% 100% at 60% 110%,rgba(255,225,26,.95),transparent 60%),#f4f1ea;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 0 0 1px rgba(255,255,255,.18),0 -10px 22px -14px rgba(0,0,0,.4)}

/* Update app */
.updbtn{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:32px;padding:0 14px;border-radius:16px;background:var(--fill);color:var(--ink);font:600 13.5px "Space Grotesk",sans-serif;transition:background .2s,color .2s,transform .18s}
#updRow.is-new .updbtn{background:var(--goldt);color:var(--ongold,#fff);animation:updpulse 2s ease-in-out infinite}
#updRow.is-new .row__t small{color:var(--goldt);font-weight:600}
#updRow:active .updbtn{transform:scale(.94)}
@keyframes updpulse{0%,100%{box-shadow:0 0 0 0 rgba(var(--acc-rgb),.45)}50%{box-shadow:0 0 0 8px rgba(var(--acc-rgb),0)}}
.dock__more button.has-upd::before{content:"";position:absolute;top:8px;right:14px;width:9px;height:9px;border-radius:50%;background:var(--goldt);box-shadow:0 0 0 2px var(--bg)}
.viewer__load{transition:opacity .15s}
@media (prefers-reduced-motion:reduce){#updRow.is-new .updbtn{animation:none}}

/* Solar icons: thin and rounded by default, filled when selected */
svg .ib{display:none;stroke:none}
.tabs button.on svg .il,.tabs button[aria-current] svg .il,[role=radio][aria-checked=true] svg .il,.dock__sel~button.on svg .il{display:none}
.tabs button.on svg .ib,.tabs button[aria-current] svg .ib,[role=radio][aria-checked=true] svg .ib{display:inline}
svg.ico{fill:none}
.tabs button svg,.row__ico svg{stroke-width:1.5}

/* viewer: one slim progress line, the Eco icon as the way back */
.viewer__load{background:transparent!important;pointer-events:none;display:block;inset:0 0 auto 0;height:3px;overflow:hidden}
.viewer__load .sqload,.viewer__load #vMsg{display:none}
.viewer__prog{position:absolute;left:0;top:0;height:3px;width:40%;border-radius:0 3px 3px 0;background:var(--grad,var(--goldt));animation:vprog 1.1s cubic-bezier(.4,0,.2,1) infinite}
@keyframes vprog{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
.viewer__load.done{opacity:0;transition:opacity .2s}
.viewer__load.help{inset:auto 0 18px 0;height:auto;display:grid;place-items:center;pointer-events:auto;overflow:visible}
.viewer__load.help .viewer__prog{display:none}
.viewer__help{padding:8px 14px;border-radius:14px;background:var(--surface);box-shadow:0 6px 20px rgba(0,0,0,.25);margin:0!important}
.vbtn#vBack{width:44px;min-width:44px;padding:0;display:grid;place-items:center}
.vbtn#vBack img{width:34px;height:34px;border-radius:10px;display:block;box-shadow:0 2px 8px rgba(0,0,0,.25);pointer-events:none;transition:transform .18s cubic-bezier(.3,1.4,.5,1)}
.vbtn#vBack:active img{transform:scale(.88)}
.viewer__bar{justify-content:flex-start;gap:10px}
.viewer__title{text-align:left;flex:1}
.vbtn--r{margin-left:auto}
.viewer__edge{position:absolute;left:0;top:0;bottom:0;width:16px;z-index:5;touch-action:pan-y}

/* no browser-style bar for any app inside Eco */
.viewer__bar{display:none!important}
.viewer__bub{all:unset;position:fixed;z-index:70;width:48px;height:48px;border-radius:15px;display:none;place-items:center;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;box-shadow:0 8px 24px rgba(0,0,0,.4);transition:left .22s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.3,1.4,.5,1);animation:ecoPop .4s .2s cubic-bezier(.3,1.3,.5,1) both}
.viewer__bub img{width:44px;height:44px;border-radius:13px;display:block;pointer-events:none}
.viewer--ext:not([hidden]) .viewer__bub{display:grid}
.viewer__bub.drag{transition:none;transform:scale(1.08);cursor:grabbing}
@keyframes ecoPop{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
.viewer__body{inset:0}
/* external apps keep clear of the notch */
.viewer--ext{padding-top:env(safe-area-inset-top);background:var(--bg)}

/* every app keeps clear of the notch; the way back is always the first thing on the left */
.viewer{background:var(--bg)}
.viewer__edge{width:14px}
.viewer__bub:focus-visible{outline:2px solid var(--goldt);outline-offset:2px}

.viewer__bub{width:auto;height:52px;padding:4px 10px 4px 6px;border-radius:26px;background:rgba(40,40,44,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;display:none;align-items:center;gap:2px}
.viewer--ext:not([hidden]) .viewer__bub{display:flex}
.viewer__bub svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.viewer__bub img{width:40px;height:40px;border-radius:12px}
.viewer__bub::after{content:"Back to Eco";max-width:0;overflow:hidden;white-space:nowrap;font:600 14px "Space Grotesk",sans-serif;opacity:0;transition:max-width .35s,opacity .25s,margin .35s}
.viewer__bub.hint::after{max-width:100px;opacity:1;margin:0 4px 0 8px}
/* the "more" dots read better solid */
.dock__more svg .il{display:none!important}.dock__more svg .ib{display:inline!important}
/* while an app is open, nothing of Eco's own page may show through (iOS leaks backdrop blur into the status-bar strip) */
body.in-viewer .shell,body.in-viewer .nav,body.in-viewer .tabs{visibility:hidden}
body.in-viewer::before{opacity:0}

/* visitor guide */
.sheet__in--guide{text-align:left;max-height:calc(100dvh - 40px);overflow-y:auto;-webkit-overflow-scrolling:touch}
.sheet__ico--id{background:color-mix(in srgb,var(--goldt) 16%,transparent)!important;color:var(--goldt)!important;margin:0 0 4px}
.sheet__in--guide h3{margin:8px 0 6px}.sheet__in--guide .open,.sheet__in--guide .sheet__x{text-align:center}
.guide{display:flex;flex-direction:column;gap:2px;margin:4px 0 14px;border-radius:18px;background:var(--fill);overflow:hidden}
.guide__row{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent}.guide__row+.guide__row{border-top:1px solid var(--hair)}.guide__row:active{background:var(--surface)}
.guide__i{flex:none;width:34px;height:34px;border-radius:11px;background:var(--surface);display:grid;place-items:center;color:var(--goldt)}.guide__i svg{width:20px;height:20px}
.guide__t{flex:1;min-width:0}.guide__t b{display:block;font-size:15.5px}.guide__t small{display:block;margin-top:2px;font-size:13px;line-height:1.35;color:var(--dim)}
.guide__row>svg{width:16px;height:16px;flex:none;color:var(--faint)}

/* Map tab = the find-us page, edge to edge */
#s-map{padding:0!important;height:100dvh;position:relative}
#s-map>.title{display:none}
#mapRoot{position:absolute;inset:0}
.mapframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--bg);display:block}
.viewer--ext{padding-top:0}

/* My account: about + admin */
.acct-kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--hair)}.acct-kv:last-of-type{border-bottom:0}.acct-kv span{color:var(--dim);font-size:14px}.acct-kv b{font-weight:600;font-size:15px;text-align:right}
.acct-bar{height:8px;border-radius:4px;background:var(--fill);overflow:hidden;margin:2px 0 8px}.acct-bar i{display:block;height:100%;background:var(--grad,var(--goldt));border-radius:4px}
.acct-plat{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-top:8px;border-radius:14px;background:var(--fill)}
.acct-pill{flex:none;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;background:var(--surface);color:var(--dim)}.acct-pill.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}.acct-pill.bad{color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,transparent)}.acct-pill.gold{color:var(--goldt);background:color-mix(in srgb,var(--goldt) 14%,transparent)}
.acct-apps,.acct-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.acct-chip{padding:6px 12px;border-radius:14px;background:var(--fill);font-size:13.5px;font-weight:500}
.acct-chip--btn{all:unset;box-sizing:border-box;padding:7px 13px;border-radius:15px;background:var(--fill);font:500 14px "Space Grotesk",sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.acct-chip--btn[aria-pressed=true]{background:var(--goldt);color:var(--ongold,#fff)}
.acct-search{margin-top:14px}.acct-search input{all:unset;box-sizing:border-box;width:100%;height:46px;padding:0 16px;border-radius:14px;background:var(--surface);border:1px solid var(--hair);font:500 16px "Space Grotesk",sans-serif}
.acct-person{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent}.acct-person+.acct-person{border-top:1px solid var(--hair)}.acct-person:active{background:var(--fill)}
.acct-ini{flex:none;width:42px;height:42px;border-radius:50%;background:var(--fill);display:grid;place-items:center;font:700 15px "Space Grotesk",sans-serif;color:var(--goldt)}.acct-ini--lg{width:84px;height:84px;font-size:28px}
.acct-person__t{flex:1;min-width:0}.acct-person__t b{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-person__t small{display:block;color:var(--dim);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}
.acct-sw{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--hair)}.acct-sw:last-child{border-bottom:0}.acct-sw__t{flex:1;min-width:0}.acct-sw__t b{display:block;font-size:15.5px}.acct-sw__t small{display:block;color:var(--dim);font-size:12.5px;line-height:1.35}
.acct-tg{all:unset;flex:none;position:relative;width:51px;height:31px;border-radius:16px;background:var(--fill);cursor:pointer;transition:background .2s}.acct-tg::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.3);transition:transform .2s}.acct-tg[aria-checked=true]{background:var(--ok)}.acct-tg[aria-checked=true]::after{transform:translateX(20px)}.acct-tg[disabled],.acct-tg.is-blocked{opacity:.45}
.acct-log{padding:11px 0;border-bottom:1px solid var(--hair);font-size:14px}.acct-log:last-child{border-bottom:0}.acct-log small{display:block;color:var(--dim);font-size:12.5px;margin-top:2px}
.acct-head2{display:flex;align-items:center;gap:14px}.acct-head2 .acct-who b{font-size:20px}
.acct-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.acct-actions>*{margin-top:0!important}
.acct-sel{all:unset;box-sizing:border-box;width:100%;height:46px;padding:0 14px;border-radius:12px;background:var(--fill);font:500 16px "Space Grotesk",sans-serif}
/* People / Services rows: the chevron is a small icon, never the row */
.acct-person>svg,.acct-rows .acct-person svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--faint);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.acct-person__t{min-width:0;flex:1 1 auto}
.acct .cms__body{max-width:640px}

/* V card: the name never runs under the QR and photo */
.vc__name{max-width:calc(100% - 150px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vc__title{max-width:calc(100% - 150px)}

.list--out{margin-top:22px}.row--out .row__t,.row--out .row__ico{color:var(--bad)}.row--out .row__t small{color:var(--dim)}
/* the profile card follows light / dark like everything else */
[data-theme=light] .idc{background:radial-gradient(120% 90% at 100% 0%,rgba(var(--acc-rgb),.2),transparent 60%),linear-gradient(150deg,#fffdf9,color-mix(in srgb,var(--goldt) 10%,#f1ebe1));box-shadow:inset 0 0 0 1px rgba(60,40,10,.1),0 10px 28px -14px rgba(60,40,10,.25);color:var(--ink)}
[data-theme=light] .idc .vprog__bar{background:rgba(60,40,10,.12)}
[data-theme=light] .idc__btn{background:rgba(60,40,10,.08);color:var(--ink)}
[data-theme=light] .idc__btn--gold{background:var(--fillgrad);color:#fff}
[data-theme=light] .idc__av--lock{background:rgba(60,40,10,.08);color:var(--ink)}
[data-theme=light] .idc__btn:focus-visible{outline-color:var(--goldt)}

/* AirChat: composer sits closer to the bottom edge, and a barely-there drifting glow in the theme colour sits behind the messages */
.bx-comp{padding-bottom:calc(6px + env(safe-area-inset-bottom)*.45)}
.bx-body,.bx-feed{position:relative}
.bx::before,.bx::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:80vmax;height:80vmax;border-radius:50%;filter:blur(40px);opacity:.075;will-change:transform}
.bx::before{left:-30vmax;top:-20vmax;background:radial-gradient(closest-side,rgba(var(--acc-rgb),1),transparent);animation:bxdrift1 26s ease-in-out infinite alternate}
.bx::after{right:-34vmax;bottom:-22vmax;background:radial-gradient(closest-side,rgba(var(--acc-rgb),.8),transparent);animation:bxdrift2 32s ease-in-out infinite alternate}
.bx.drag::after{filter:none;opacity:1;width:auto;height:auto;animation:none}
[data-theme=light] .bx::before,[data-theme=light] .bx::after{opacity:.1}
@keyframes bxdrift1{to{transform:translate(28vmax,22vmax) scale(1.15)}}
@keyframes bxdrift2{to{transform:translate(-26vmax,-24vmax) scale(.9)}}
@media (prefers-reduced-motion:reduce){.bx::before,.bx::after{animation:none}}

/* the Map tab is the page itself: no Eco top bar over it */
[data-screen=map] .nav{display:none}

/* Add to Our Store */
.acct-store-poster{overflow:hidden;border-radius:10px}.acct-store-poster img{width:100%;height:100%;object-fit:cover;display:block}
.acct-store-pick{display:flex;align-items:center;gap:10px;margin:4px 0 12px;padding:12px 14px;border-radius:16px;background:var(--fill)}
.acct-store-t{flex:1;min-width:0}.acct-store-t b{display:block;font-size:15.5px}.acct-store-t small{color:var(--dim);font-size:13px}
.acct-store-form{display:flex;flex-direction:column;gap:12px}
.acct-store-bar{height:8px;border-radius:99px;background:var(--fill);overflow:hidden}.acct-store-bar i{display:block;height:100%;width:0;border-radius:99px;background:var(--fillgrad);transition:width .3s}
.acct-store-pick button{width:auto!important;flex:none;margin:0!important;padding:0 16px;min-height:38px}
.cms-f[hidden]{display:none!important}
.acct-store-bar[hidden]{display:none!important}

/* ---- V card: the name gets the room it needs (it was cut to "IftyK…") ---- */
.card.f-vcard .vc__name{max-width:none;padding-right:70px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:24px;line-height:1.1}
.card.f-vcard .vc__title{max-width:calc(100% - 76px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card.f-vcard .nfc{right:76px;top:14px;opacity:.45}

/* ---- card finish: rounder, glassier, a soft rim light and a status pill ---- */
.card{border-radius:22px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.07),inset 0 -22px 38px -26px rgba(0,0,0,.45),0 -12px 26px -14px rgba(0,0,0,.6)}
.card::after{background:radial-gradient(130% 70% at 0% 0%,rgba(255,255,255,.2),transparent 55%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.14))}
.card.f-ivory::after,.card.f-rose::after,.card.f-sage::after,.card.f-ember::after{background:radial-gradient(130% 70% at 0% 0%,rgba(255,255,255,.42),transparent 55%),linear-gradient(180deg,transparent 65%,rgba(0,0,0,.07))}
.card__name{font-size:23px;letter-spacing:-.035em}
.card__host{opacity:.9}
.card__st{padding:5px 10px 5px 9px;border-radius:99px;background:color-mix(in srgb,var(--cink) 11%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cink) 14%,transparent);right:16px;top:16px}
.card[data-state=up] .card__st i{box-shadow:0 0 0 3px rgba(53,200,113,.22)}
.chip{width:36px;height:36px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cink) 22%,transparent),0 4px 10px -4px rgba(0,0,0,.4)}
.card__art{opacity:.95;filter:drop-shadow(0 6px 14px rgba(0,0,0,.18))}
@media (hover:hover){.card:hover .card__art{transform:translate(-4px,-6px) rotate(-4deg) scale(1.04)}}
.card.f-vcard{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 0 1px rgba(243,154,61,.22),0 -12px 26px -14px rgba(0,0,0,.6);background:radial-gradient(120% 90% at 100% 0%,rgba(243,154,61,.28),transparent 58%),linear-gradient(150deg,#2a2523,#0a0908)}

/* ---- While you're here (Book tab) and its pages ---- */
.fun-sec{margin-top:26px}
.fun-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fun-tile{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:14px 14px 15px;border-radius:22px;background:linear-gradient(160deg,var(--tint),transparent 70%),var(--surface);box-shadow:inset 0 0 0 1px var(--hair);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.fun-tile:active{transform:scale(.96)}.fun-tile:focus-visible{outline:2px solid var(--goldt);outline-offset:2px}
.fun-tile__ic{display:grid;place-items:center;width:40px;height:40px;margin-bottom:8px;border-radius:14px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--hair);color:var(--goldt)}
.fun-tile__ic svg{width:22px;height:22px}
.fun-tile b{font-size:16px;letter-spacing:-.02em}.fun-tile small{font-size:12.5px;line-height:1.3;color:var(--dim)}
body.fun-open{overflow:hidden}
.fun{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;background:var(--bg);animation:up .35s cubic-bezier(.2,.8,.2,1)}
.fun__bar{display:grid;grid-template-columns:90px 1fr 90px;align-items:center;padding:calc(env(safe-area-inset-top) + 8px) 14px 8px;border-bottom:1px solid var(--hair)}
.fun__bar b{text-align:center;font-size:17px;letter-spacing:-.01em}
.fun__back{all:unset;cursor:pointer;display:inline-flex;align-items:center;min-height:44px;color:var(--goldt);font:500 17px "Space Grotesk",sans-serif}
.fun__back svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2}
.fun__body{flex:1;overflow-y:auto;padding:18px 18px calc(30px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;max-width:560px;width:100%;margin:0 auto;box-sizing:border-box}
.fun-card{padding:18px;border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hair)}
.fun-card h3{margin:0 0 8px;font-size:17px;letter-spacing:-.02em}.fun-card p{margin:0 0 10px;font-size:14.5px;line-height:1.45;color:var(--dim)}
.fun-note{margin:0;font-size:14px;line-height:1.45;color:var(--dim)}
.fun-status{display:flex;align-items:center;gap:12px}.fun-status i{width:12px;height:12px;border-radius:50%;background:var(--faint);flex:none}
.fun-status[data-open="1"] i{background:#35c871;box-shadow:0 0 0 5px rgba(53,200,113,.22)}.fun-status[data-open="0"] i{background:#ff6a5e}
.fun-status b{font-size:17px;letter-spacing:-.02em}
.fun-day{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--hair);font-size:14.5px}.fun-day span{color:var(--dim)}
.fun-day.is-today{color:var(--goldt);font-weight:700}.fun-day.is-today span{color:var(--goldt)}
.fun-btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:24px;background:var(--fillgrad);color:var(--ongold);font:700 16px "Space Grotesk",sans-serif;text-align:center;flex:1}
.fun-btn--ghost{background:var(--fill);color:var(--ink)}.fun-btn:active{opacity:.7}.fun-btn:focus-visible{outline:2px solid var(--goldt);outline-offset:2px}
.fun-row{display:flex;gap:10px}
.fun-input{all:unset;box-sizing:border-box;width:100%;height:50px;padding:0 16px;border-radius:16px;background:var(--fill);font:500 17px "Space Grotesk",sans-serif;color:var(--ink)}
.fun-input:focus{box-shadow:0 0 0 1.5px var(--goldt)}
.fun-pass{width:100%;max-width:420px;height:auto;aspect-ratio:1200/756;align-self:center;filter:drop-shadow(0 22px 26px rgba(0,0,0,.55))}
.fun-score{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.fun-score div{padding:10px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hair);text-align:center}
.fun-score b{display:block;font-size:24px}.fun-score span{font-size:12px;color:var(--dim)}
.fun-say{margin:0;text-align:center;font-size:15px;color:var(--dim);min-height:22px}
.fun-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(340px,100%);align-self:center}
.fun-cell{all:unset;box-sizing:border-box;cursor:pointer;aspect-ratio:1;display:grid;place-items:center;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hair);font:700 44px "Space Grotesk",sans-serif;transition:transform .15s,background .2s}
.fun-cell[data-v=X]{color:var(--goldt)}.fun-cell[data-v=O]{color:var(--ink)}
.fun-cell:not([disabled]):active{transform:scale(.93)}.fun-cell.win{background:var(--fillgrad);color:var(--ongold)}
.fun-ask{align-self:center;width:min(300px,80%)}.fun-ask canvas{width:100%;height:auto;display:block}
.fun-bubble{align-self:center;max-width:92%;padding:14px 20px;border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hair);text-align:center;font-size:18px;font-weight:600;letter-spacing:-.02em;min-height:26px}
.fun-bubble.pop{animation:funpop .45s cubic-bezier(.2,.9,.3,1.3)}
@keyframes funpop{from{transform:scale(.7);opacity:0}}
.fun-paw{all:unset;cursor:pointer;align-self:center;display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:var(--fillgrad);color:var(--ongold);box-shadow:0 12px 26px -10px rgba(224,98,15,.7)}
.fun-paw svg{width:34px;height:34px}.fun-paw:active{transform:scale(.9)}
@media (prefers-reduced-motion:reduce){.fun,.fun-bubble.pop{animation:none}}
.fun__body>.fun-btn,.fun-card>.fun-btn{flex:none;width:100%}

/* ---- cards v2: icon tile, richer finish, description + open button ---- */
.card:not(.f-vcard){padding:16px 18px 14px}
.card__tile{position:absolute;left:16px;top:16px;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;
  background:linear-gradient(145deg,color-mix(in srgb,var(--cink) 22%,transparent),color-mix(in srgb,var(--cink) 8%,transparent));
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--cink) 30%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--cink) 16%,transparent),0 8px 16px -8px rgba(0,0,0,.5);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.card__tile svg{width:23px;height:23px;fill:none;stroke:var(--cink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card__tile .mask{width:23px;height:23px;background:var(--cink)}
.card:not(.f-vcard) .card__head{padding-left:60px;padding-right:96px;min-height:46px;justify-content:center}
.card:not(.f-vcard) .card__name{font-size:20px}
.card:not(.f-vcard) .card__st{top:25px;right:14px}
.card__foot{gap:12px;align-items:flex-end}
.card__desc{flex:1;min-width:0;font-size:12.5px;line-height:1.35;color:var(--cdim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:8px;max-width:62%}
.card__go{margin-left:auto;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--cink);color:#111;box-shadow:0 8px 16px -6px rgba(0,0,0,.55);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.card__go svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.card.f-ivory .card__go,.card.f-rose .card__go,.card.f-sage .card__go,.card.f-ember .card__go{color:#fff;background:#1b160d}
.card:active .card__go{transform:scale(.9) rotate(8deg)}
/* finish: two soft light pools, fine grain and a bright rim */
.card:not(.f-vcard)::after{background:radial-gradient(90% 80% at 100% 0%,rgba(255,255,255,.2),transparent 60%),radial-gradient(80% 70% at 0% 100%,rgba(0,0,0,.28),transparent 65%),linear-gradient(115deg,rgba(255,255,255,.14),transparent 34%)}
.card.f-ivory:not(.f-vcard)::after,.card.f-rose:not(.f-vcard)::after,.card.f-sage:not(.f-vcard)::after,.card.f-ember:not(.f-vcard)::after{background:radial-gradient(90% 80% at 100% 0%,rgba(255,255,255,.5),transparent 60%),radial-gradient(80% 70% at 0% 100%,rgba(0,0,0,.12),transparent 65%),linear-gradient(115deg,rgba(255,255,255,.35),transparent 34%)}
.card:not(.f-vcard)::before{background:repeating-radial-gradient(circle at 100% 0,transparent 0 7px,var(--pat) 7px 8px),radial-gradient(circle,var(--pat) 1px,transparent 1.4px) 0 0/14px 14px;-webkit-mask-image:radial-gradient(circle at 100% 0,#000,transparent 75%);mask-image:radial-gradient(circle at 100% 0,#000,transparent 75%)}
@media (hover:hover){.card:hover .card__go{transform:translate(2px,-2px)}}
.card:not(.f-vcard) .card__host{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:899px){.card__desc{visibility:hidden}}
.card__go{display:none!important}
.card__desc{max-width:none}

/* CraftikPrint: an ink-black sheet with a CMY overlap, halftone dots, crop marks and a colour bar */
.card.f-cmyk{--cink:#f6f3ec;--cdim:rgba(246,243,236,.68);--pat:transparent;--art:rgba(246,243,236,.38);
  background-color:#0f1117;background-blend-mode:screen,screen,screen,normal,normal;
  background-image:radial-gradient(circle at 70% 26%,rgba(0,183,241,.95) 0 44px,transparent 45px),radial-gradient(circle at 80% 26%,rgba(240,24,155,.95) 0 44px,transparent 45px),radial-gradient(circle at 75% 42%,rgba(255,225,26,.95) 0 44px,transparent 45px),radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1.6px),linear-gradient(150deg,#1a1c25,#08090d);
  background-size:auto,auto,auto,9px 9px,auto;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(255,255,255,.08),0 -12px 26px -14px rgba(0,0,0,.6)}
.card.f-cmyk:not(.f-vcard)::after{background:
  linear-gradient(#f6f3ec,#f6f3ec) 10px 10px/12px 1.5px no-repeat,linear-gradient(#f6f3ec,#f6f3ec) 10px 10px/1.5px 12px no-repeat,
  linear-gradient(#f6f3ec,#f6f3ec) calc(100% - 10px) calc(100% - 10px)/12px 1.5px no-repeat,linear-gradient(#f6f3ec,#f6f3ec) calc(100% - 10px) calc(100% - 10px)/1.5px 12px no-repeat,
  linear-gradient(90deg,#00b7f1 0 25%,#f0189b 25% 50%,#ffe11a 50% 75%,#f6f3ec 75%) calc(100% - 28px) calc(100% - 9px)/60px 5px no-repeat,
  radial-gradient(90% 70% at 0% 0%,rgba(255,255,255,.14),transparent 55%)}
.card.f-cmyk .card__st{background:rgba(255,255,255,.1)}

/* ---- cards v3: every service gets its own scene (no shared icon-at-right template) ---- */
.card:not(.f-vcard) .card__art{display:none}
.card.f-ember:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 360 220%22 preserveAspectRatio=%22xMaxYMax slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff3d6%22 stop-opacity=%22.0%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff3d6%22 stop-opacity=%22.35%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx=%22268%22 cy=%2262%22 r=%2284%22 fill=%22%23ffe7b8%22 opacity=%22.16%22/%3E%3Ccircle cx=%22268%22 cy=%2262%22 r=%2254%22 fill=%22%23ffe7b8%22 opacity=%22.22%22/%3E%3Ccircle cx=%22268%22 cy=%2262%22 r=%2230%22 fill=%22%23fff6e0%22 opacity=%22.95%22/%3E%3Cline x1=%22308%22 y1=%2262%22 x2=%22326%22 y2=%2262%22 stroke=%22%23fff3d6%22 stroke-opacity=%22.35%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Cline x1=%22302%22 y1=%2282%22 x2=%22318%22 y2=%2291%22 stroke=%22%23fff3d6%22 stroke-opacity=%22.35%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Cline x1=%22288%22 y1=%2296%22 x2=%22297%22 y2=%22112%22 stroke=%22%23fff3d6%22 stroke-opacity=%22.35%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Cline x1=%22268%22 y1=%22102%22 x2=%22268%22 y2=%22120%22 stroke=%22%23fff3d6%22 stroke-opacity=%22.35%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Cline x1=%22248%22 y1=%2296%22 x2=%22239%22 y2=%22112%22 stroke=%22%23fff3d6%22 stroke-opacity=%22.35%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Cline x1=%22233%22 y1=%2282%22 x2=%22217%22 y2=%2291%22 stroke=%22%23fff3d6%22 stroke-opacity=%22.35%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Cline x1=%22228%22 y1=%2262%22 x2=%22210%22 y2=%2262%22 stroke=%22%23fff3d6%22 stroke-opacity=%22.35%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Cline x1=%22233%22 y1=%2242%22 x2=%22217%22 y2=%2233%22 stroke=%22%23fff3d6%22 stroke-opacity=%22.35%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Cline x1=%22247%22 y1=%2227%22 x2=%22238%22 y2=%2211%22 stroke=%22%23fff3d6%22 stroke-opacity=%22.35%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Cline x1=%22268%22 y1=%2222%22 x2=%22268%22 y2=%224%22 stroke=%22%23fff3d6%22 stroke-opacity=%22.35%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Cline x1=%22288%22 y1=%2227%22 x2=%22297%22 y2=%2211%22 stroke=%22%23fff3d6%22 stroke-opacity=%22.35%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Cline x1=%22302%22 y1=%2241%22 x2=%22318%22 y2=%2232%22 stroke=%22%23fff3d6%22 stroke-opacity=%22.35%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3Crect x=%220%22 y=%22150%22 width=%2234%22 height=%2270%22 fill=%22%236b2605%22 opacity=%22.42%22/%3E%3Crect x=%226%22 y=%22160%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2216%22 y=%22160%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%226%22 y=%22176%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2226%22 y=%22176%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%226%22 y=%22192%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2226%22 y=%22192%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%226%22 y=%22208%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2216%22 y=%22208%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2226%22 y=%22208%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2236%22 y=%22116%22 width=%2226%22 height=%22104%22 fill=%22%236b2605%22 opacity=%22.42%22/%3E%3Crect x=%2242%22 y=%22126%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2242%22 y=%22142%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2252%22 y=%22142%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2252%22 y=%22174%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2252%22 y=%22190%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2252%22 y=%22206%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2264%22 y=%22136%22 width=%2240%22 height=%2284%22 fill=%22%236b2605%22 opacity=%22.42%22/%3E%3Crect x=%2270%22 y=%22146%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2280%22 y=%22146%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2290%22 y=%22146%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2280%22 y=%22162%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2280%22 y=%22178%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2270%22 y=%22194%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2280%22 y=%22194%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2290%22 y=%22194%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2280%22 y=%22210%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%2290%22 y=%22210%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22106%22 y=%2292%22 width=%2230%22 height=%22128%22 fill=%22%236b2605%22 opacity=%22.42%22/%3E%3Crect x=%22122%22 y=%22102%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22112%22 y=%22118%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22122%22 y=%22134%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22112%22 y=%22182%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22112%22 y=%22198%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22122%22 y=%22198%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22138%22 y=%22124%22 width=%2236%22 height=%2296%22 fill=%22%236b2605%22 opacity=%22.42%22/%3E%3Crect x=%22154%22 y=%22134%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22164%22 y=%22134%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22144%22 y=%22150%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22164%22 y=%22166%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22144%22 y=%22198%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22176%22 y=%22102%22 width=%2228%22 height=%22118%22 fill=%22%236b2605%22 opacity=%22.42%22/%3E%3Crect x=%22182%22 y=%22112%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22182%22 y=%22128%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22192%22 y=%22160%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22182%22 y=%22176%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22182%22 y=%22192%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22192%22 y=%22192%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22182%22 y=%22208%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22192%22 y=%22208%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22206%22 y=%22142%22 width=%2244%22 height=%2278%22 fill=%22%236b2605%22 opacity=%22.42%22/%3E%3Crect x=%22212%22 y=%22152%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22232%22 y=%22152%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22242%22 y=%22152%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22212%22 y=%22168%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22232%22 y=%22168%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22242%22 y=%22168%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22212%22 y=%22200%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22222%22 y=%22200%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22232%22 y=%22200%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22252%22 y=%2282%22 width=%2230%22 height=%22138%22 fill=%22%236b2605%22 opacity=%22.42%22/%3E%3Crect x=%22268%22 y=%2292%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22258%22 y=%22108%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22268%22 y=%22108%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22258%22 y=%22124%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22268%22 y=%22124%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22268%22 y=%22140%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22258%22 y=%22156%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22268%22 y=%22156%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22258%22 y=%22172%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22284%22 y=%22130%22 width=%2236%22 height=%2290%22 fill=%22%236b2605%22 opacity=%22.42%22/%3E%3Crect x=%22300%22 y=%22140%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22290%22 y=%22172%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22300%22 y=%22172%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22310%22 y=%22172%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22300%22 y=%22188%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22310%22 y=%22188%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22290%22 y=%22204%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22300%22 y=%22204%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22310%22 y=%22204%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22322%22 y=%22110%22 width=%2228%22 height=%22110%22 fill=%22%236b2605%22 opacity=%22.42%22/%3E%3Crect x=%22328%22 y=%22120%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22338%22 y=%22120%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22328%22 y=%22136%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22338%22 y=%22136%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22328%22 y=%22152%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22338%22 y=%22152%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22328%22 y=%22184%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22338%22 y=%22184%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22328%22 y=%22200%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22338%22 y=%22200%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22352%22 y=%22146%22 width=%2240%22 height=%2274%22 fill=%22%236b2605%22 opacity=%22.42%22/%3E%3Crect x=%22358%22 y=%22156%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22358%22 y=%22172%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22368%22 y=%22172%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22378%22 y=%22172%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22358%22 y=%22188%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22368%22 y=%22188%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22378%22 y=%22188%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22368%22 y=%22204%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3Crect x=%22378%22 y=%22204%22 width=%224%22 height=%226%22 fill=%22%23ffe7b8%22 opacity=%22.7%22/%3E%3C/svg%3E") right bottom/cover no-repeat;-webkit-mask-image:none;mask-image:none;opacity:1}
.card.f-midnight:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 360 220%22 preserveAspectRatio=%22xMaxYMax slice%22%3E%3Ccircle cx=%22300%22 cy=%2246%22 r=%2226%22 fill=%22%23cfe3ff%22 opacity=%22.9%22/%3E%3Ccircle cx=%22312%22 cy=%2240%22 r=%2224%22 fill=%22%2316305a%22/%3E%3Ccircle cx=%22278%22 cy=%22100%22 r=%221.0%22 fill=%22%23cfe3ff%22 opacity=%220.63%22/%3E%3Ccircle cx=%2221%22 cy=%22143%22 r=%221.3%22 fill=%22%23cfe3ff%22 opacity=%220.79%22/%3E%3Ccircle cx=%2254%22 cy=%2274%22 r=%221.3%22 fill=%22%23cfe3ff%22 opacity=%220.75%22/%3E%3Ccircle cx=%22190%22 cy=%2265%22 r=%221.3%22 fill=%22%23cfe3ff%22 opacity=%220.60%22/%3E%3Ccircle cx=%22321%22 cy=%2257%22 r=%221.0%22 fill=%22%23cfe3ff%22 opacity=%220.70%22/%3E%3Ccircle cx=%22124%22 cy=%2259%22 r=%221.8%22 fill=%22%23cfe3ff%22 opacity=%220.45%22/%3E%3Ccircle cx=%2222%22 cy=%2215%22 r=%221.3%22 fill=%22%23cfe3ff%22 opacity=%220.51%22/%3E%3Ccircle cx=%22107%22 cy=%2296%22 r=%221.8%22 fill=%22%23cfe3ff%22 opacity=%220.69%22/%3E%3Ccircle cx=%22186%22 cy=%22101%22 r=%220.8%22 fill=%22%23cfe3ff%22 opacity=%220.37%22/%3E%3Ccircle cx=%22124%22 cy=%22128%22 r=%221.0%22 fill=%22%23cfe3ff%22 opacity=%220.44%22/%3E%3Ccircle cx=%22255%22 cy=%228%22 r=%221.8%22 fill=%22%23cfe3ff%22 opacity=%220.75%22/%3E%3Ccircle cx=%22184%22 cy=%2229%22 r=%220.8%22 fill=%22%23cfe3ff%22 opacity=%220.75%22/%3E%3Ccircle cx=%22110%22 cy=%22130%22 r=%221.0%22 fill=%22%23cfe3ff%22 opacity=%220.49%22/%3E%3Ccircle cx=%22333%22 cy=%2293%22 r=%220.8%22 fill=%22%23cfe3ff%22 opacity=%220.69%22/%3E%3Ccircle cx=%22210%22 cy=%22126%22 r=%221.8%22 fill=%22%23cfe3ff%22 opacity=%220.66%22/%3E%3Ccircle cx=%2251%22 cy=%2248%22 r=%221.0%22 fill=%22%23cfe3ff%22 opacity=%220.80%22/%3E%3Ccircle cx=%2222%22 cy=%2246%22 r=%221.8%22 fill=%22%23cfe3ff%22 opacity=%220.69%22/%3E%3Ccircle cx=%2282%22 cy=%22129%22 r=%221.3%22 fill=%22%23cfe3ff%22 opacity=%220.34%22/%3E%3Ccircle cx=%22288%22 cy=%2241%22 r=%220.8%22 fill=%22%23cfe3ff%22 opacity=%220.26%22/%3E%3Ccircle cx=%22340%22 cy=%2234%22 r=%221.0%22 fill=%22%23cfe3ff%22 opacity=%220.49%22/%3E%3Ccircle cx=%22107%22 cy=%2262%22 r=%220.8%22 fill=%22%23cfe3ff%22 opacity=%220.39%22/%3E%3Ccircle cx=%22157%22 cy=%22136%22 r=%221.0%22 fill=%22%23cfe3ff%22 opacity=%220.67%22/%3E%3Ccircle cx=%22174%22 cy=%2274%22 r=%221.8%22 fill=%22%23cfe3ff%22 opacity=%220.71%22/%3E%3Ccircle cx=%2239%22 cy=%2298%22 r=%221.8%22 fill=%22%23cfe3ff%22 opacity=%220.61%22/%3E%3Ccircle cx=%22272%22 cy=%22115%22 r=%221.0%22 fill=%22%23cfe3ff%22 opacity=%220.54%22/%3E%3Ccircle cx=%22276%22 cy=%22138%22 r=%220.8%22 fill=%22%23cfe3ff%22 opacity=%220.73%22/%3E%3Ccircle cx=%22101%22 cy=%229%22 r=%221.0%22 fill=%22%23cfe3ff%22 opacity=%220.34%22/%3E%3Ccircle cx=%22250%22 cy=%2238%22 r=%220.8%22 fill=%22%23cfe3ff%22 opacity=%220.43%22/%3E%3Ccircle cx=%22273%22 cy=%22143%22 r=%221.8%22 fill=%22%23cfe3ff%22 opacity=%220.68%22/%3E%3Ccircle cx=%2262%22 cy=%2222%22 r=%221.0%22 fill=%22%23cfe3ff%22 opacity=%220.36%22/%3E%3Ccircle cx=%2229%22 cy=%2233%22 r=%221.8%22 fill=%22%23cfe3ff%22 opacity=%220.56%22/%3E%3Ccircle cx=%2240%22 cy=%22121%22 r=%221.3%22 fill=%22%23cfe3ff%22 opacity=%220.59%22/%3E%3Ccircle cx=%22266%22 cy=%22139%22 r=%221.0%22 fill=%22%23cfe3ff%22 opacity=%220.63%22/%3E%3Ccircle cx=%22239%22 cy=%22138%22 r=%221.8%22 fill=%22%23cfe3ff%22 opacity=%220.53%22/%3E%3Cg fill=%22%239cc4ff%22 opacity=%220.22%22 transform=%22translate(120 120) scale(1.20)%22%3E%3Ccircle cx=%220%22 cy=%220%22 r=%2222%22/%3E%3Ccircle cx=%2226%22 cy=%22-10%22 r=%2228%22/%3E%3Ccircle cx=%2256%22 cy=%222%22 r=%2220%22/%3E%3Crect x=%22-22%22 y=%220%22 width=%2298%22 height=%2222%22 rx=%2211%22/%3E%3C/g%3E%3Cg fill=%22%239cc4ff%22 opacity=%220.16%22 transform=%22translate(232 160) scale(1.60)%22%3E%3Ccircle cx=%220%22 cy=%220%22 r=%2222%22/%3E%3Ccircle cx=%2226%22 cy=%22-10%22 r=%2228%22/%3E%3Ccircle cx=%2256%22 cy=%222%22 r=%2220%22/%3E%3Crect x=%22-22%22 y=%220%22 width=%2298%22 height=%2222%22 rx=%2211%22/%3E%3C/g%3E%3Cg fill=%22%239cc4ff%22 opacity=%220.14%22 transform=%22translate(20 176) scale(1.10)%22%3E%3Ccircle cx=%220%22 cy=%220%22 r=%2222%22/%3E%3Ccircle cx=%2226%22 cy=%22-10%22 r=%2228%22/%3E%3Ccircle cx=%2256%22 cy=%222%22 r=%2220%22/%3E%3Crect x=%22-22%22 y=%220%22 width=%2298%22 height=%2222%22 rx=%2211%22/%3E%3C/g%3E%3Cpath d=%22M60 70 L150 100 L230 64 L316 118%22 fill=%22none%22 stroke=%22%239cc4ff%22 stroke-opacity=%22.5%22 stroke-dasharray=%222 6%22 stroke-width=%221.6%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2260%22 cy=%2270%22 r=%224%22 fill=%22%23cfe3ff%22/%3E%3Ccircle cx=%2260%22 cy=%2270%22 r=%229%22 fill=%22none%22 stroke=%22%23cfe3ff%22 stroke-opacity=%22.35%22/%3E%3Ccircle cx=%22150%22 cy=%22100%22 r=%224%22 fill=%22%23cfe3ff%22/%3E%3Ccircle cx=%22150%22 cy=%22100%22 r=%229%22 fill=%22none%22 stroke=%22%23cfe3ff%22 stroke-opacity=%22.35%22/%3E%3Ccircle cx=%22230%22 cy=%2264%22 r=%224%22 fill=%22%23cfe3ff%22/%3E%3Ccircle cx=%22230%22 cy=%2264%22 r=%229%22 fill=%22none%22 stroke=%22%23cfe3ff%22 stroke-opacity=%22.35%22/%3E%3Ccircle cx=%22316%22 cy=%22118%22 r=%224%22 fill=%22%23cfe3ff%22/%3E%3Ccircle cx=%22316%22 cy=%22118%22 r=%229%22 fill=%22none%22 stroke=%22%23cfe3ff%22 stroke-opacity=%22.35%22/%3E%3C/svg%3E") right bottom/cover no-repeat;-webkit-mask-image:none;mask-image:none;opacity:1}
.card.f-emerald:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 360 220%22 preserveAspectRatio=%22xMaxYMax slice%22%3E%3Cline x1=%220%22 y1=%2230%22 x2=%22360%22 y2=%2230%22 stroke=%22%238ff0c0%22 stroke-opacity=%22.1%22/%3E%3Cline x1=%220%22 y1=%2262%22 x2=%22360%22 y2=%2262%22 stroke=%22%238ff0c0%22 stroke-opacity=%22.1%22/%3E%3Cline x1=%220%22 y1=%2294%22 x2=%22360%22 y2=%2294%22 stroke=%22%238ff0c0%22 stroke-opacity=%22.1%22/%3E%3Cline x1=%220%22 y1=%22126%22 x2=%22360%22 y2=%22126%22 stroke=%22%238ff0c0%22 stroke-opacity=%22.1%22/%3E%3Cline x1=%220%22 y1=%22158%22 x2=%22360%22 y2=%22158%22 stroke=%22%238ff0c0%22 stroke-opacity=%22.1%22/%3E%3Cline x1=%220%22 y1=%22190%22 x2=%22360%22 y2=%22190%22 stroke=%22%238ff0c0%22 stroke-opacity=%22.1%22/%3E%3Cline x1=%2240%22 y1=%220%22 x2=%2240%22 y2=%22220%22 stroke=%22%238ff0c0%22 stroke-opacity=%22.07%22/%3E%3Cline x1=%2292%22 y1=%220%22 x2=%2292%22 y2=%22220%22 stroke=%22%238ff0c0%22 stroke-opacity=%22.07%22/%3E%3Cline x1=%22144%22 y1=%220%22 x2=%22144%22 y2=%22220%22 stroke=%22%238ff0c0%22 stroke-opacity=%22.07%22/%3E%3Cline x1=%22196%22 y1=%220%22 x2=%22196%22 y2=%22220%22 stroke=%22%238ff0c0%22 stroke-opacity=%22.07%22/%3E%3Cline x1=%22248%22 y1=%220%22 x2=%22248%22 y2=%22220%22 stroke=%22%238ff0c0%22 stroke-opacity=%22.07%22/%3E%3Cline x1=%22300%22 y1=%220%22 x2=%22300%22 y2=%22220%22 stroke=%22%238ff0c0%22 stroke-opacity=%22.07%22/%3E%3Cline x1=%22352%22 y1=%220%22 x2=%22352%22 y2=%22220%22 stroke=%22%238ff0c0%22 stroke-opacity=%22.07%22/%3E%3Cdefs%3E%3ClinearGradient id=%22f%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%235ff0a8%22 stop-opacity=%22.5%22/%3E%3Cstop offset=%221%22 stop-color=%22%235ff0a8%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M0 190 L40 176 L80 184 L130 150 L180 160 L230 108 L280 96 L320 52 L360 30 L360 220 L0 220Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M0 190 L40 176 L80 184 L130 150 L180 160 L230 108 L280 96 L320 52 L360 30%22 fill=%22none%22 stroke=%22%239bffcf%22 stroke-width=%222.6%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2280%22 cy=%22184%22 r=%224.5%22 fill=%22%230b2820%22 stroke=%22%239bffcf%22 stroke-width=%222%22/%3E%3Ccircle cx=%22180%22 cy=%22160%22 r=%224.5%22 fill=%22%230b2820%22 stroke=%22%239bffcf%22 stroke-width=%222%22/%3E%3Ccircle cx=%22280%22 cy=%2296%22 r=%224.5%22 fill=%22%230b2820%22 stroke=%22%239bffcf%22 stroke-width=%222%22/%3E%3Ccircle cx=%22360%22 cy=%2230%22 r=%224.5%22 fill=%22%230b2820%22 stroke=%22%239bffcf%22 stroke-width=%222%22/%3E%3Ccircle cx=%22214%22 cy=%2262%22 r=%2222%22 fill=%22none%22 stroke=%22%23f3d27a%22 stroke-width=%222%22 opacity=%22.8%22/%3E%3Ccircle cx=%22214%22 cy=%2262%22 r=%2215%22 fill=%22%23f3d27a%22 opacity=%22.22%22/%3E%3C/svg%3E") right bottom/cover no-repeat;-webkit-mask-image:none;mask-image:none;opacity:1}
.card.f-id:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 360 220%22 preserveAspectRatio=%22xMaxYMax slice%22%3E%3Ccircle cx=%22300%22 cy=%2240%22 r=%2216%22 fill=%22none%22 stroke=%22%23ff8a4c%22 stroke-opacity=%220.55%22 stroke-width=%222.2%22 stroke-dasharray=%2290 10 20 12%22 stroke-linecap=%22round%22 transform=%22rotate(267 300 40)%22/%3E%3Ccircle cx=%22300%22 cy=%2240%22 r=%2229%22 fill=%22none%22 stroke=%22%23ff8a4c%22 stroke-opacity=%220.52%22 stroke-width=%222.2%22 stroke-dasharray=%22120 16%22 stroke-linecap=%22round%22 transform=%22rotate(286 300 40)%22/%3E%3Ccircle cx=%22300%22 cy=%2240%22 r=%2242%22 fill=%22none%22 stroke=%22%23ff8a4c%22 stroke-opacity=%220.49%22 stroke-width=%222.2%22 stroke-dasharray=%2290 10 20 12%22 stroke-linecap=%22round%22 transform=%22rotate(229 300 40)%22/%3E%3Ccircle cx=%22300%22 cy=%2240%22 r=%2255%22 fill=%22none%22 stroke=%22%23ff8a4c%22 stroke-opacity=%220.46%22 stroke-width=%222.2%22 stroke-dasharray=%2290 10 20 12%22 stroke-linecap=%22round%22 transform=%22rotate(213 300 40)%22/%3E%3Ccircle cx=%22300%22 cy=%2240%22 r=%2268%22 fill=%22none%22 stroke=%22%23ff8a4c%22 stroke-opacity=%220.43%22 stroke-width=%222.2%22 stroke-dasharray=%2260 14%22 stroke-linecap=%22round%22 transform=%22rotate(200 300 40)%22/%3E%3Ccircle cx=%22300%22 cy=%2240%22 r=%2281%22 fill=%22none%22 stroke=%22%23ff8a4c%22 stroke-opacity=%220.40%22 stroke-width=%222.2%22 stroke-dasharray=%2240 8 70 10%22 stroke-linecap=%22round%22 transform=%22rotate(161 300 40)%22/%3E%3Ccircle cx=%22300%22 cy=%2240%22 r=%2294%22 fill=%22none%22 stroke=%22%23ff8a4c%22 stroke-opacity=%220.37%22 stroke-width=%222.2%22 stroke-dasharray=%2260 14%22 stroke-linecap=%22round%22 transform=%22rotate(123 300 40)%22/%3E%3Ccircle cx=%22300%22 cy=%2240%22 r=%22107%22 fill=%22none%22 stroke=%22%23ff8a4c%22 stroke-opacity=%220.34%22 stroke-width=%222.2%22 stroke-dasharray=%2240 8 70 10%22 stroke-linecap=%22round%22 transform=%22rotate(37 300 40)%22/%3E%3Ccircle cx=%22300%22 cy=%2240%22 r=%22120%22 fill=%22none%22 stroke=%22%23ff8a4c%22 stroke-opacity=%220.31%22 stroke-width=%222.2%22 stroke-dasharray=%2290 10 20 12%22 stroke-linecap=%22round%22 transform=%22rotate(155 300 40)%22/%3E%3Ccircle cx=%22300%22 cy=%2240%22 r=%22133%22 fill=%22none%22 stroke=%22%23ff8a4c%22 stroke-opacity=%220.28%22 stroke-width=%222.2%22 stroke-dasharray=%2260 14%22 stroke-linecap=%22round%22 transform=%22rotate(79 300 40)%22/%3E%3Ccircle cx=%22300%22 cy=%2240%22 r=%22146%22 fill=%22none%22 stroke=%22%23ff8a4c%22 stroke-opacity=%220.25%22 stroke-width=%222.2%22 stroke-dasharray=%22120 16%22 stroke-linecap=%22round%22 transform=%22rotate(73 300 40)%22/%3E%3Ccircle cx=%22300%22 cy=%2240%22 r=%22159%22 fill=%22none%22 stroke=%22%23ff8a4c%22 stroke-opacity=%220.22%22 stroke-width=%222.2%22 stroke-dasharray=%22120 16%22 stroke-linecap=%22round%22 transform=%22rotate(70 300 40)%22/%3E%3Ccircle cx=%22300%22 cy=%2240%22 r=%22172%22 fill=%22none%22 stroke=%22%23ff8a4c%22 stroke-opacity=%220.19%22 stroke-width=%222.2%22 stroke-dasharray=%2240 8 70 10%22 stroke-linecap=%22round%22 transform=%22rotate(112 300 40)%22/%3E%3Ccircle cx=%22300%22 cy=%2240%22 r=%22185%22 fill=%22none%22 stroke=%22%23ff8a4c%22 stroke-opacity=%220.16%22 stroke-width=%222.2%22 stroke-dasharray=%2260 14%22 stroke-linecap=%22round%22 transform=%22rotate(203 300 40)%22/%3E%3Ccircle cx=%22300%22 cy=%2240%22 r=%225%22 fill=%22%23ffb386%22/%3E%3C/svg%3E") right bottom/cover no-repeat;-webkit-mask-image:none;mask-image:none;opacity:1}
.card.f-crimson:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 360 220%22 preserveAspectRatio=%22xMaxYMax slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.28%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M40 -10 L150 -10 L300 230 L120 230Z%22 fill=%22url(%23s)%22/%3E%3Cg transform=%22rotate(8 320 110)%22%3E%3Crect x=%22296%22 y=%22-30%22 width=%2262%22 height=%22300%22 fill=%22%232a0409%22 opacity=%22.6%22/%3E%3Crect x=%22301%22 y=%22-24%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22343%22 y=%22-24%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22301%22 y=%222%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22343%22 y=%222%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22301%22 y=%2228%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22343%22 y=%2228%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22301%22 y=%2254%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22343%22 y=%2254%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22301%22 y=%2280%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22343%22 y=%2280%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22301%22 y=%22106%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22343%22 y=%22106%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22301%22 y=%22132%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22343%22 y=%22132%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22301%22 y=%22158%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22343%22 y=%22158%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22301%22 y=%22184%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22343%22 y=%22184%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22301%22 y=%22210%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22343%22 y=%22210%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22301%22 y=%22236%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22343%22 y=%22236%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22301%22 y=%22262%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22343%22 y=%22262%22 width=%2210%22 height=%2214%22 rx=%222%22 fill=%22%23ff8c98%22 opacity=%22.7%22/%3E%3Crect x=%22316%22 y=%22-14%22 width=%2222%22 height=%2256%22 rx=%223%22 fill=%22%23ffd9de%22 opacity=%220.47%22/%3E%3Crect x=%22316%22 y=%2264%22 width=%2222%22 height=%2256%22 rx=%223%22 fill=%22%23ffd9de%22 opacity=%220.27%22/%3E%3Crect x=%22316%22 y=%22142%22 width=%2222%22 height=%2256%22 rx=%223%22 fill=%22%23ffd9de%22 opacity=%220.41%22/%3E%3Crect x=%22316%22 y=%22220%22 width=%2222%22 height=%2256%22 rx=%223%22 fill=%22%23ffd9de%22 opacity=%220.28%22/%3E%3C/g%3E%3C/svg%3E") right bottom/cover no-repeat;-webkit-mask-image:none;mask-image:none;opacity:1}
.card.f-rose:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 360 220%22 preserveAspectRatio=%22xMaxYMax slice%22%3E%3Cpath d=%22M232 20 L232 150 L338 85Z%22 fill=%22%23fff%22 fill-opacity=%22.14%22 stroke=%22%237a1d22%22 stroke-opacity=%22.5%22 stroke-width=%223%22 stroke-linejoin=%22round%22/%3E%3Ccircle cx=%22272%22 cy=%2285%22 r=%2282%22 fill=%22none%22 stroke=%22%237a1d22%22 stroke-opacity=%22.18%22 stroke-width=%222%22/%3E%3Crect x=%2214%22 y=%22180%22 width=%229%22 height=%2234%22 rx=%224.5%22 fill=%22%237a1d22%22 opacity=%22.34%22/%3E%3Crect x=%2229%22 y=%22152%22 width=%229%22 height=%2262%22 rx=%224.5%22 fill=%22%237a1d22%22 opacity=%22.34%22/%3E%3Crect x=%2244%22 y=%22170%22 width=%229%22 height=%2244%22 rx=%224.5%22 fill=%22%237a1d22%22 opacity=%22.34%22/%3E%3Crect x=%2259%22 y=%22134%22 width=%229%22 height=%2280%22 rx=%224.5%22 fill=%22%237a1d22%22 opacity=%22.34%22/%3E%3Crect x=%2274%22 y=%22162%22 width=%229%22 height=%2252%22 rx=%224.5%22 fill=%22%237a1d22%22 opacity=%22.34%22/%3E%3Crect x=%2289%22 y=%22144%22 width=%229%22 height=%2270%22 rx=%224.5%22 fill=%22%237a1d22%22 opacity=%22.34%22/%3E%3Crect x=%22104%22 y=%22176%22 width=%229%22 height=%2238%22 rx=%224.5%22 fill=%22%237a1d22%22 opacity=%22.34%22/%3E%3Crect x=%22119%22 y=%22156%22 width=%229%22 height=%2258%22 rx=%224.5%22 fill=%22%237a1d22%22 opacity=%22.34%22/%3E%3Crect x=%22134%22 y=%22186%22 width=%229%22 height=%2228%22 rx=%224.5%22 fill=%22%237a1d22%22 opacity=%22.34%22/%3E%3C/svg%3E") right bottom/cover no-repeat;-webkit-mask-image:none;mask-image:none;opacity:1}
.card.f-noirred:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 360 220%22 preserveAspectRatio=%22xMaxYMax slice%22%3E%3Cg fill=%22none%22 stroke=%22%23ff5a5a%22 stroke-opacity=%22.75%22 stroke-width=%223%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M250 22 H228 V44%22/%3E%3Cpath d=%22M340 22 H362 V44%22 transform=%22translate(-22 0)%22/%3E%3Cpath d=%22M228 140 V162 H250%22/%3E%3Cpath d=%22M340 162 H318 V140%22 transform=%22translate(0 0)%22/%3E%3C/g%3E%3Ccircle cx=%22279%22 cy=%2292%22 r=%2230%22 fill=%22none%22 stroke=%22%23ff5a5a%22 stroke-opacity=%22.45%22 stroke-width=%222%22/%3E%3Ccircle cx=%22279%22 cy=%2292%22 r=%2210%22 fill=%22%23ff5a5a%22 opacity=%22.5%22/%3E%3Cline x1=%22279%22 y1=%2246%22 x2=%22279%22 y2=%2266%22 stroke=%22%23ff5a5a%22 stroke-opacity=%22.5%22 stroke-width=%222%22/%3E%3Cline x1=%22279%22 y1=%22118%22 x2=%22279%22 y2=%22138%22 stroke=%22%23ff5a5a%22 stroke-opacity=%22.5%22 stroke-width=%222%22/%3E%3Cline x1=%22233%22 y1=%2292%22 x2=%22253%22 y2=%2292%22 stroke=%22%23ff5a5a%22 stroke-opacity=%22.5%22 stroke-width=%222%22/%3E%3Cline x1=%22305%22 y1=%2292%22 x2=%22325%22 y2=%2292%22 stroke=%22%23ff5a5a%22 stroke-opacity=%22.5%22 stroke-width=%222%22/%3E%3Ctext x=%2222%22 y=%22210%22 font-family=%22monospace%22 font-size=%2213%22 fill=%22%23ff7a7a%22 opacity=%22.6%22 letter-spacing=%222%22%3EREC 00:00:00%3C/text%3E%3C/svg%3E") right bottom/cover no-repeat;-webkit-mask-image:none;mask-image:none;opacity:1}
.card.f-sage:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 360 220%22 preserveAspectRatio=%22xMaxYMax slice%22%3E%3Cellipse cx=%22250%22 cy=%2270%22 rx=%2221%22 ry=%2214%22 fill=%22none%22 stroke=%22%232f4a22%22 stroke-opacity=%220.34%22 stroke-width=%221.6%22 transform=%22rotate(-18 250 70)%22/%3E%3Cellipse cx=%22253%22 cy=%2270%22 rx=%2246%22 ry=%2231%22 fill=%22none%22 stroke=%22%232f4a22%22 stroke-opacity=%220.33%22 stroke-width=%221.6%22 transform=%22rotate(-18 250 70)%22/%3E%3Cellipse cx=%22256%22 cy=%2270%22 rx=%2272%22 ry=%2248%22 fill=%22none%22 stroke=%22%232f4a22%22 stroke-opacity=%220.31%22 stroke-width=%221.6%22 transform=%22rotate(-18 250 70)%22/%3E%3Cellipse cx=%22250%22 cy=%2270%22 rx=%2297%22 ry=%2265%22 fill=%22none%22 stroke=%22%232f4a22%22 stroke-opacity=%220.30%22 stroke-width=%221.6%22 transform=%22rotate(-18 250 70)%22/%3E%3Cellipse cx=%22253%22 cy=%2270%22 rx=%22123%22 ry=%2282%22 fill=%22none%22 stroke=%22%232f4a22%22 stroke-opacity=%220.28%22 stroke-width=%221.6%22 transform=%22rotate(-18 250 70)%22/%3E%3Cellipse cx=%22256%22 cy=%2270%22 rx=%22148%22 ry=%2299%22 fill=%22none%22 stroke=%22%232f4a22%22 stroke-opacity=%220.27%22 stroke-width=%221.6%22 transform=%22rotate(-18 250 70)%22/%3E%3Cellipse cx=%22250%22 cy=%2270%22 rx=%22174%22 ry=%22116%22 fill=%22none%22 stroke=%22%232f4a22%22 stroke-opacity=%220.25%22 stroke-width=%221.6%22 transform=%22rotate(-18 250 70)%22/%3E%3Cellipse cx=%22253%22 cy=%2270%22 rx=%22199%22 ry=%22133%22 fill=%22none%22 stroke=%22%232f4a22%22 stroke-opacity=%220.24%22 stroke-width=%221.6%22 transform=%22rotate(-18 250 70)%22/%3E%3Cellipse cx=%22256%22 cy=%2270%22 rx=%22225%22 ry=%22150%22 fill=%22none%22 stroke=%22%232f4a22%22 stroke-opacity=%220.22%22 stroke-width=%221.6%22 transform=%22rotate(-18 250 70)%22/%3E%3Cellipse cx=%22250%22 cy=%2270%22 rx=%22250%22 ry=%22167%22 fill=%22none%22 stroke=%22%232f4a22%22 stroke-opacity=%220.21%22 stroke-width=%221.6%22 transform=%22rotate(-18 250 70)%22/%3E%3Cellipse cx=%22253%22 cy=%2270%22 rx=%22276%22 ry=%22184%22 fill=%22none%22 stroke=%22%232f4a22%22 stroke-opacity=%220.19%22 stroke-width=%221.6%22 transform=%22rotate(-18 250 70)%22/%3E%3Cpath d=%22M20 190 C80 150 110 196 170 150 S250 110 288 66%22 fill=%22none%22 stroke=%22%232f4a22%22 stroke-opacity=%22.7%22 stroke-width=%223.2%22 stroke-dasharray=%222 9%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2220%22 cy=%22190%22 r=%226%22 fill=%22%23fff%22 stroke=%22%232f4a22%22 stroke-width=%222.4%22/%3E%3Cg transform=%22translate(288 58)%22%3E%3Cpath d=%22M0 22 C-14 4 -16 -4 -16 -10 A16 16 0 1 1 16 -10 C16 -4 14 4 0 22Z%22 fill=%22%23d93c32%22 stroke=%22%23fff%22 stroke-width=%222.4%22/%3E%3Ccircle cx=%220%22 cy=%22-10%22 r=%225.5%22 fill=%22%23fff%22/%3E%3C/g%3E%3C/svg%3E") right bottom/cover no-repeat;-webkit-mask-image:none;mask-image:none;opacity:1}
.card.f-bronze:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 360 220%22 preserveAspectRatio=%22xMaxYMax slice%22%3E%3Cg fill=%22none%22 stroke=%22%23fbe3bf%22 stroke-opacity=%22.5%22 stroke-width=%222%22%3E%3Ccircle cx=%22286%22 cy=%2296%22 r=%2278%22/%3E%3Cellipse cx=%22286%22 cy=%2296%22 rx=%2232%22 ry=%2278%22/%3E%3Cellipse cx=%22286%22 cy=%2296%22 rx=%2264%22 ry=%2278%22/%3E%3Cline x1=%22208%22 y1=%2296%22 x2=%22364%22 y2=%2296%22/%3E%3Cpath d=%22M222 54 H350 M222 138 H350%22/%3E%3C/g%3E%3Cg transform=%22translate(18 176)%22%3E%3Crect width=%22150%22 height=%2230%22 rx=%229%22 fill=%22%232b1a08%22 opacity=%22.35%22/%3E%3Ccircle cx=%2214%22 cy=%2215%22 r=%224%22 fill=%22%23fbe3bf%22 opacity=%22.8%22/%3E%3Ccircle cx=%2228%22 cy=%2215%22 r=%224%22 fill=%22%23fbe3bf%22 opacity=%22.5%22/%3E%3Ccircle cx=%2242%22 cy=%2215%22 r=%224%22 fill=%22%23fbe3bf%22 opacity=%22.3%22/%3E%3Crect x=%2258%22 y=%229%22 width=%2280%22 height=%2212%22 rx=%226%22 fill=%22%23fbe3bf%22 opacity=%22.3%22/%3E%3C/g%3E%3C/svg%3E") right bottom/cover no-repeat;-webkit-mask-image:none;mask-image:none;opacity:1}
.card.f-ember{background:linear-gradient(180deg,#ff9d4d,#e8601a 62%,#b8420c)}
.card.f-midnight{background:linear-gradient(180deg,#112a52,#0a1630 70%,#070e20)}
.card.f-emerald{background:linear-gradient(180deg,#14573f,#0a2f23 70%,#07201a)}
.card.f-id{background:radial-gradient(90% 90% at 85% 0%,rgba(255,110,50,.4),transparent 60%),linear-gradient(180deg,#2a170e,#0b0706)}
.card.f-crimson{background:linear-gradient(120deg,#c11a30,#6d0b18 60%,#2e0509)}
.card.f-rose{background:linear-gradient(150deg,#ffc9bd,#f09a8c 70%,#e07e72)}
.card.f-noirred{background:repeating-linear-gradient(0deg,rgba(255,60,60,.05) 0 1px,transparent 1px 4px),linear-gradient(180deg,#1c0d0f,#050304)}
.card.f-sage{background:linear-gradient(160deg,#e6efdc,#b9cfab 65%,#9db98d)}
.card.f-bronze{background:linear-gradient(150deg,#c8975c,#8a5f2c 60%,#4b3013)}
.card.f-noirred .card__st i,.card.f-noirred .card__name::after{}
.card.f-noirred .card__name::after{content:"";display:inline-block;width:8px;height:8px;margin-left:9px;border-radius:50%;background:#ff4d4d;vertical-align:middle;animation:recblink 1.4s steps(2,end) infinite}
@keyframes recblink{50%{opacity:.15}}
.card.f-cmyk .card__tile .mask{background:var(--cink)}
.card.f-rose,.card.f-sage{--art:transparent}
@media (prefers-reduced-motion:reduce){.card.f-noirred .card__name::after{animation:none}}

/* ---- new version: banner on every tab + the row lifted to the top of More ---- */
.updtoast{position:fixed;z-index:70;left:50%;top:calc(env(safe-area-inset-top) + 10px);transform:translateX(-50%);display:flex;align-items:center;gap:4px;max-width:calc(100% - 24px);padding:5px 5px 5px 6px;border-radius:99px;background:var(--fillgrad);color:var(--ongold,#fff);box-shadow:0 12px 30px -10px rgba(224,98,15,.75),0 0 0 1px rgba(255,255,255,.25) inset;animation:updin .5s cubic-bezier(.2,.9,.3,1.2),updglow 2.4s 1s ease-in-out infinite}
.updtoast button{all:unset;cursor:pointer;box-sizing:border-box}
.updtoast__go{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 10px;font:600 14px "Space Grotesk",sans-serif}
.updtoast__go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:spin 2.4s linear infinite}
.updtoast__go b{padding:6px 13px;border-radius:99px;background:rgba(0,0,0,.28);color:#fff;font-size:13px}
.updtoast__x{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;opacity:.75}.updtoast__x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.updtoast button:active{opacity:.6}
body.in-viewer .updtoast,body.fun-open .updtoast{display:none}
@keyframes updin{from{opacity:0;transform:translate(-50%,-24px) scale(.9)}}
@keyframes updglow{50%{box-shadow:0 12px 36px -6px rgba(224,98,15,.95),0 0 0 1px rgba(255,255,255,.25) inset}}
.upd-top{margin-bottom:14px;border-radius:20px;box-shadow:0 0 0 2px var(--goldt),0 14px 34px -14px rgba(224,98,15,.65);animation:updglow 2.4s ease-in-out infinite}
.upd-top #updRow{background:linear-gradient(135deg,color-mix(in srgb,var(--goldt) 20%,var(--surface)),var(--surface))}
@media (prefers-reduced-motion:reduce){.updtoast,.upd-top,.updtoast__go svg{animation:none}}
.updtoast{top:auto;bottom:calc(env(safe-area-inset-bottom) + 96px);white-space:nowrap}
.updtoast__go span{white-space:nowrap}
@keyframes updin{from{opacity:0;transform:translate(-50%,24px) scale(.9)}}

.updtoast__go{gap:10px}.updtoast__go svg{flex:none;margin-right:2px}

/* more visitor things */
.fun-mem{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;width:min(360px,100%);align-self:center}
.fun-mc{all:unset;box-sizing:border-box;cursor:pointer;aspect-ratio:1;display:grid;place-items:center;border-radius:16px;font-size:30px;background:linear-gradient(145deg,var(--goldt),transparent 160%),var(--surface);box-shadow:inset 0 0 0 1px var(--hair);transition:transform .25s}
.fun-mc.up{background:var(--surface);transform:rotateY(0)}.fun-mc.done{opacity:.5;box-shadow:inset 0 0 0 2px #35c871}
.fun-mc:focus-visible{outline:2px solid var(--goldt);outline-offset:2px}
.fun-doodle{width:100%;max-width:420px;height:auto;aspect-ratio:1;align-self:center;border-radius:20px;touch-action:none;cursor:crosshair;box-shadow:0 14px 30px -16px rgba(0,0,0,.5)}
.fun-pal{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.fun-sw{all:unset;box-sizing:border-box;cursor:pointer;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--hair)}
.fun-sw.on{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--goldt)}
.fun-range{width:min(360px,100%);align-self:center;accent-color:var(--goldt)}
.fun-ta{height:auto;padding:12px 16px;resize:none;line-height:1.5}
.fun-row>.fun-input{flex:1;min-width:0}
a.fun-btn{text-decoration:none}

/* spin the bottle, rock paper scissors */
.fun-bottle{display:grid;place-items:center;height:280px}
.fun-bottle__b{all:unset;cursor:pointer;width:84px;height:280px;display:grid;place-items:center;transition:transform 3.2s cubic-bezier(.12,.7,.15,1);filter:drop-shadow(0 14px 14px rgba(0,0,0,.35))}
.fun-bottle__b svg{width:84px;height:280px}.fun-bottle__b:focus-visible{outline:2px solid var(--goldt);outline-offset:6px;border-radius:20px}
.fun-btn:disabled{opacity:.45;cursor:default}
.fun-rps{display:flex;align-items:center;justify-content:space-around;padding:22px 10px;border-radius:24px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hair)}
.fun-rps span{font-size:64px;line-height:1}.fun-rps i{font-style:normal;color:var(--dim);font-size:15px}
.fun-rps.shake span{animation:rpsshake .35s ease-in-out infinite}
@keyframes rpsshake{50%{transform:translateY(-14px)}}
.fun-hand{all:unset;box-sizing:border-box;cursor:pointer;flex:1;display:grid;place-items:center;height:76px;border-radius:22px;font-size:38px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hair)}
.fun-hand:active{transform:scale(.94)}.fun-hand:focus-visible{outline:2px solid var(--goldt);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.fun-bottle__b{transition:none}.fun-rps.shake span{animation:none}}
/* update bar: breathing room, never cramped (bigger phone text sizes) */
.updtoast{gap:6px;padding:6px 8px 6px 14px}
.updtoast__go{gap:12px;padding:0}
.updtoast__go svg{flex:none;width:20px;height:20px;margin:0}
.updtoast__go span{line-height:1.2;padding-right:2px}
.updtoast__go b{flex:none;margin-left:6px;padding:8px 16px;line-height:1}
.updtoast__x{flex:none;margin-left:2px}
.updtoast__go{gap:14px}.updtoast__go svg{width:18px;height:18px;margin-right:2px}
.updtoast__go svg{animation:none;display:block;align-self:center}
.updtoast .updtoast__go{display:flex;align-items:center}.updtoast .updtoast__x{display:grid}
.updtoast .updtoast__go svg{margin-right:8px}

/* AirChat: truth or dare */
.bx-tod{align-self:center;display:flex;align-items:center;gap:10px;margin:10px 0 4px;padding:8px 8px 8px 12px;max-width:92%;border-radius:18px;background:var(--fill);color:var(--ink);font-size:13.5px;line-height:1.35}
.bx-tod.in{animation:bxin .3s ease-out}.bx-tod i{font-style:normal;font-size:20px}
.bx-tod button{all:unset;cursor:pointer;flex:none;padding:7px 12px;border-radius:99px;background:var(--fillgrad);color:var(--ongold,#fff);font:600 12.5px "Space Grotesk",sans-serif}
.bx-tod button[hidden]{display:none}
.tod{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;background:var(--bg);animation:up .3s cubic-bezier(.2,.8,.2,1)}
.tod-bar{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;padding:calc(env(safe-area-inset-top) + 6px) 8px 6px;border-bottom:1px solid var(--hair)}
.tod-bar b{text-align:center;font-size:17px}.tod-x{all:unset;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;color:var(--goldt)}
.tod-x svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2}
.tod-stage{position:relative;flex:none;width:min(320px,86vw);aspect-ratio:1;margin:18px auto 0}
.tod-ring{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px var(--hair);background:radial-gradient(circle,var(--surface),transparent 70%)}
.tod-p{position:absolute;left:50%;top:50%;width:54px;margin:-27px 0 0 -27px;display:flex;flex-direction:column;align-items:center;gap:2px}
.tod-p small{max-width:62px;font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tod-av{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-weight:700;color:#fff}
.tod-p.hit .tod-av{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--goldt)}.tod-p.hit small{color:var(--goldt);font-weight:700}
.tod-bottle{position:absolute;left:50%;top:50%;width:46px;height:154px;margin:-77px 0 0 -23px;filter:drop-shadow(0 10px 10px rgba(0,0,0,.35))}
.tod-bottle svg{width:100%;height:100%;display:block}
.tod-say{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 24px;text-align:center;font-size:15px;color:var(--dim);overflow:auto}
.tod-say b{font-size:19px;line-height:1.3;color:var(--ink);letter-spacing:-.01em}.tod-say small{font-size:13px;color:var(--goldt)}
.tod-row{display:flex;gap:10px;padding:8px 16px calc(16px + env(safe-area-inset-bottom))}
.tod-b{all:unset;box-sizing:border-box;flex:1;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:25px;background:var(--fillgrad);color:var(--ongold,#fff);font:600 16px "Space Grotesk",sans-serif}
.tod-b--g{background:var(--fill);color:var(--ink)}.tod-b:disabled{opacity:.4;cursor:default}.tod-b:active{opacity:.7}
@media(max-height:640px){.tod-stage{width:min(240px,60vw)}.tod-bottle{transform:scale(.75)}}

/* truth or dare intensity */
.fun-lv{display:flex;gap:8px;justify-content:center}
.fun-lvb{all:unset;box-sizing:border-box;cursor:pointer;flex:1;max-width:58px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--fill);color:var(--dim);font:700 16px "Space Grotesk",sans-serif;transition:background .2s,color .2s}
.fun-lvb[aria-checked=true]{background:var(--fillgrad);color:var(--ongold,#fff)}
.fun-lvb:nth-child(5){box-shadow:inset 0 0 0 1px rgba(255,90,120,.5)}
.fun-lvb:focus-visible{outline:2px solid var(--goldt);outline-offset:2px}
.fun-lvnote{text-align:center;margin:-4px 0 0}
.tod-lv{padding:4px 16px 0}.tod-lvn{display:block;text-align:center;padding:6px 16px 0;font-size:12.5px;color:var(--goldt)}
html.bx-open .updtoast{display:none}

.bx-av,.bx-mav,.tod-av{overflow:hidden}.bx-av img,.bx-mav img,.tod-av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}

/* ---- cards v4: Map, Website and Print redesigned ---- */
.card.f-sage{--cink:#16260f;--cdim:rgba(22,38,15,.62);--art:transparent;background:linear-gradient(160deg,#eef3e6,#dfe9d4)}
.card.f-sage:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20220%22%20preserveAspectRatio%3D%22xMaxYMax%20slice%22%3E%3Cpath%20d%3D%22M150%20232C210%20170%20250%20150%20290%20100S350%2040%20380%2020%22%20fill%3D%22none%22%20stroke%3D%22%23a9d1ee%22%20stroke-width%3D%2230%22%20stroke-linecap%3D%22round%22%2F%3E%3Crect%20x%3D%22238%22%20y%3D%22118%22%20width%3D%2286%22%20height%3D%2258%22%20rx%3D%2214%22%20fill%3D%22%23bcdcab%22%2F%3E%3Ccircle%20cx%3D%22262%22%20cy%3D%22140%22%20r%3D%227%22%20fill%3D%22%239bc78a%22%2F%3E%3Ccircle%20cx%3D%22282%22%20cy%3D%22152%22%20r%3D%229%22%20fill%3D%22%239bc78a%22%2F%3E%3Ccircle%20cx%3D%22304%22%20cy%3D%22136%22%20r%3D%226%22%20fill%3D%22%239bc78a%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%229%22%20stroke-linecap%3D%22round%22%20stroke-opacity%3D%22.95%22%3E%3Cpath%20d%3D%22M170%2036H370%22%2F%3E%3Cpath%20d%3D%22M170%20100H370%22%2F%3E%3Cpath%20d%3D%22M200%208V230%22%2F%3E%3Cpath%20d%3D%22M262%208V90%22%2F%3E%3Cpath%20d%3D%22M336%208V230%22%2F%3E%3Cpath%20d%3D%22M170%20196H370%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M176%20214L372%2014%22%20fill%3D%22none%22%20stroke%3D%22%23f6cf55%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M214%20178C244%20150%20262%20126%20282%2096S312%2054%20322%2046%22%20fill%3D%22none%22%20stroke%3D%22%232f6df0%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%20stroke-dasharray%3D%221%2011%22%2F%3E%3Ccircle%20cx%3D%22214%22%20cy%3D%22178%22%20r%3D%2220%22%20fill%3D%22%232f6df0%22%20fill-opacity%3D%22.18%22%2F%3E%3Ccircle%20cx%3D%22214%22%20cy%3D%22178%22%20r%3D%228%22%20fill%3D%22%232f6df0%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3Cellipse%20cx%3D%22324%22%20cy%3D%2262%22%20rx%3D%2212%22%20ry%3D%224%22%20fill%3D%22%23000%22%20fill-opacity%3D%22.18%22%2F%3E%3Cpath%20d%3D%22M324%2058c-9-10-15-17-15-25a15%2015%200%200%201%2030%200c0%208-6%2015-15%2025z%22%20fill%3D%22%23e5322d%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%22324%22%20cy%3D%2233%22%20r%3D%225.5%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") right bottom/auto 100% no-repeat}
.card.f-bronze{--cink:#ffffff;--cdim:rgba(255,255,255,.74);--art:transparent;background:radial-gradient(90% 90% at 100% 0%,rgba(255,120,220,.55),transparent 60%),linear-gradient(135deg,#3d27c9,#6b3df0 55%,#9a52ff)}
.card.f-bronze:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20220%22%20preserveAspectRatio%3D%22xMaxYMax%20slice%22%3E%3Cg%20transform%3D%22rotate%28-7%20280%2080%29%22%3E%3Crect%20x%3D%22196%22%20y%3D%2212%22%20width%3D%22150%22%20height%3D%22112%22%20rx%3D%2212%22%20fill%3D%22%23fff%22%20fill-opacity%3D%22.97%22%2F%3E%3Cpath%20d%3D%22M196%2024a12%2012%200%200%201%2012-12h126a12%2012%200%200%201%2012%2012v12H196z%22%20fill%3D%22%23e9e4ff%22%2F%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%2224%22%20r%3D%223.4%22%20fill%3D%22%23ff6a5e%22%2F%3E%3Ccircle%20cx%3D%22222%22%20cy%3D%2224%22%20r%3D%223.4%22%20fill%3D%22%23ffc533%22%2F%3E%3Ccircle%20cx%3D%22234%22%20cy%3D%2224%22%20r%3D%223.4%22%20fill%3D%22%2335c871%22%2F%3E%3Crect%20x%3D%22248%22%20y%3D%2219%22%20width%3D%2284%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20x%3D%22208%22%20y%3D%2246%22%20width%3D%22126%22%20height%3D%2240%22%20rx%3D%228%22%20fill%3D%22%236b3df0%22%2F%3E%3Crect%20x%3D%22218%22%20y%3D%2256%22%20width%3D%2262%22%20height%3D%227%22%20rx%3D%223.5%22%20fill%3D%22%23fff%22%20fill-opacity%3D%22.9%22%2F%3E%3Crect%20x%3D%22218%22%20y%3D%2269%22%20width%3D%2240%22%20height%3D%226%22%20rx%3D%223%22%20fill%3D%22%23fff%22%20fill-opacity%3D%22.55%22%2F%3E%3Crect%20x%3D%22208%22%20y%3D%2294%22%20width%3D%2238%22%20height%3D%2222%22%20rx%3D%226%22%20fill%3D%22%23ece7ff%22%2F%3E%3Crect%20x%3D%22252%22%20y%3D%2294%22%20width%3D%2238%22%20height%3D%2222%22%20rx%3D%226%22%20fill%3D%22%23ece7ff%22%2F%3E%3Crect%20x%3D%22296%22%20y%3D%2294%22%20width%3D%2238%22%20height%3D%2222%22%20rx%3D%226%22%20fill%3D%22%23ece7ff%22%2F%3E%3C%2Fg%3E%3Crect%20x%3D%22262%22%20y%3D%22130%22%20width%3D%2264%22%20height%3D%2226%22%20rx%3D%2213%22%20fill%3D%22%23ffd23f%22%2F%3E%3Crect%20x%3D%22274%22%20y%3D%22140%22%20width%3D%2240%22%20height%3D%226%22%20rx%3D%223%22%20fill%3D%22%233a2700%22%20fill-opacity%3D%22.75%22%2F%3E%3Cpath%20d%3D%22M300%2098l0%2034%209-8%206%2013%206-3-6-13%2012%200z%22%20fill%3D%22%2317102f%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M180%2030l3%208%208%203-8%203-3%208-3-8-8-3%208-3z%22%20fill-opacity%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M356%20150l2%206%206%202-6%202-2%206-2-6-6-2%206-2z%22%20fill-opacity%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%22120%22%20r%3D%223%22%20fill-opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right bottom/auto 100% no-repeat}
.card.f-bronze:not(.f-vcard)::after{background:radial-gradient(120% 70% at 0% 0%,rgba(255,255,255,.22),transparent 55%)}
.card.f-cmyk{--cink:#14161c;--cdim:rgba(20,22,28,.62);--pat:transparent;--art:transparent;background:radial-gradient(circle,rgba(20,22,28,.07) 1px,transparent 1.5px) 0 0/10px 10px,linear-gradient(160deg,#f7f3ea,#ebe5d6);background-blend-mode:normal;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 0 0 1px rgba(255,255,255,.2),0 -12px 26px -14px rgba(0,0,0,.45)}
.card.f-cmyk:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20220%22%20preserveAspectRatio%3D%22xMaxYMax%20slice%22%3E%3Cg%20transform%3D%22rotate%28-48%20292%20176%29%22%3E%3Crect%20x%3D%22271%22%20y%3D%2220%22%20width%3D%2242%22%20height%3D%22170%22%20rx%3D%229%22%20fill%3D%22%2314161c%22%2F%3E%3Crect%20x%3D%22271%22%20y%3D%2220%22%20width%3D%2242%22%20height%3D%22170%22%20rx%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.12%22%2F%3E%3Crect%20x%3D%22271%22%20y%3D%22150%22%20width%3D%2242%22%20height%3D%2240%22%20rx%3D%220%22%20fill%3D%22%23fff%22%20fill-opacity%3D%22.92%22%2F%3E%3Crect%20x%3D%22278%22%20y%3D%22160%22%20width%3D%2226%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%2314161c%22%20fill-opacity%3D%22.5%22%2F%3E%3Crect%20x%3D%22278%22%20y%3D%22169%22%20width%3D%2216%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%2314161c%22%20fill-opacity%3D%22.3%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28-24%20292%20176%29%22%3E%3Crect%20x%3D%22271%22%20y%3D%2220%22%20width%3D%2242%22%20height%3D%22170%22%20rx%3D%229%22%20fill%3D%22%23ffe11a%22%2F%3E%3Crect%20x%3D%22271%22%20y%3D%2220%22%20width%3D%2242%22%20height%3D%22170%22%20rx%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.12%22%2F%3E%3Crect%20x%3D%22271%22%20y%3D%22150%22%20width%3D%2242%22%20height%3D%2240%22%20rx%3D%220%22%20fill%3D%22%23fff%22%20fill-opacity%3D%22.92%22%2F%3E%3Crect%20x%3D%22278%22%20y%3D%22160%22%20width%3D%2226%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%2314161c%22%20fill-opacity%3D%22.5%22%2F%3E%3Crect%20x%3D%22278%22%20y%3D%22169%22%20width%3D%2216%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%2314161c%22%20fill-opacity%3D%22.3%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%280%20292%20176%29%22%3E%3Crect%20x%3D%22271%22%20y%3D%2220%22%20width%3D%2242%22%20height%3D%22170%22%20rx%3D%229%22%20fill%3D%22%23f0189b%22%2F%3E%3Crect%20x%3D%22271%22%20y%3D%2220%22%20width%3D%2242%22%20height%3D%22170%22%20rx%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.12%22%2F%3E%3Crect%20x%3D%22271%22%20y%3D%22150%22%20width%3D%2242%22%20height%3D%2240%22%20rx%3D%220%22%20fill%3D%22%23fff%22%20fill-opacity%3D%22.92%22%2F%3E%3Crect%20x%3D%22278%22%20y%3D%22160%22%20width%3D%2226%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%2314161c%22%20fill-opacity%3D%22.5%22%2F%3E%3Crect%20x%3D%22278%22%20y%3D%22169%22%20width%3D%2216%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%2314161c%22%20fill-opacity%3D%22.3%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%2824%20292%20176%29%22%3E%3Crect%20x%3D%22271%22%20y%3D%2220%22%20width%3D%2242%22%20height%3D%22170%22%20rx%3D%229%22%20fill%3D%22%2300b7f1%22%2F%3E%3Crect%20x%3D%22271%22%20y%3D%2220%22%20width%3D%2242%22%20height%3D%22170%22%20rx%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.12%22%2F%3E%3Crect%20x%3D%22271%22%20y%3D%22150%22%20width%3D%2242%22%20height%3D%2240%22%20rx%3D%220%22%20fill%3D%22%23fff%22%20fill-opacity%3D%22.92%22%2F%3E%3Crect%20x%3D%22278%22%20y%3D%22160%22%20width%3D%2226%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%2314161c%22%20fill-opacity%3D%22.5%22%2F%3E%3Crect%20x%3D%22278%22%20y%3D%22169%22%20width%3D%2216%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%2314161c%22%20fill-opacity%3D%22.3%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22292%22%20cy%3D%22176%22%20r%3D%229%22%20fill%3D%22%23f4efe4%22%20stroke%3D%22%2314161c%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E") right bottom/auto 100% no-repeat}
.card.f-cmyk:not(.f-vcard)::after{background:
  linear-gradient(#14161c,#14161c) 10px 10px/12px 1.5px no-repeat,linear-gradient(#14161c,#14161c) 10px 10px/1.5px 12px no-repeat,
  linear-gradient(#14161c,#14161c) calc(100% - 10px) calc(100% - 10px)/12px 1.5px no-repeat,linear-gradient(#14161c,#14161c) calc(100% - 10px) calc(100% - 10px)/1.5px 12px no-repeat,
  radial-gradient(90% 70% at 0% 0%,rgba(255,255,255,.5),transparent 55%)}
.card.f-cmyk .card__st{background:color-mix(in srgb,var(--cink) 9%,transparent)}
.card.f-cmyk .card__tile .mask{background:var(--cink)}

/* ---- cards v5: calmer Website card, cute printer for CraftikPrint ---- */
.card.f-bronze{--cink:#ffffff;--cdim:rgba(255,255,255,.7);--art:transparent;background:radial-gradient(80% 90% at 90% 0%,rgba(110,80,255,.55),transparent 60%),radial-gradient(70% 70% at 0% 100%,rgba(0,190,200,.28),transparent 60%),linear-gradient(160deg,#17113a,#0b0820 70%,#07051a)}
.card.f-bronze:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20220%22%20preserveAspectRatio%3D%22xMaxYMax%20slice%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22g%22%20cx%3D%22.35%22%20cy%3D%22.3%22%20r%3D%22.8%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23d9c8ff%22%20stop-opacity%3D%22.95%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%238f6cff%22%20stop-opacity%3D%22.55%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232a1a6e%22%20stop-opacity%3D%22.15%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22h%22%20cx%3D%22.5%22%20cy%3D%22.5%22%20r%3D%22.5%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237c5cff%22%20stop-opacity%3D%22.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237c5cff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%22276%22%20cy%3D%2278%22%20r%3D%22120%22%20fill%3D%22url%28%23h%29%22%2F%3E%3Ccircle%20cx%3D%22276%22%20cy%3D%2278%22%20r%3D%2262%22%20fill%3D%22url%28%23g%29%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.38%22%20stroke-width%3D%221.4%22%3E%3Ccircle%20cx%3D%22276%22%20cy%3D%2278%22%20r%3D%2262%22%2F%3E%3Cellipse%20cx%3D%22276%22%20cy%3D%2278%22%20rx%3D%2262%22%20ry%3D%2222%22%2F%3E%3Cellipse%20cx%3D%22276%22%20cy%3D%2278%22%20rx%3D%2262%22%20ry%3D%2240%22%2F%3E%3Cellipse%20cx%3D%22276%22%20cy%3D%2278%22%20rx%3D%2224%22%20ry%3D%2262%22%2F%3E%3Cellipse%20cx%3D%22276%22%20cy%3D%2278%22%20rx%3D%2244%22%20ry%3D%2262%22%2F%3E%3Cpath%20d%3D%22M214%2078H338%22%2F%3E%3Cpath%20d%3D%22M276%2016V140%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%22276%22%20cy%3D%2278%22%20rx%3D%22104%22%20ry%3D%2230%22%20transform%3D%22rotate%28-24%20276%2078%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffd98a%22%20stroke-opacity%3D%22.75%22%20stroke-width%3D%221.6%22%20stroke-dasharray%3D%222%207%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%22344%22%20cy%3D%2244%22%20r%3D%226%22%20fill%3D%22%23ffd98a%22%2F%3E%3Ccircle%20cx%3D%22344%22%20cy%3D%2244%22%20r%3D%2212%22%20fill%3D%22%23ffd98a%22%20fill-opacity%3D%22.25%22%2F%3E%3Ccircle%20cx%3D%22214%22%20cy%3D%22112%22%20r%3D%223%22%20fill%3D%22%23fff%22%20fill-opacity%3D%22.8%22%2F%3E%3Ccircle%20cx%3D%22340%22%20cy%3D%22150%22%20r%3D%222.4%22%20fill%3D%22%23fff%22%20fill-opacity%3D%22.6%22%2F%3E%3Ccircle%20cx%3D%22196%22%20cy%3D%2230%22%20r%3D%222%22%20fill%3D%22%23fff%22%20fill-opacity%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22318%22%20cy%3D%2214%22%20r%3D%221.8%22%20fill%3D%22%23fff%22%20fill-opacity%3D%22.6%22%2F%3E%3C%2Fsvg%3E") right bottom/auto 100% no-repeat}
.card.f-bronze:not(.f-vcard)::after{background:radial-gradient(120% 70% at 0% 0%,rgba(255,255,255,.12),transparent 55%)}

/* room code in the theme gradient (like SyncPlay); the game page keeps the room timer in view */
.bx-code b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.tod-clock{justify-self:end;margin-right:6px;min-width:52px;padding:7px 12px;border-radius:99px;background:var(--fill);color:var(--ink);font:700 14px "Space Grotesk",sans-serif;font-variant-numeric:tabular-nums;text-align:center;box-shadow:inset 0 0 0 1px var(--hair)}
.tod-clock::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--goldt);vertical-align:1px}
.tod-clock.low{color:#ff6a5e}.tod-clock.low::before{background:#ff6a5e}

/* ---- cards v6: CraftikPrint as a cute sticker sheet ---- */
.card.f-cmyk{--cink:#3a2150;--cdim:rgba(58,33,80,.62);--art:transparent;background:radial-gradient(70% 90% at 100% 0%,rgba(255,210,230,.9),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(190,225,255,.7),transparent 60%),linear-gradient(150deg,#fde7f3,#ecdfff 60%,#dce9ff);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(255,255,255,.35),0 -12px 26px -14px rgba(60,30,90,.4)}
.card.f-cmyk:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20220%22%20preserveAspectRatio%3D%22xMaxYMax%20slice%22%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%2258%22%20r%3D%2243%22%20fill%3D%22none%22%20stroke%3D%22%23b690dc%22%20stroke-width%3D%221.6%22%20stroke-dasharray%3D%223%206%22%20stroke-linecap%3D%22round%22%2F%3E%3Cg%20transform%3D%22rotate%288%20300%2058%29%22%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%2258%22%20r%3D%2233%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%2258%22%20r%3D%2228%22%20fill%3D%22%23ffd23f%22%2F%3E%3Ccircle%20cx%3D%22290%22%20cy%3D%2253%22%20r%3D%223.4%22%20fill%3D%22%233a2150%22%2F%3E%3Ccircle%20cx%3D%22310%22%20cy%3D%2253%22%20r%3D%223.4%22%20fill%3D%22%233a2150%22%2F%3E%3Ccircle%20cx%3D%22291%22%20cy%3D%2252%22%20r%3D%221%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22311%22%20cy%3D%2252%22%20r%3D%221%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M291%2064q9%209%2018%200%22%20fill%3D%22none%22%20stroke%3D%22%233a2150%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Cellipse%20cx%3D%22282%22%20cy%3D%2262%22%20rx%3D%225%22%20ry%3D%223%22%20fill%3D%22%23ff8fb8%22%20fill-opacity%3D%22.85%22%2F%3E%3Cellipse%20cx%3D%22318%22%20cy%3D%2262%22%20rx%3D%225%22%20ry%3D%223%22%20fill%3D%22%23ff8fb8%22%20fill-opacity%3D%22.85%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28-12%20232%20100%29%22%3E%3Cpath%20d%3D%22M232%20124c-22-14-30-26-30-38a15%2015%200%200%201%2030-6%2015%2015%200%200%201%2030%206c0%2012-8%2024-30%2038z%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2210%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M232%20124c-22-14-30-26-30-38a15%2015%200%200%201%2030-6%2015%2015%200%200%201%2030%206c0%2012-8%2024-30%2038z%22%20fill%3D%22%23ff6fa5%22%2F%3E%3Cpath%20d%3D%22M214%2088c1-6%206-9%2011-8%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.7%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%22224%22%20cy%3D%2298%22%20r%3D%222.6%22%20fill%3D%22%233a2150%22%2F%3E%3Ccircle%20cx%3D%22240%22%20cy%3D%2298%22%20r%3D%222.6%22%20fill%3D%22%233a2150%22%2F%3E%3Cpath%20d%3D%22M226%20105q6%206%2012%200%22%20fill%3D%22none%22%20stroke%3D%22%233a2150%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%2810%20322%20150%29%22%3E%3Cpolygon%20points%3D%22322.0%2C116.0%20331.4%2C137.1%20354.3%2C139.5%20337.2%2C154.9%20342.0%2C177.5%20322.0%2C166.0%20302.0%2C177.5%20306.8%2C154.9%20289.7%2C139.5%20312.6%2C137.1%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2210%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpolygon%20points%3D%22322.0%2C116.0%20331.4%2C137.1%20354.3%2C139.5%20337.2%2C154.9%20342.0%2C177.5%20322.0%2C166.0%20302.0%2C177.5%20306.8%2C154.9%20289.7%2C139.5%20312.6%2C137.1%22%20fill%3D%22%237fd3f7%22%20stroke%3D%22%237fd3f7%22%20stroke-width%3D%225%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%22314%22%20cy%3D%22150%22%20r%3D%222.6%22%20fill%3D%22%233a2150%22%2F%3E%3Ccircle%20cx%3D%22330%22%20cy%3D%22150%22%20r%3D%222.6%22%20fill%3D%22%233a2150%22%2F%3E%3Cpath%20d%3D%22M316%20156q6%205%2012%200%22%20fill%3D%22none%22%20stroke%3D%22%233a2150%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%2F%3E%3Cellipse%20cx%3D%22309%22%20cy%3D%22155%22%20rx%3D%223.4%22%20ry%3D%222%22%20fill%3D%22%23ff8fb8%22%2F%3E%3Cellipse%20cx%3D%22335%22%20cy%3D%22155%22%20rx%3D%223.4%22%20ry%3D%222%22%20fill%3D%22%23ff8fb8%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M196%2031l2.5200000000000005%206.4799999999999995%206.4799999999999995%202.5200000000000005-6.4799999999999995%202.5200000000000005-2.5200000000000005%206.4799999999999995-2.5200000000000005-6.4799999999999995-6.4799999999999995-2.5200000000000005%206.4799999999999995-2.5200000000000005z%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.95%22%2F%3E%3Cpath%20d%3D%22M252%2024l1.6800000000000002%204.32%204.32%201.6800000000000002-4.32%201.6800000000000002-1.6800000000000002%204.32-1.6800000000000002-4.32-4.32-1.6800000000000002%204.32-1.6800000000000002z%22%20fill%3D%22%23ff6fa5%22%20fill-opacity%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M188%20143l1.9600000000000002%205.04%205.04%201.9600000000000002-5.04%201.9600000000000002-1.9600000000000002%205.04-1.9600000000000002-5.04-5.04-1.9600000000000002%205.04-1.9600000000000002z%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M262%20160l2.8000000000000003%207.199999999999999%207.199999999999999%202.8000000000000003-7.199999999999999%202.8000000000000003-2.8000000000000003%207.199999999999999-2.8000000000000003-7.199999999999999-7.199999999999999-2.8000000000000003%207.199999999999999-2.8000000000000003z%22%20fill%3D%22%23ffd23f%22%20fill-opacity%3D%221%22%2F%3E%3Cpath%20d%3D%22M350%2094l1.6800000000000002%204.32%204.32%201.6800000000000002-4.32%201.6800000000000002-1.6800000000000002%204.32-1.6800000000000002-4.32-4.32-1.6800000000000002%204.32-1.6800000000000002z%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.95%22%2F%3E%3Cpath%20d%3D%22M214%20190l1.6800000000000002%204.32%204.32%201.6800000000000002-4.32%201.6800000000000002-1.6800000000000002%204.32-1.6800000000000002-4.32-4.32-1.6800000000000002%204.32-1.6800000000000002z%22%20fill%3D%22%237fd3f7%22%20fill-opacity%3D%221%22%2F%3E%3Ccircle%20cx%3D%22206%22%20cy%3D%22122%22%20r%3D%223%22%20fill%3D%22%237fd3f7%22%2F%3E%3Ccircle%20cx%3D%22276%22%20cy%3D%22124%22%20r%3D%222.6%22%20fill%3D%22%23ff6fa5%22%2F%3E%3Ccircle%20cx%3D%22350%22%20cy%3D%22196%22%20r%3D%223%22%20fill%3D%22%23ffd23f%22%2F%3E%3Ccircle%20cx%3D%22272%22%20cy%3D%22198%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") right bottom/auto 100% no-repeat}
.card.f-cmyk:not(.f-vcard)::after{background:radial-gradient(120% 70% at 0% 0%,rgba(255,255,255,.6),transparent 55%)}
.card.f-cmyk .card__st{background:rgba(255,255,255,.55)}
.tod-bar{grid-template-columns:84px 1fr 84px}

/* ---- cards v7: CraftikPrint, modern risograph look with one small smile ---- */
.card.f-cmyk{--cink:#2b2233;--cdim:rgba(43,34,51,.62);--art:transparent;background:radial-gradient(circle,rgba(43,34,51,.06) 1px,transparent 1.5px) 0 0/9px 9px,linear-gradient(160deg,#f8f3ea,#efe7d8);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 0 0 1px rgba(255,255,255,.3),0 -12px 26px -14px rgba(40,25,50,.4)}
.card.f-cmyk:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20220%22%20preserveAspectRatio%3D%22xMaxYMax%20slice%22%3E%3Cdefs%3E%3Cpattern%20id%3D%22d%22%20width%3D%227%22%20height%3D%227%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Ccircle%20cx%3D%222%22%20cy%3D%222%22%20r%3D%221.1%22%20fill%3D%22%232b2233%22%20fill-opacity%3D%22.32%22%2F%3E%3C%2Fpattern%3E%3ClinearGradient%20id%3D%22f%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ff9ab8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff6f9c%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20x%3D%22206%22%20y%3D%2262%22%20width%3D%22104%22%20height%3D%22104%22%20rx%3D%2226%22%20fill%3D%22%236ea8ff%22%20fill-opacity%3D%22.92%22%20transform%3D%22rotate%2810%20258%20114%29%22%2F%3E%3Ccircle%20cx%3D%22290%22%20cy%3D%2274%22%20r%3D%2250%22%20fill%3D%22url%28%23f%29%22%20fill-opacity%3D%22.92%22%2F%3E%3Cpath%20d%3D%22M228%20176a58%2058%200%200%201%20116%200z%22%20fill%3D%22%23ffd54a%22%20fill-opacity%3D%22.92%22%20transform%3D%22translate%286%2040%29%22%2F%3E%3Ccircle%20cx%3D%22290%22%20cy%3D%2274%22%20r%3D%2250%22%20fill%3D%22url%28%23d%29%22%2F%3E%3Cpath%20d%3D%22M270%2070h.01M310%2070h.01%22%20stroke%3D%22%232b2233%22%20stroke-width%3D%225.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M277%2086q13%2011%2026%200%22%20fill%3D%22none%22%20stroke%3D%22%232b2233%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%232b2233%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.4%22%3E%3Ccircle%20cx%3D%22198%22%20cy%3D%2240%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M198%2028v24M186%2040h24%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22340%22%20cy%3D%2230%22%20r%3D%223%22%20fill%3D%22%232b2233%22%20fill-opacity%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22214%22%20cy%3D%22190%22%20r%3D%223%22%20fill%3D%22%23ff6f9c%22%2F%3E%3Ccircle%20cx%3D%22352%22%20cy%3D%22190%22%20r%3D%223%22%20fill%3D%22%236ea8ff%22%2F%3E%3C%2Fsvg%3E") right bottom/auto 100% no-repeat}
.card.f-cmyk:not(.f-vcard)::after{background:radial-gradient(120% 70% at 0% 0%,rgba(255,255,255,.55),transparent 55%)}
.card.f-cmyk .card__st{background:rgba(43,34,51,.07)}


/* shared V card: the card stays card-sized, the rest sits underneath */
.vcardx .vsite{margin-top:auto;font-size:12px;letter-spacing:.08em;color:rgba(245,240,232,.55);text-transform:lowercase}
.vsoc{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:10px;margin-top:16px}
.vsoc__b{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 6px 11px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hair);color:var(--ink);text-decoration:none;font-size:12px;font-weight:600;transition:transform .15s}
.vsoc__b:active{transform:scale(.95)}.vsoc__b svg{width:24px;height:24px;fill:none;stroke:var(--goldt);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vinfo{margin-top:14px;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hair);padding:4px 16px}
.vrow{display:grid;grid-template-columns:20px 62px 1fr;align-items:start;gap:10px;padding:12px 0;border-top:1px solid var(--hair);font-size:14.5px}
.vrow:first-child{border-top:0}.vrow svg{width:18px;height:18px;margin-top:1px;fill:none;stroke:var(--goldt);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vrow small{font-size:12px;color:var(--faint);padding-top:2px}.vrow a,.vrow span{color:var(--ink);text-decoration:none;overflow-wrap:anywhere;min-width:0;line-height:1.4}
.vdet a{color:inherit;text-decoration:none;border-bottom:1px solid var(--hair)}

.vsoc{grid-template-columns:repeat(auto-fit,minmax(58px,1fr))}.vsoc__b{padding:13px 2px 10px;font-size:11.5px}
.vcardx .vc__name{white-space:normal;overflow:visible;text-overflow:clip;display:block;max-width:none;-webkit-line-clamp:unset}

/* apps carry their own back button inside their header: no Eco bar, no floating bubble */
.viewer__bar{display:none!important}
.viewer__bub{display:none!important}
/* desktop Map tab: edge to edge, not boxed in the middle column */
@media (min-width:700px){#s-map:not([hidden]){position:fixed;left:0;top:0;width:100%;height:100dvh;z-index:1}}
/* v8: Website card uses the Craftik mark (outline + fill blend); Map card = night map with a radar pin */
.card.f-bronze{--cink:#fff6ec;--cdim:rgba(255,236,214,.72);--art:transparent;background:radial-gradient(80% 90% at 90% 10%,rgba(240,80,26,.38),transparent 62%),linear-gradient(160deg,#2a1a11,#120a05 75%)}
.card.f-bronze:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20220%22%20preserveAspectRatio%3D%22xMaxYMax%20slice%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22o%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffb25e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f0501a%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%28176%206%29%20scale%285.1%29%22%3E%3Cpath%20d%3D%22M28.876%2010.706L30.08%2010.222L29.286%209.039C28.845%209.609%2028.764%209.977%2028.876%2010.706Z%20M7.886%201.162L7.874%201.462C8.051%201.388%208.107%201.334%208.183%201.158L7.886%201.162Z%20M7.696%207.688L14.39%201.098L8.406%201.157C8.318%201.404%208.12%201.6%207.87%201.685L7.696%207.688Z%20M8.183%201.158C8.107%201.334%208.051%201.388%207.874%201.462L7.87%201.685C8.12%201.6%208.318%201.404%208.406%201.157L8.183%201.158Z%20M7.59%201.519V1.732C7.688%201.732%207.782%201.716%207.87%201.685L7.874%201.462C7.787%201.499%207.691%201.519%207.59%201.519Z%20M7.59%200.213C7.998%200.213%208.243%200.458%208.243%200.866C8.243%200.97%208.221%201.068%208.183%201.158L8.406%201.157C8.438%201.066%208.456%200.968%208.456%200.866C8.456%200.388%208.068%200%207.59%200C7.112%200%206.724%200.388%206.724%200.866C6.724%201.344%207.112%201.732%207.59%201.732V1.519C7.182%201.519%206.937%201.274%206.937%200.866C6.937%200.458%207.182%200.213%207.59%200.213Z%20M1.991%2012.775C0.314%2013.348%200.038%2014.336%200%2016.789C0.543%2013.962%203.411%2014.274%202.447%2016.904C2.099%2017.852%201.628%2018.769%201.478%2019.768C1.121%2022.144%201.258%2022.578%201.585%2024.136C1.712%2024.584%201.892%2025.022%202.156%2025.405C2.191%2025.457%202.227%2025.507%202.263%2025.556C2.265%2025.533%202.277%2025.478%202.293%2025.421L2.294%2025.417C2.313%2025.346%202.332%2025.28%202.339%2025.22C2.347%2025.163%202.35%2025.102%202.351%2024.885C2.351%2024.794%202.335%2024.733%202.326%2024.674C2.316%2024.612%202.304%2024.551%202.291%2024.482C2.28%2024.424%202.278%2024.384%202.278%2024.36C2.278%2024.348%202.292%2024.341%202.304%2024.336C2.388%2024.299%202.527%2024.331%202.598%2024.354C2.657%2024.374%202.705%2024.422%202.768%2024.461C2.793%2024.477%202.818%2024.487%202.845%2024.488C2.874%2024.489%202.894%2024.459%202.907%2024.435C2.934%2024.386%202.936%2024.32%202.939%2024.204L2.939%2024.195C2.944%2024.018%202.963%2023.775%202.999%2023.766C3.061%2023.751%203.127%2023.771%203.183%2023.792C3.244%2023.815%203.293%2023.852%203.336%2023.886L3.342%2023.89C3.363%2023.907%203.391%2023.914%203.416%2023.916C3.466%2023.92%203.486%2023.842%203.514%2023.786C3.544%2023.729%203.552%2023.66%203.562%2023.595C3.578%2023.488%203.56%2023.34%203.549%2023.283C3.543%2023.254%203.536%2023.226%203.538%2023.2C3.539%2023.176%203.575%2023.165%203.602%2023.153C3.673%2023.123%203.766%2023.216%203.817%2023.265C3.871%2023.317%203.912%2023.348%203.953%2023.381C3.963%2023.389%203.973%2023.397%203.985%2023.4C3.997%2023.403%204.011%2023.401%204.023%2023.396C4.035%2023.391%204.045%2023.383%204.052%2023.371C4.082%2023.318%204.075%2023.251%204.085%2023.181C4.097%2023.095%204.083%2022.965%204.076%2022.867C4.071%2022.794%204.054%2022.737%204.049%2022.677C4.044%2022.617%204.04%2022.562%204.05%2022.522C4.055%2022.505%204.082%2022.507%204.1%2022.509C4.16%2022.518%204.196%2022.564%204.238%2022.612C4.279%2022.659%204.302%2022.71%204.335%2022.756C4.353%2022.782%204.376%2022.811%204.401%2022.83C4.412%2022.839%204.426%2022.833%204.434%2022.824C4.542%2022.695%204.442%2022.361%204.435%2022.274C4.419%2022.089%204.456%2022.033%204.481%2021.984C4.494%2021.959%204.523%2021.946%204.556%2021.936C4.63%2021.915%204.685%2021.982%204.733%2022.023C4.783%2022.064%204.837%2022.112%204.88%2022.14C4.89%2022.146%204.905%2022.139%204.914%2022.132C4.954%2022.099%204.952%2022.029%204.973%2021.971C5.027%2021.823%204.987%2021.557%204.987%2021.469C4.988%2021.402%205.039%2021.353%205.081%2021.317C5.101%2021.299%205.134%2021.308%205.159%2021.314C5.209%2021.328%205.249%2021.388%205.291%2021.433C5.331%2021.476%205.376%2021.518%205.419%2021.556C5.43%2021.566%205.442%2021.572%205.454%2021.572C5.466%2021.572%205.477%2021.565%205.486%2021.553C5.529%2021.502%205.522%2021.432%205.525%2021.359C5.528%2021.287%205.526%2021.205%205.526%2021.067C5.526%2021.021%205.543%2020.996%205.558%2020.974C5.572%2020.951%205.592%2020.935%205.622%2020.927C5.657%2020.918%205.692%2020.933%205.719%2020.954C5.775%2020.997%205.798%2021.049%205.838%2021.091C5.875%2021.13%205.915%2021.167%205.967%2021.178C5.979%2021.181%205.988%2021.167%205.994%2021.154C6.032%2021.078%206.013%2020.958%206.016%2020.692C6.017%2020.587%206.034%2020.547%206.052%2020.528C6.071%2020.508%206.105%2020.516%206.132%2020.526C6.194%2020.549%206.233%2020.63%206.269%2020.683C6.299%2020.727%206.348%2020.755%206.408%2020.776C6.457%2020.793%206.501%2020.769%206.52%2020.748C6.556%2020.706%206.575%2020.649%206.596%2020.587L6.613%2020.528C5.931%2018.234%207.71%2014.61%204.262%2012.905C3.56%2012.558%202.733%2012.522%201.991%2012.775Z%20M4.132%2024.535C4.133%2024.537%204.135%2024.538%204.136%2024.54C4.135%2024.538%204.133%2024.537%204.132%2024.535ZM4.687%2023.895L4.687%2023.895L4.688%2023.896C4.69%2023.898%204.692%2023.9%204.694%2023.902C4.692%2023.9%204.689%2023.897%204.687%2023.895ZM5.828%2022.787C5.833%2022.791%205.838%2022.796%205.843%2022.801C5.846%2022.804%205.85%2022.808%205.853%2022.811C5.845%2022.803%205.837%2022.795%205.828%2022.787ZM5.302%2023.301C5.305%2023.305%205.309%2023.309%205.312%2023.313L5.312%2023.313C5.309%2023.309%205.305%2023.305%205.302%2023.301Z%20M8.202%2026.754V29.188L20.366%2032.672L32.677%2027.033L35%2020.592L26.638%2018.628L20.366%2022.915L19.143%2021.029L19.079%2020.93C18.967%2020.972%2018.843%2021.012%2018.706%2021.051C18.591%2021.084%2018.486%2021.147%2018.408%2021.236L16.901%2022.955L16.799%2023.063C16.895%2023.563%2016.823%2024.239%2016.544%2024.816C15.854%2025.783%2014.866%2026.368%2014.157%2026.284L14.059%2026.404L13.621%2026.94C13.572%2027%2013.544%2027.076%2013.547%2027.154C13.559%2027.511%2013.62%2027.781%2013.669%2027.997C13.733%2028.278%2013.776%2028.466%2013.659%2028.627C13.55%2028.776%2013.333%2028.799%2013.167%2028.72C12.805%2028.547%2012.738%2028.229%2012.684%2027.971C12.6%2027.567%2012.545%2027.307%2011.444%2027.969C11.27%2028.074%2011.03%2028.013%2010.984%2027.815C10.857%2027.262%2011.215%2026.932%2012.357%2026.719C12.442%2026.703%2012.518%2026.657%2012.57%2026.588L13.24%2025.7L13.355%2025.549C13.338%2025.491%2013.324%2025.43%2013.313%2025.365L11.911%2021.799C11.305%2020.258%2011.893%2018.505%2013.306%2017.641L13.798%2017.339L15.678%2022.598C15.934%2022.368%2016.154%2022.302%2016.332%2022.353L16.442%2022.232L17.7%2020.669C17.773%2020.579%2017.759%2020.449%2017.681%2020.364C17.226%2019.87%2017.246%2019.219%2017.69%2018.789L17.634%2018.702L15.847%2015.945L14.263%2013.707L15.838%2015.542L22.088%208.366C22.832%207.356%2023.192%206.738%2023.268%205.485L23.603%201.069L16.776%201.098L8.202%208.532V22.359C8.344%2022.504%208.463%2022.667%208.54%2022.856C9.255%2024.603%208.978%2025.944%208.202%2026.754Z%20M23.956%201.098L23.632%205.56C23.554%206.625%2023.132%207.637%2022.428%208.441L16.091%2015.722L16.116%2015.755L28.597%2010.829C28.445%209.92%2028.578%209.36%2029.109%208.833L23.956%201.098ZM25.175%207.763C25.406%207.795%2025.652%207.4%2025.726%206.881C25.799%206.361%2025.671%205.913%2025.439%205.881C25.209%205.848%2024.962%206.243%2024.889%206.763C24.816%207.283%2024.944%207.73%2025.175%207.763Z%20M16.332%2022.353C16.568%2022.42%2016.729%2022.694%2016.799%2023.063L16.901%2022.955C16.844%2022.552%2016.73%2022.407%2016.442%2022.232L16.332%2022.353Z%20M19.711%2019.135C20.053%2020.106%2019.981%2020.587%2019.079%2020.93L19.143%2021.029C20.116%2020.565%2020.243%2020.129%2019.711%2019.034C18.568%2020.241%2017.993%2019.58%2018.841%2018.301C18.442%2018.234%2018.124%2018.317%2017.634%2018.702L17.69%2018.789C17.917%2018.569%2018.255%2018.407%2018.698%2018.353C17.621%2019.684%2018.782%2020.423%2019.711%2019.135Z%20M3.206%2026.381C3.145%2026.373%203.086%2026.362%203.031%2026.35L2.937%2026.325C4.686%2027.989%207.022%2027.986%208.202%2026.754C8.978%2025.944%209.255%2024.603%208.54%2022.856C8.463%2022.667%208.344%2022.504%208.202%2022.359C8.022%2022.174%207.804%2022.017%207.587%2021.873C7.367%2021.726%207.187%2021.558%207.041%2021.374C7.04%2021.378%207.039%2021.383%207.037%2021.388C7.029%2021.419%207.02%2021.45%207.014%2021.481L7.013%2021.488C7.002%2021.547%206.99%2021.613%206.951%2021.669C6.94%2021.686%206.929%2021.705%206.92%2021.724C6.898%2021.765%206.877%2021.804%206.843%2021.811C6.814%2021.816%206.784%2021.81%206.757%2021.798C6.705%2021.775%206.659%2021.735%206.614%2021.691C6.606%2021.683%206.597%2021.674%206.589%2021.665C6.551%2021.625%206.514%2021.586%206.466%2021.595C6.437%2021.6%206.406%2021.611%206.395%2021.638C6.382%2021.669%206.372%2021.703%206.372%2021.843C6.371%2022.19%206.36%2022.434%206.337%2022.429C6.313%2022.423%206.29%2022.405%206.264%2022.38C6.223%2022.341%206.195%2022.306%206.169%2022.274C6.156%2022.259%206.143%2022.243%206.129%2022.228C6.123%2022.221%206.117%2022.214%206.11%2022.206C6.052%2022.14%205.97%2022.046%205.943%2022.087C5.932%2022.105%205.923%2022.147%205.913%2022.237C5.912%2022.248%205.911%2022.261%205.908%2022.277C5.898%2022.358%205.879%2022.497%205.907%2022.591C5.912%2022.61%205.919%2022.63%205.926%2022.649C5.947%2022.712%205.969%2022.776%205.956%2022.82C5.953%2022.833%205.947%2022.847%205.935%2022.848C5.91%2022.851%205.88%2022.837%205.853%2022.811C5.845%2022.803%205.836%2022.794%205.828%2022.786L5.818%2022.777C5.785%2022.746%205.752%2022.714%205.719%2022.677C5.71%2022.667%205.701%2022.656%205.692%2022.645C5.649%2022.592%205.603%2022.538%205.546%2022.538C5.516%2022.538%205.487%2022.544%205.472%2022.567C5.437%2022.619%205.407%2022.682%205.416%2022.801C5.418%2022.828%205.418%2022.855%205.419%2022.882C5.42%2022.925%205.422%2022.97%205.428%2023.026L5.429%2023.039C5.436%2023.1%205.442%2023.157%205.453%2023.21C5.454%2023.219%205.456%2023.228%205.458%2023.236C5.469%2023.285%205.48%2023.338%205.466%2023.42C5.463%2023.442%205.453%2023.458%205.444%2023.452C5.399%2023.417%205.355%2023.364%205.312%2023.313C5.308%2023.308%205.304%2023.303%205.3%2023.298L5.298%2023.295C5.284%2023.279%205.271%2023.263%205.259%2023.247C5.228%2023.209%205.201%2023.174%205.168%2023.149C5.107%2023.102%205.051%2023.065%204.994%2023.071C4.966%2023.074%204.939%2023.086%204.92%2023.11C4.918%2023.111%204.916%2023.113%204.915%2023.116C4.898%2023.135%204.881%2023.155%204.879%2023.184C4.876%2023.223%204.882%2023.259%204.886%2023.287L4.887%2023.294C4.892%2023.326%204.899%2023.358%204.906%2023.389C4.911%2023.416%204.917%2023.442%204.921%2023.468C4.923%2023.481%204.926%2023.493%204.928%2023.506C4.937%2023.555%204.947%2023.607%204.948%2023.669C4.95%2023.714%204.953%2023.761%204.956%2023.806C4.963%2023.895%204.97%2023.981%204.958%2024.046C4.955%2024.059%204.948%2024.077%204.939%2024.076C4.919%2024.072%204.895%2024.056%204.87%2024.039C4.815%2024.002%204.763%2023.962%204.708%2023.914C4.701%2023.908%204.694%2023.902%204.687%2023.895L4.687%2023.895C4.645%2023.859%204.603%2023.822%204.539%2023.78L4.537%2023.778C4.48%2023.741%204.413%2023.696%204.304%2023.714C4.281%2023.717%204.267%2023.724%204.265%2023.745L4.265%2023.754C4.261%2023.806%204.256%2023.864%204.273%2023.915C4.281%2023.942%204.297%2023.981%204.313%2024.022C4.331%2024.066%204.35%2024.113%204.365%2024.155C4.387%2024.22%204.401%2024.28%204.409%2024.335C4.41%2024.343%204.413%2024.358%204.417%2024.377C4.44%2024.486%204.49%2024.731%204.397%2024.712C4.374%2024.708%204.349%2024.697%204.325%2024.683C4.279%2024.657%204.226%2024.621%204.17%2024.571C4.157%2024.559%204.144%2024.547%204.132%2024.535C4.084%2024.491%204.04%2024.451%204.005%2024.428C4%2024.425%203.994%2024.421%203.989%2024.418C3.946%2024.388%203.886%2024.347%203.819%2024.375C3.804%2024.381%203.794%2024.393%203.799%2024.409C3.82%2024.48%203.858%2024.541%203.894%2024.586C3.927%2024.627%203.96%2024.669%203.986%2024.716C4.013%2024.766%204.042%2024.822%204.049%2024.883C4.05%2024.895%204.052%2024.907%204.053%2024.919C4.064%2025.014%204.077%2025.118%204.085%2025.168C4.089%2025.185%204.098%2025.209%204.107%2025.232C4.126%2025.282%204.146%2025.334%204.109%2025.334C4.02%2025.336%203.964%2025.314%203.905%2025.288C3.895%2025.284%203.885%2025.28%203.876%2025.276C3.825%2025.254%203.78%2025.235%203.744%2025.202C3.74%2025.199%203.737%2025.195%203.733%2025.192C3.692%2025.155%203.65%2025.116%203.602%2025.086C3.589%2025.079%203.577%2025.07%203.565%2025.061C3.531%2025.038%203.495%2025.013%203.452%2025.004C3.389%2024.991%203.298%2024.975%203.269%2025.02C3.239%2025.066%203.228%2025.136%203.237%2025.196C3.24%2025.217%203.24%2025.269%203.24%2025.335C3.239%2025.453%203.239%2025.616%203.256%2025.735C3.258%2025.752%203.26%2025.768%203.262%2025.785C3.268%2025.84%203.275%2025.891%203.294%2025.941C3.317%2026.002%203.343%2026.066%203.375%2026.117C3.403%2026.161%203.435%2026.216%203.425%2026.285L3.424%2026.289C3.419%2026.322%203.414%2026.358%203.391%2026.364C3.334%2026.378%203.265%2026.388%203.206%2026.381Z%20M14.157%2026.284C13.784%2026.239%2013.488%2026.008%2013.355%2025.549L13.24%2025.7C13.461%2026.301%2013.684%2026.312%2014.059%2026.404L14.157%2026.284Z%22%20fill%3D%22none%22%20stroke%3D%22%23ffd9b0%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%22.28%22%20stroke-linejoin%3D%22round%22%20transform%3D%22translate%281.6%20-1.2%29%22%2F%3E%3Cpath%20d%3D%22M28.876%2010.706L30.08%2010.222L29.286%209.039C28.845%209.609%2028.764%209.977%2028.876%2010.706Z%20M7.886%201.162L7.874%201.462C8.051%201.388%208.107%201.334%208.183%201.158L7.886%201.162Z%20M7.696%207.688L14.39%201.098L8.406%201.157C8.318%201.404%208.12%201.6%207.87%201.685L7.696%207.688Z%20M8.183%201.158C8.107%201.334%208.051%201.388%207.874%201.462L7.87%201.685C8.12%201.6%208.318%201.404%208.406%201.157L8.183%201.158Z%20M7.59%201.519V1.732C7.688%201.732%207.782%201.716%207.87%201.685L7.874%201.462C7.787%201.499%207.691%201.519%207.59%201.519Z%20M7.59%200.213C7.998%200.213%208.243%200.458%208.243%200.866C8.243%200.97%208.221%201.068%208.183%201.158L8.406%201.157C8.438%201.066%208.456%200.968%208.456%200.866C8.456%200.388%208.068%200%207.59%200C7.112%200%206.724%200.388%206.724%200.866C6.724%201.344%207.112%201.732%207.59%201.732V1.519C7.182%201.519%206.937%201.274%206.937%200.866C6.937%200.458%207.182%200.213%207.59%200.213Z%20M1.991%2012.775C0.314%2013.348%200.038%2014.336%200%2016.789C0.543%2013.962%203.411%2014.274%202.447%2016.904C2.099%2017.852%201.628%2018.769%201.478%2019.768C1.121%2022.144%201.258%2022.578%201.585%2024.136C1.712%2024.584%201.892%2025.022%202.156%2025.405C2.191%2025.457%202.227%2025.507%202.263%2025.556C2.265%2025.533%202.277%2025.478%202.293%2025.421L2.294%2025.417C2.313%2025.346%202.332%2025.28%202.339%2025.22C2.347%2025.163%202.35%2025.102%202.351%2024.885C2.351%2024.794%202.335%2024.733%202.326%2024.674C2.316%2024.612%202.304%2024.551%202.291%2024.482C2.28%2024.424%202.278%2024.384%202.278%2024.36C2.278%2024.348%202.292%2024.341%202.304%2024.336C2.388%2024.299%202.527%2024.331%202.598%2024.354C2.657%2024.374%202.705%2024.422%202.768%2024.461C2.793%2024.477%202.818%2024.487%202.845%2024.488C2.874%2024.489%202.894%2024.459%202.907%2024.435C2.934%2024.386%202.936%2024.32%202.939%2024.204L2.939%2024.195C2.944%2024.018%202.963%2023.775%202.999%2023.766C3.061%2023.751%203.127%2023.771%203.183%2023.792C3.244%2023.815%203.293%2023.852%203.336%2023.886L3.342%2023.89C3.363%2023.907%203.391%2023.914%203.416%2023.916C3.466%2023.92%203.486%2023.842%203.514%2023.786C3.544%2023.729%203.552%2023.66%203.562%2023.595C3.578%2023.488%203.56%2023.34%203.549%2023.283C3.543%2023.254%203.536%2023.226%203.538%2023.2C3.539%2023.176%203.575%2023.165%203.602%2023.153C3.673%2023.123%203.766%2023.216%203.817%2023.265C3.871%2023.317%203.912%2023.348%203.953%2023.381C3.963%2023.389%203.973%2023.397%203.985%2023.4C3.997%2023.403%204.011%2023.401%204.023%2023.396C4.035%2023.391%204.045%2023.383%204.052%2023.371C4.082%2023.318%204.075%2023.251%204.085%2023.181C4.097%2023.095%204.083%2022.965%204.076%2022.867C4.071%2022.794%204.054%2022.737%204.049%2022.677C4.044%2022.617%204.04%2022.562%204.05%2022.522C4.055%2022.505%204.082%2022.507%204.1%2022.509C4.16%2022.518%204.196%2022.564%204.238%2022.612C4.279%2022.659%204.302%2022.71%204.335%2022.756C4.353%2022.782%204.376%2022.811%204.401%2022.83C4.412%2022.839%204.426%2022.833%204.434%2022.824C4.542%2022.695%204.442%2022.361%204.435%2022.274C4.419%2022.089%204.456%2022.033%204.481%2021.984C4.494%2021.959%204.523%2021.946%204.556%2021.936C4.63%2021.915%204.685%2021.982%204.733%2022.023C4.783%2022.064%204.837%2022.112%204.88%2022.14C4.89%2022.146%204.905%2022.139%204.914%2022.132C4.954%2022.099%204.952%2022.029%204.973%2021.971C5.027%2021.823%204.987%2021.557%204.987%2021.469C4.988%2021.402%205.039%2021.353%205.081%2021.317C5.101%2021.299%205.134%2021.308%205.159%2021.314C5.209%2021.328%205.249%2021.388%205.291%2021.433C5.331%2021.476%205.376%2021.518%205.419%2021.556C5.43%2021.566%205.442%2021.572%205.454%2021.572C5.466%2021.572%205.477%2021.565%205.486%2021.553C5.529%2021.502%205.522%2021.432%205.525%2021.359C5.528%2021.287%205.526%2021.205%205.526%2021.067C5.526%2021.021%205.543%2020.996%205.558%2020.974C5.572%2020.951%205.592%2020.935%205.622%2020.927C5.657%2020.918%205.692%2020.933%205.719%2020.954C5.775%2020.997%205.798%2021.049%205.838%2021.091C5.875%2021.13%205.915%2021.167%205.967%2021.178C5.979%2021.181%205.988%2021.167%205.994%2021.154C6.032%2021.078%206.013%2020.958%206.016%2020.692C6.017%2020.587%206.034%2020.547%206.052%2020.528C6.071%2020.508%206.105%2020.516%206.132%2020.526C6.194%2020.549%206.233%2020.63%206.269%2020.683C6.299%2020.727%206.348%2020.755%206.408%2020.776C6.457%2020.793%206.501%2020.769%206.52%2020.748C6.556%2020.706%206.575%2020.649%206.596%2020.587L6.613%2020.528C5.931%2018.234%207.71%2014.61%204.262%2012.905C3.56%2012.558%202.733%2012.522%201.991%2012.775Z%20M4.132%2024.535C4.133%2024.537%204.135%2024.538%204.136%2024.54C4.135%2024.538%204.133%2024.537%204.132%2024.535ZM4.687%2023.895L4.687%2023.895L4.688%2023.896C4.69%2023.898%204.692%2023.9%204.694%2023.902C4.692%2023.9%204.689%2023.897%204.687%2023.895ZM5.828%2022.787C5.833%2022.791%205.838%2022.796%205.843%2022.801C5.846%2022.804%205.85%2022.808%205.853%2022.811C5.845%2022.803%205.837%2022.795%205.828%2022.787ZM5.302%2023.301C5.305%2023.305%205.309%2023.309%205.312%2023.313L5.312%2023.313C5.309%2023.309%205.305%2023.305%205.302%2023.301Z%20M8.202%2026.754V29.188L20.366%2032.672L32.677%2027.033L35%2020.592L26.638%2018.628L20.366%2022.915L19.143%2021.029L19.079%2020.93C18.967%2020.972%2018.843%2021.012%2018.706%2021.051C18.591%2021.084%2018.486%2021.147%2018.408%2021.236L16.901%2022.955L16.799%2023.063C16.895%2023.563%2016.823%2024.239%2016.544%2024.816C15.854%2025.783%2014.866%2026.368%2014.157%2026.284L14.059%2026.404L13.621%2026.94C13.572%2027%2013.544%2027.076%2013.547%2027.154C13.559%2027.511%2013.62%2027.781%2013.669%2027.997C13.733%2028.278%2013.776%2028.466%2013.659%2028.627C13.55%2028.776%2013.333%2028.799%2013.167%2028.72C12.805%2028.547%2012.738%2028.229%2012.684%2027.971C12.6%2027.567%2012.545%2027.307%2011.444%2027.969C11.27%2028.074%2011.03%2028.013%2010.984%2027.815C10.857%2027.262%2011.215%2026.932%2012.357%2026.719C12.442%2026.703%2012.518%2026.657%2012.57%2026.588L13.24%2025.7L13.355%2025.549C13.338%2025.491%2013.324%2025.43%2013.313%2025.365L11.911%2021.799C11.305%2020.258%2011.893%2018.505%2013.306%2017.641L13.798%2017.339L15.678%2022.598C15.934%2022.368%2016.154%2022.302%2016.332%2022.353L16.442%2022.232L17.7%2020.669C17.773%2020.579%2017.759%2020.449%2017.681%2020.364C17.226%2019.87%2017.246%2019.219%2017.69%2018.789L17.634%2018.702L15.847%2015.945L14.263%2013.707L15.838%2015.542L22.088%208.366C22.832%207.356%2023.192%206.738%2023.268%205.485L23.603%201.069L16.776%201.098L8.202%208.532V22.359C8.344%2022.504%208.463%2022.667%208.54%2022.856C9.255%2024.603%208.978%2025.944%208.202%2026.754Z%20M23.956%201.098L23.632%205.56C23.554%206.625%2023.132%207.637%2022.428%208.441L16.091%2015.722L16.116%2015.755L28.597%2010.829C28.445%209.92%2028.578%209.36%2029.109%208.833L23.956%201.098ZM25.175%207.763C25.406%207.795%2025.652%207.4%2025.726%206.881C25.799%206.361%2025.671%205.913%2025.439%205.881C25.209%205.848%2024.962%206.243%2024.889%206.763C24.816%207.283%2024.944%207.73%2025.175%207.763Z%20M16.332%2022.353C16.568%2022.42%2016.729%2022.694%2016.799%2023.063L16.901%2022.955C16.844%2022.552%2016.73%2022.407%2016.442%2022.232L16.332%2022.353Z%20M19.711%2019.135C20.053%2020.106%2019.981%2020.587%2019.079%2020.93L19.143%2021.029C20.116%2020.565%2020.243%2020.129%2019.711%2019.034C18.568%2020.241%2017.993%2019.58%2018.841%2018.301C18.442%2018.234%2018.124%2018.317%2017.634%2018.702L17.69%2018.789C17.917%2018.569%2018.255%2018.407%2018.698%2018.353C17.621%2019.684%2018.782%2020.423%2019.711%2019.135Z%20M3.206%2026.381C3.145%2026.373%203.086%2026.362%203.031%2026.35L2.937%2026.325C4.686%2027.989%207.022%2027.986%208.202%2026.754C8.978%2025.944%209.255%2024.603%208.54%2022.856C8.463%2022.667%208.344%2022.504%208.202%2022.359C8.022%2022.174%207.804%2022.017%207.587%2021.873C7.367%2021.726%207.187%2021.558%207.041%2021.374C7.04%2021.378%207.039%2021.383%207.037%2021.388C7.029%2021.419%207.02%2021.45%207.014%2021.481L7.013%2021.488C7.002%2021.547%206.99%2021.613%206.951%2021.669C6.94%2021.686%206.929%2021.705%206.92%2021.724C6.898%2021.765%206.877%2021.804%206.843%2021.811C6.814%2021.816%206.784%2021.81%206.757%2021.798C6.705%2021.775%206.659%2021.735%206.614%2021.691C6.606%2021.683%206.597%2021.674%206.589%2021.665C6.551%2021.625%206.514%2021.586%206.466%2021.595C6.437%2021.6%206.406%2021.611%206.395%2021.638C6.382%2021.669%206.372%2021.703%206.372%2021.843C6.371%2022.19%206.36%2022.434%206.337%2022.429C6.313%2022.423%206.29%2022.405%206.264%2022.38C6.223%2022.341%206.195%2022.306%206.169%2022.274C6.156%2022.259%206.143%2022.243%206.129%2022.228C6.123%2022.221%206.117%2022.214%206.11%2022.206C6.052%2022.14%205.97%2022.046%205.943%2022.087C5.932%2022.105%205.923%2022.147%205.913%2022.237C5.912%2022.248%205.911%2022.261%205.908%2022.277C5.898%2022.358%205.879%2022.497%205.907%2022.591C5.912%2022.61%205.919%2022.63%205.926%2022.649C5.947%2022.712%205.969%2022.776%205.956%2022.82C5.953%2022.833%205.947%2022.847%205.935%2022.848C5.91%2022.851%205.88%2022.837%205.853%2022.811C5.845%2022.803%205.836%2022.794%205.828%2022.786L5.818%2022.777C5.785%2022.746%205.752%2022.714%205.719%2022.677C5.71%2022.667%205.701%2022.656%205.692%2022.645C5.649%2022.592%205.603%2022.538%205.546%2022.538C5.516%2022.538%205.487%2022.544%205.472%2022.567C5.437%2022.619%205.407%2022.682%205.416%2022.801C5.418%2022.828%205.418%2022.855%205.419%2022.882C5.42%2022.925%205.422%2022.97%205.428%2023.026L5.429%2023.039C5.436%2023.1%205.442%2023.157%205.453%2023.21C5.454%2023.219%205.456%2023.228%205.458%2023.236C5.469%2023.285%205.48%2023.338%205.466%2023.42C5.463%2023.442%205.453%2023.458%205.444%2023.452C5.399%2023.417%205.355%2023.364%205.312%2023.313C5.308%2023.308%205.304%2023.303%205.3%2023.298L5.298%2023.295C5.284%2023.279%205.271%2023.263%205.259%2023.247C5.228%2023.209%205.201%2023.174%205.168%2023.149C5.107%2023.102%205.051%2023.065%204.994%2023.071C4.966%2023.074%204.939%2023.086%204.92%2023.11C4.918%2023.111%204.916%2023.113%204.915%2023.116C4.898%2023.135%204.881%2023.155%204.879%2023.184C4.876%2023.223%204.882%2023.259%204.886%2023.287L4.887%2023.294C4.892%2023.326%204.899%2023.358%204.906%2023.389C4.911%2023.416%204.917%2023.442%204.921%2023.468C4.923%2023.481%204.926%2023.493%204.928%2023.506C4.937%2023.555%204.947%2023.607%204.948%2023.669C4.95%2023.714%204.953%2023.761%204.956%2023.806C4.963%2023.895%204.97%2023.981%204.958%2024.046C4.955%2024.059%204.948%2024.077%204.939%2024.076C4.919%2024.072%204.895%2024.056%204.87%2024.039C4.815%2024.002%204.763%2023.962%204.708%2023.914C4.701%2023.908%204.694%2023.902%204.687%2023.895L4.687%2023.895C4.645%2023.859%204.603%2023.822%204.539%2023.78L4.537%2023.778C4.48%2023.741%204.413%2023.696%204.304%2023.714C4.281%2023.717%204.267%2023.724%204.265%2023.745L4.265%2023.754C4.261%2023.806%204.256%2023.864%204.273%2023.915C4.281%2023.942%204.297%2023.981%204.313%2024.022C4.331%2024.066%204.35%2024.113%204.365%2024.155C4.387%2024.22%204.401%2024.28%204.409%2024.335C4.41%2024.343%204.413%2024.358%204.417%2024.377C4.44%2024.486%204.49%2024.731%204.397%2024.712C4.374%2024.708%204.349%2024.697%204.325%2024.683C4.279%2024.657%204.226%2024.621%204.17%2024.571C4.157%2024.559%204.144%2024.547%204.132%2024.535C4.084%2024.491%204.04%2024.451%204.005%2024.428C4%2024.425%203.994%2024.421%203.989%2024.418C3.946%2024.388%203.886%2024.347%203.819%2024.375C3.804%2024.381%203.794%2024.393%203.799%2024.409C3.82%2024.48%203.858%2024.541%203.894%2024.586C3.927%2024.627%203.96%2024.669%203.986%2024.716C4.013%2024.766%204.042%2024.822%204.049%2024.883C4.05%2024.895%204.052%2024.907%204.053%2024.919C4.064%2025.014%204.077%2025.118%204.085%2025.168C4.089%2025.185%204.098%2025.209%204.107%2025.232C4.126%2025.282%204.146%2025.334%204.109%2025.334C4.02%2025.336%203.964%2025.314%203.905%2025.288C3.895%2025.284%203.885%2025.28%203.876%2025.276C3.825%2025.254%203.78%2025.235%203.744%2025.202C3.74%2025.199%203.737%2025.195%203.733%2025.192C3.692%2025.155%203.65%2025.116%203.602%2025.086C3.589%2025.079%203.577%2025.07%203.565%2025.061C3.531%2025.038%203.495%2025.013%203.452%2025.004C3.389%2024.991%203.298%2024.975%203.269%2025.02C3.239%2025.066%203.228%2025.136%203.237%2025.196C3.24%2025.217%203.24%2025.269%203.24%2025.335C3.239%2025.453%203.239%2025.616%203.256%2025.735C3.258%2025.752%203.26%2025.768%203.262%2025.785C3.268%2025.84%203.275%2025.891%203.294%2025.941C3.317%2026.002%203.343%2026.066%203.375%2026.117C3.403%2026.161%203.435%2026.216%203.425%2026.285L3.424%2026.289C3.419%2026.322%203.414%2026.358%203.391%2026.364C3.334%2026.378%203.265%2026.388%203.206%2026.381Z%20M14.157%2026.284C13.784%2026.239%2013.488%2026.008%2013.355%2025.549L13.24%2025.7C13.461%2026.301%2013.684%2026.312%2014.059%2026.404L14.157%2026.284Z%22%20fill%3D%22url%28%23o%29%22%20fill-opacity%3D%22.92%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23fff%22%3E%3Ccircle%20cx%3D%22196%22%20cy%3D%2240%22%20r%3D%222%22%20fill-opacity%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%22340%22%20cy%3D%22190%22%20r%3D%222.4%22%20fill-opacity%3D%22.4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right bottom/auto 100% no-repeat}
.card.f-bronze:not(.f-vcard)::after{background:radial-gradient(120% 70% at 0% 0%,rgba(255,255,255,.1),transparent 55%)}
.card.f-sage{--cink:#effff9;--cdim:rgba(226,255,246,.7);--art:transparent;background:radial-gradient(80% 90% at 85% 15%,rgba(60,200,160,.4),transparent 62%),linear-gradient(160deg,#0f3b36,#07211f 75%)}
.card.f-sage:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20220%22%20preserveAspectRatio%3D%22xMaxYMax%20slice%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%237fd4b8%22%20stroke-opacity%3D%22.16%22%20stroke-width%3D%221.4%22%3E%3Cpath%20d%3D%22M150%200V220M210%200V220M270%200V220M330%200V220%22%2F%3E%3Cpath%20d%3D%22M130%2040H360M130%20100H360M130%20160H360%22%2F%3E%3Cpath%20d%3D%22M130%20200L360%2020%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22276%22%20cy%3D%2292%22%20r%3D%2284%22%20fill%3D%22%237fe0c0%22%20fill-opacity%3D%22.07%22%2F%3E%3Ccircle%20cx%3D%22276%22%20cy%3D%2292%22%20r%3D%2256%22%20fill%3D%22%237fe0c0%22%20fill-opacity%3D%22.1%22%2F%3E%3Ccircle%20cx%3D%22276%22%20cy%3D%2292%22%20r%3D%2230%22%20fill%3D%22%237fe0c0%22%20fill-opacity%3D%22.16%22%2F%3E%3Cpath%20d%3D%22M150%20206%20C190%20190%20200%20150%20236%20140%20S262%20128%20270%20108%22%20fill%3D%22none%22%20stroke%3D%22%23c6f36b%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-dasharray%3D%221%2010%22%2F%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22206%22%20r%3D%226%22%20fill%3D%22%230d2b27%22%20stroke%3D%22%23c6f36b%22%20stroke-width%3D%223%22%2F%3E%3Cellipse%20cx%3D%22276%22%20cy%3D%22112%22%20rx%3D%2215%22%20ry%3D%225%22%20fill%3D%22%23000%22%20fill-opacity%3D%22.3%22%2F%3E%3Cpath%20d%3D%22M276%20110C262%2092%20254%2084%20254%2070a22%2022%200%200%201%2044%200c0%2014-8%2022-22%2040z%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22276%22%20cy%3D%2270%22%20r%3D%229%22%20fill%3D%22%2312806a%22%2F%3E%3C%2Fsvg%3E") right bottom/auto 100% no-repeat}
.card.f-sage:not(.f-vcard)::after{background:radial-gradient(120% 70% at 0% 0%,rgba(255,255,255,.12),transparent 55%)}
/* v9: smaller Craftik mark on the Website card, mark as its tile glyph */
.card.f-bronze:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20220%22%20preserveAspectRatio%3D%22xMaxYMax%20slice%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22o%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffb25e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f0501a%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%28206%2074%29%20scale%283.9%29%22%3E%3Cpath%20d%3D%22M28.876%2010.706L30.08%2010.222L29.286%209.039C28.845%209.609%2028.764%209.977%2028.876%2010.706Z%20M7.886%201.162L7.874%201.462C8.051%201.388%208.107%201.334%208.183%201.158L7.886%201.162Z%20M7.696%207.688L14.39%201.098L8.406%201.157C8.318%201.404%208.12%201.6%207.87%201.685L7.696%207.688Z%20M8.183%201.158C8.107%201.334%208.051%201.388%207.874%201.462L7.87%201.685C8.12%201.6%208.318%201.404%208.406%201.157L8.183%201.158Z%20M7.59%201.519V1.732C7.688%201.732%207.782%201.716%207.87%201.685L7.874%201.462C7.787%201.499%207.691%201.519%207.59%201.519Z%20M7.59%200.213C7.998%200.213%208.243%200.458%208.243%200.866C8.243%200.97%208.221%201.068%208.183%201.158L8.406%201.157C8.438%201.066%208.456%200.968%208.456%200.866C8.456%200.388%208.068%200%207.59%200C7.112%200%206.724%200.388%206.724%200.866C6.724%201.344%207.112%201.732%207.59%201.732V1.519C7.182%201.519%206.937%201.274%206.937%200.866C6.937%200.458%207.182%200.213%207.59%200.213Z%20M1.991%2012.775C0.314%2013.348%200.038%2014.336%200%2016.789C0.543%2013.962%203.411%2014.274%202.447%2016.904C2.099%2017.852%201.628%2018.769%201.478%2019.768C1.121%2022.144%201.258%2022.578%201.585%2024.136C1.712%2024.584%201.892%2025.022%202.156%2025.405C2.191%2025.457%202.227%2025.507%202.263%2025.556C2.265%2025.533%202.277%2025.478%202.293%2025.421L2.294%2025.417C2.313%2025.346%202.332%2025.28%202.339%2025.22C2.347%2025.163%202.35%2025.102%202.351%2024.885C2.351%2024.794%202.335%2024.733%202.326%2024.674C2.316%2024.612%202.304%2024.551%202.291%2024.482C2.28%2024.424%202.278%2024.384%202.278%2024.36C2.278%2024.348%202.292%2024.341%202.304%2024.336C2.388%2024.299%202.527%2024.331%202.598%2024.354C2.657%2024.374%202.705%2024.422%202.768%2024.461C2.793%2024.477%202.818%2024.487%202.845%2024.488C2.874%2024.489%202.894%2024.459%202.907%2024.435C2.934%2024.386%202.936%2024.32%202.939%2024.204L2.939%2024.195C2.944%2024.018%202.963%2023.775%202.999%2023.766C3.061%2023.751%203.127%2023.771%203.183%2023.792C3.244%2023.815%203.293%2023.852%203.336%2023.886L3.342%2023.89C3.363%2023.907%203.391%2023.914%203.416%2023.916C3.466%2023.92%203.486%2023.842%203.514%2023.786C3.544%2023.729%203.552%2023.66%203.562%2023.595C3.578%2023.488%203.56%2023.34%203.549%2023.283C3.543%2023.254%203.536%2023.226%203.538%2023.2C3.539%2023.176%203.575%2023.165%203.602%2023.153C3.673%2023.123%203.766%2023.216%203.817%2023.265C3.871%2023.317%203.912%2023.348%203.953%2023.381C3.963%2023.389%203.973%2023.397%203.985%2023.4C3.997%2023.403%204.011%2023.401%204.023%2023.396C4.035%2023.391%204.045%2023.383%204.052%2023.371C4.082%2023.318%204.075%2023.251%204.085%2023.181C4.097%2023.095%204.083%2022.965%204.076%2022.867C4.071%2022.794%204.054%2022.737%204.049%2022.677C4.044%2022.617%204.04%2022.562%204.05%2022.522C4.055%2022.505%204.082%2022.507%204.1%2022.509C4.16%2022.518%204.196%2022.564%204.238%2022.612C4.279%2022.659%204.302%2022.71%204.335%2022.756C4.353%2022.782%204.376%2022.811%204.401%2022.83C4.412%2022.839%204.426%2022.833%204.434%2022.824C4.542%2022.695%204.442%2022.361%204.435%2022.274C4.419%2022.089%204.456%2022.033%204.481%2021.984C4.494%2021.959%204.523%2021.946%204.556%2021.936C4.63%2021.915%204.685%2021.982%204.733%2022.023C4.783%2022.064%204.837%2022.112%204.88%2022.14C4.89%2022.146%204.905%2022.139%204.914%2022.132C4.954%2022.099%204.952%2022.029%204.973%2021.971C5.027%2021.823%204.987%2021.557%204.987%2021.469C4.988%2021.402%205.039%2021.353%205.081%2021.317C5.101%2021.299%205.134%2021.308%205.159%2021.314C5.209%2021.328%205.249%2021.388%205.291%2021.433C5.331%2021.476%205.376%2021.518%205.419%2021.556C5.43%2021.566%205.442%2021.572%205.454%2021.572C5.466%2021.572%205.477%2021.565%205.486%2021.553C5.529%2021.502%205.522%2021.432%205.525%2021.359C5.528%2021.287%205.526%2021.205%205.526%2021.067C5.526%2021.021%205.543%2020.996%205.558%2020.974C5.572%2020.951%205.592%2020.935%205.622%2020.927C5.657%2020.918%205.692%2020.933%205.719%2020.954C5.775%2020.997%205.798%2021.049%205.838%2021.091C5.875%2021.13%205.915%2021.167%205.967%2021.178C5.979%2021.181%205.988%2021.167%205.994%2021.154C6.032%2021.078%206.013%2020.958%206.016%2020.692C6.017%2020.587%206.034%2020.547%206.052%2020.528C6.071%2020.508%206.105%2020.516%206.132%2020.526C6.194%2020.549%206.233%2020.63%206.269%2020.683C6.299%2020.727%206.348%2020.755%206.408%2020.776C6.457%2020.793%206.501%2020.769%206.52%2020.748C6.556%2020.706%206.575%2020.649%206.596%2020.587L6.613%2020.528C5.931%2018.234%207.71%2014.61%204.262%2012.905C3.56%2012.558%202.733%2012.522%201.991%2012.775Z%20M4.132%2024.535C4.133%2024.537%204.135%2024.538%204.136%2024.54C4.135%2024.538%204.133%2024.537%204.132%2024.535ZM4.687%2023.895L4.687%2023.895L4.688%2023.896C4.69%2023.898%204.692%2023.9%204.694%2023.902C4.692%2023.9%204.689%2023.897%204.687%2023.895ZM5.828%2022.787C5.833%2022.791%205.838%2022.796%205.843%2022.801C5.846%2022.804%205.85%2022.808%205.853%2022.811C5.845%2022.803%205.837%2022.795%205.828%2022.787ZM5.302%2023.301C5.305%2023.305%205.309%2023.309%205.312%2023.313L5.312%2023.313C5.309%2023.309%205.305%2023.305%205.302%2023.301Z%20M8.202%2026.754V29.188L20.366%2032.672L32.677%2027.033L35%2020.592L26.638%2018.628L20.366%2022.915L19.143%2021.029L19.079%2020.93C18.967%2020.972%2018.843%2021.012%2018.706%2021.051C18.591%2021.084%2018.486%2021.147%2018.408%2021.236L16.901%2022.955L16.799%2023.063C16.895%2023.563%2016.823%2024.239%2016.544%2024.816C15.854%2025.783%2014.866%2026.368%2014.157%2026.284L14.059%2026.404L13.621%2026.94C13.572%2027%2013.544%2027.076%2013.547%2027.154C13.559%2027.511%2013.62%2027.781%2013.669%2027.997C13.733%2028.278%2013.776%2028.466%2013.659%2028.627C13.55%2028.776%2013.333%2028.799%2013.167%2028.72C12.805%2028.547%2012.738%2028.229%2012.684%2027.971C12.6%2027.567%2012.545%2027.307%2011.444%2027.969C11.27%2028.074%2011.03%2028.013%2010.984%2027.815C10.857%2027.262%2011.215%2026.932%2012.357%2026.719C12.442%2026.703%2012.518%2026.657%2012.57%2026.588L13.24%2025.7L13.355%2025.549C13.338%2025.491%2013.324%2025.43%2013.313%2025.365L11.911%2021.799C11.305%2020.258%2011.893%2018.505%2013.306%2017.641L13.798%2017.339L15.678%2022.598C15.934%2022.368%2016.154%2022.302%2016.332%2022.353L16.442%2022.232L17.7%2020.669C17.773%2020.579%2017.759%2020.449%2017.681%2020.364C17.226%2019.87%2017.246%2019.219%2017.69%2018.789L17.634%2018.702L15.847%2015.945L14.263%2013.707L15.838%2015.542L22.088%208.366C22.832%207.356%2023.192%206.738%2023.268%205.485L23.603%201.069L16.776%201.098L8.202%208.532V22.359C8.344%2022.504%208.463%2022.667%208.54%2022.856C9.255%2024.603%208.978%2025.944%208.202%2026.754Z%20M23.956%201.098L23.632%205.56C23.554%206.625%2023.132%207.637%2022.428%208.441L16.091%2015.722L16.116%2015.755L28.597%2010.829C28.445%209.92%2028.578%209.36%2029.109%208.833L23.956%201.098ZM25.175%207.763C25.406%207.795%2025.652%207.4%2025.726%206.881C25.799%206.361%2025.671%205.913%2025.439%205.881C25.209%205.848%2024.962%206.243%2024.889%206.763C24.816%207.283%2024.944%207.73%2025.175%207.763Z%20M16.332%2022.353C16.568%2022.42%2016.729%2022.694%2016.799%2023.063L16.901%2022.955C16.844%2022.552%2016.73%2022.407%2016.442%2022.232L16.332%2022.353Z%20M19.711%2019.135C20.053%2020.106%2019.981%2020.587%2019.079%2020.93L19.143%2021.029C20.116%2020.565%2020.243%2020.129%2019.711%2019.034C18.568%2020.241%2017.993%2019.58%2018.841%2018.301C18.442%2018.234%2018.124%2018.317%2017.634%2018.702L17.69%2018.789C17.917%2018.569%2018.255%2018.407%2018.698%2018.353C17.621%2019.684%2018.782%2020.423%2019.711%2019.135Z%20M3.206%2026.381C3.145%2026.373%203.086%2026.362%203.031%2026.35L2.937%2026.325C4.686%2027.989%207.022%2027.986%208.202%2026.754C8.978%2025.944%209.255%2024.603%208.54%2022.856C8.463%2022.667%208.344%2022.504%208.202%2022.359C8.022%2022.174%207.804%2022.017%207.587%2021.873C7.367%2021.726%207.187%2021.558%207.041%2021.374C7.04%2021.378%207.039%2021.383%207.037%2021.388C7.029%2021.419%207.02%2021.45%207.014%2021.481L7.013%2021.488C7.002%2021.547%206.99%2021.613%206.951%2021.669C6.94%2021.686%206.929%2021.705%206.92%2021.724C6.898%2021.765%206.877%2021.804%206.843%2021.811C6.814%2021.816%206.784%2021.81%206.757%2021.798C6.705%2021.775%206.659%2021.735%206.614%2021.691C6.606%2021.683%206.597%2021.674%206.589%2021.665C6.551%2021.625%206.514%2021.586%206.466%2021.595C6.437%2021.6%206.406%2021.611%206.395%2021.638C6.382%2021.669%206.372%2021.703%206.372%2021.843C6.371%2022.19%206.36%2022.434%206.337%2022.429C6.313%2022.423%206.29%2022.405%206.264%2022.38C6.223%2022.341%206.195%2022.306%206.169%2022.274C6.156%2022.259%206.143%2022.243%206.129%2022.228C6.123%2022.221%206.117%2022.214%206.11%2022.206C6.052%2022.14%205.97%2022.046%205.943%2022.087C5.932%2022.105%205.923%2022.147%205.913%2022.237C5.912%2022.248%205.911%2022.261%205.908%2022.277C5.898%2022.358%205.879%2022.497%205.907%2022.591C5.912%2022.61%205.919%2022.63%205.926%2022.649C5.947%2022.712%205.969%2022.776%205.956%2022.82C5.953%2022.833%205.947%2022.847%205.935%2022.848C5.91%2022.851%205.88%2022.837%205.853%2022.811C5.845%2022.803%205.836%2022.794%205.828%2022.786L5.818%2022.777C5.785%2022.746%205.752%2022.714%205.719%2022.677C5.71%2022.667%205.701%2022.656%205.692%2022.645C5.649%2022.592%205.603%2022.538%205.546%2022.538C5.516%2022.538%205.487%2022.544%205.472%2022.567C5.437%2022.619%205.407%2022.682%205.416%2022.801C5.418%2022.828%205.418%2022.855%205.419%2022.882C5.42%2022.925%205.422%2022.97%205.428%2023.026L5.429%2023.039C5.436%2023.1%205.442%2023.157%205.453%2023.21C5.454%2023.219%205.456%2023.228%205.458%2023.236C5.469%2023.285%205.48%2023.338%205.466%2023.42C5.463%2023.442%205.453%2023.458%205.444%2023.452C5.399%2023.417%205.355%2023.364%205.312%2023.313C5.308%2023.308%205.304%2023.303%205.3%2023.298L5.298%2023.295C5.284%2023.279%205.271%2023.263%205.259%2023.247C5.228%2023.209%205.201%2023.174%205.168%2023.149C5.107%2023.102%205.051%2023.065%204.994%2023.071C4.966%2023.074%204.939%2023.086%204.92%2023.11C4.918%2023.111%204.916%2023.113%204.915%2023.116C4.898%2023.135%204.881%2023.155%204.879%2023.184C4.876%2023.223%204.882%2023.259%204.886%2023.287L4.887%2023.294C4.892%2023.326%204.899%2023.358%204.906%2023.389C4.911%2023.416%204.917%2023.442%204.921%2023.468C4.923%2023.481%204.926%2023.493%204.928%2023.506C4.937%2023.555%204.947%2023.607%204.948%2023.669C4.95%2023.714%204.953%2023.761%204.956%2023.806C4.963%2023.895%204.97%2023.981%204.958%2024.046C4.955%2024.059%204.948%2024.077%204.939%2024.076C4.919%2024.072%204.895%2024.056%204.87%2024.039C4.815%2024.002%204.763%2023.962%204.708%2023.914C4.701%2023.908%204.694%2023.902%204.687%2023.895L4.687%2023.895C4.645%2023.859%204.603%2023.822%204.539%2023.78L4.537%2023.778C4.48%2023.741%204.413%2023.696%204.304%2023.714C4.281%2023.717%204.267%2023.724%204.265%2023.745L4.265%2023.754C4.261%2023.806%204.256%2023.864%204.273%2023.915C4.281%2023.942%204.297%2023.981%204.313%2024.022C4.331%2024.066%204.35%2024.113%204.365%2024.155C4.387%2024.22%204.401%2024.28%204.409%2024.335C4.41%2024.343%204.413%2024.358%204.417%2024.377C4.44%2024.486%204.49%2024.731%204.397%2024.712C4.374%2024.708%204.349%2024.697%204.325%2024.683C4.279%2024.657%204.226%2024.621%204.17%2024.571C4.157%2024.559%204.144%2024.547%204.132%2024.535C4.084%2024.491%204.04%2024.451%204.005%2024.428C4%2024.425%203.994%2024.421%203.989%2024.418C3.946%2024.388%203.886%2024.347%203.819%2024.375C3.804%2024.381%203.794%2024.393%203.799%2024.409C3.82%2024.48%203.858%2024.541%203.894%2024.586C3.927%2024.627%203.96%2024.669%203.986%2024.716C4.013%2024.766%204.042%2024.822%204.049%2024.883C4.05%2024.895%204.052%2024.907%204.053%2024.919C4.064%2025.014%204.077%2025.118%204.085%2025.168C4.089%2025.185%204.098%2025.209%204.107%2025.232C4.126%2025.282%204.146%2025.334%204.109%2025.334C4.02%2025.336%203.964%2025.314%203.905%2025.288C3.895%2025.284%203.885%2025.28%203.876%2025.276C3.825%2025.254%203.78%2025.235%203.744%2025.202C3.74%2025.199%203.737%2025.195%203.733%2025.192C3.692%2025.155%203.65%2025.116%203.602%2025.086C3.589%2025.079%203.577%2025.07%203.565%2025.061C3.531%2025.038%203.495%2025.013%203.452%2025.004C3.389%2024.991%203.298%2024.975%203.269%2025.02C3.239%2025.066%203.228%2025.136%203.237%2025.196C3.24%2025.217%203.24%2025.269%203.24%2025.335C3.239%2025.453%203.239%2025.616%203.256%2025.735C3.258%2025.752%203.26%2025.768%203.262%2025.785C3.268%2025.84%203.275%2025.891%203.294%2025.941C3.317%2026.002%203.343%2026.066%203.375%2026.117C3.403%2026.161%203.435%2026.216%203.425%2026.285L3.424%2026.289C3.419%2026.322%203.414%2026.358%203.391%2026.364C3.334%2026.378%203.265%2026.388%203.206%2026.381Z%20M14.157%2026.284C13.784%2026.239%2013.488%2026.008%2013.355%2025.549L13.24%2025.7C13.461%2026.301%2013.684%2026.312%2014.059%2026.404L14.157%2026.284Z%22%20fill%3D%22none%22%20stroke%3D%22%23ffd9b0%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%22.3%22%20stroke-linejoin%3D%22round%22%20transform%3D%22translate%282.4%20-2%29%22%2F%3E%3Cpath%20d%3D%22M28.876%2010.706L30.08%2010.222L29.286%209.039C28.845%209.609%2028.764%209.977%2028.876%2010.706Z%20M7.886%201.162L7.874%201.462C8.051%201.388%208.107%201.334%208.183%201.158L7.886%201.162Z%20M7.696%207.688L14.39%201.098L8.406%201.157C8.318%201.404%208.12%201.6%207.87%201.685L7.696%207.688Z%20M8.183%201.158C8.107%201.334%208.051%201.388%207.874%201.462L7.87%201.685C8.12%201.6%208.318%201.404%208.406%201.157L8.183%201.158Z%20M7.59%201.519V1.732C7.688%201.732%207.782%201.716%207.87%201.685L7.874%201.462C7.787%201.499%207.691%201.519%207.59%201.519Z%20M7.59%200.213C7.998%200.213%208.243%200.458%208.243%200.866C8.243%200.97%208.221%201.068%208.183%201.158L8.406%201.157C8.438%201.066%208.456%200.968%208.456%200.866C8.456%200.388%208.068%200%207.59%200C7.112%200%206.724%200.388%206.724%200.866C6.724%201.344%207.112%201.732%207.59%201.732V1.519C7.182%201.519%206.937%201.274%206.937%200.866C6.937%200.458%207.182%200.213%207.59%200.213Z%20M1.991%2012.775C0.314%2013.348%200.038%2014.336%200%2016.789C0.543%2013.962%203.411%2014.274%202.447%2016.904C2.099%2017.852%201.628%2018.769%201.478%2019.768C1.121%2022.144%201.258%2022.578%201.585%2024.136C1.712%2024.584%201.892%2025.022%202.156%2025.405C2.191%2025.457%202.227%2025.507%202.263%2025.556C2.265%2025.533%202.277%2025.478%202.293%2025.421L2.294%2025.417C2.313%2025.346%202.332%2025.28%202.339%2025.22C2.347%2025.163%202.35%2025.102%202.351%2024.885C2.351%2024.794%202.335%2024.733%202.326%2024.674C2.316%2024.612%202.304%2024.551%202.291%2024.482C2.28%2024.424%202.278%2024.384%202.278%2024.36C2.278%2024.348%202.292%2024.341%202.304%2024.336C2.388%2024.299%202.527%2024.331%202.598%2024.354C2.657%2024.374%202.705%2024.422%202.768%2024.461C2.793%2024.477%202.818%2024.487%202.845%2024.488C2.874%2024.489%202.894%2024.459%202.907%2024.435C2.934%2024.386%202.936%2024.32%202.939%2024.204L2.939%2024.195C2.944%2024.018%202.963%2023.775%202.999%2023.766C3.061%2023.751%203.127%2023.771%203.183%2023.792C3.244%2023.815%203.293%2023.852%203.336%2023.886L3.342%2023.89C3.363%2023.907%203.391%2023.914%203.416%2023.916C3.466%2023.92%203.486%2023.842%203.514%2023.786C3.544%2023.729%203.552%2023.66%203.562%2023.595C3.578%2023.488%203.56%2023.34%203.549%2023.283C3.543%2023.254%203.536%2023.226%203.538%2023.2C3.539%2023.176%203.575%2023.165%203.602%2023.153C3.673%2023.123%203.766%2023.216%203.817%2023.265C3.871%2023.317%203.912%2023.348%203.953%2023.381C3.963%2023.389%203.973%2023.397%203.985%2023.4C3.997%2023.403%204.011%2023.401%204.023%2023.396C4.035%2023.391%204.045%2023.383%204.052%2023.371C4.082%2023.318%204.075%2023.251%204.085%2023.181C4.097%2023.095%204.083%2022.965%204.076%2022.867C4.071%2022.794%204.054%2022.737%204.049%2022.677C4.044%2022.617%204.04%2022.562%204.05%2022.522C4.055%2022.505%204.082%2022.507%204.1%2022.509C4.16%2022.518%204.196%2022.564%204.238%2022.612C4.279%2022.659%204.302%2022.71%204.335%2022.756C4.353%2022.782%204.376%2022.811%204.401%2022.83C4.412%2022.839%204.426%2022.833%204.434%2022.824C4.542%2022.695%204.442%2022.361%204.435%2022.274C4.419%2022.089%204.456%2022.033%204.481%2021.984C4.494%2021.959%204.523%2021.946%204.556%2021.936C4.63%2021.915%204.685%2021.982%204.733%2022.023C4.783%2022.064%204.837%2022.112%204.88%2022.14C4.89%2022.146%204.905%2022.139%204.914%2022.132C4.954%2022.099%204.952%2022.029%204.973%2021.971C5.027%2021.823%204.987%2021.557%204.987%2021.469C4.988%2021.402%205.039%2021.353%205.081%2021.317C5.101%2021.299%205.134%2021.308%205.159%2021.314C5.209%2021.328%205.249%2021.388%205.291%2021.433C5.331%2021.476%205.376%2021.518%205.419%2021.556C5.43%2021.566%205.442%2021.572%205.454%2021.572C5.466%2021.572%205.477%2021.565%205.486%2021.553C5.529%2021.502%205.522%2021.432%205.525%2021.359C5.528%2021.287%205.526%2021.205%205.526%2021.067C5.526%2021.021%205.543%2020.996%205.558%2020.974C5.572%2020.951%205.592%2020.935%205.622%2020.927C5.657%2020.918%205.692%2020.933%205.719%2020.954C5.775%2020.997%205.798%2021.049%205.838%2021.091C5.875%2021.13%205.915%2021.167%205.967%2021.178C5.979%2021.181%205.988%2021.167%205.994%2021.154C6.032%2021.078%206.013%2020.958%206.016%2020.692C6.017%2020.587%206.034%2020.547%206.052%2020.528C6.071%2020.508%206.105%2020.516%206.132%2020.526C6.194%2020.549%206.233%2020.63%206.269%2020.683C6.299%2020.727%206.348%2020.755%206.408%2020.776C6.457%2020.793%206.501%2020.769%206.52%2020.748C6.556%2020.706%206.575%2020.649%206.596%2020.587L6.613%2020.528C5.931%2018.234%207.71%2014.61%204.262%2012.905C3.56%2012.558%202.733%2012.522%201.991%2012.775Z%20M4.132%2024.535C4.133%2024.537%204.135%2024.538%204.136%2024.54C4.135%2024.538%204.133%2024.537%204.132%2024.535ZM4.687%2023.895L4.687%2023.895L4.688%2023.896C4.69%2023.898%204.692%2023.9%204.694%2023.902C4.692%2023.9%204.689%2023.897%204.687%2023.895ZM5.828%2022.787C5.833%2022.791%205.838%2022.796%205.843%2022.801C5.846%2022.804%205.85%2022.808%205.853%2022.811C5.845%2022.803%205.837%2022.795%205.828%2022.787ZM5.302%2023.301C5.305%2023.305%205.309%2023.309%205.312%2023.313L5.312%2023.313C5.309%2023.309%205.305%2023.305%205.302%2023.301Z%20M8.202%2026.754V29.188L20.366%2032.672L32.677%2027.033L35%2020.592L26.638%2018.628L20.366%2022.915L19.143%2021.029L19.079%2020.93C18.967%2020.972%2018.843%2021.012%2018.706%2021.051C18.591%2021.084%2018.486%2021.147%2018.408%2021.236L16.901%2022.955L16.799%2023.063C16.895%2023.563%2016.823%2024.239%2016.544%2024.816C15.854%2025.783%2014.866%2026.368%2014.157%2026.284L14.059%2026.404L13.621%2026.94C13.572%2027%2013.544%2027.076%2013.547%2027.154C13.559%2027.511%2013.62%2027.781%2013.669%2027.997C13.733%2028.278%2013.776%2028.466%2013.659%2028.627C13.55%2028.776%2013.333%2028.799%2013.167%2028.72C12.805%2028.547%2012.738%2028.229%2012.684%2027.971C12.6%2027.567%2012.545%2027.307%2011.444%2027.969C11.27%2028.074%2011.03%2028.013%2010.984%2027.815C10.857%2027.262%2011.215%2026.932%2012.357%2026.719C12.442%2026.703%2012.518%2026.657%2012.57%2026.588L13.24%2025.7L13.355%2025.549C13.338%2025.491%2013.324%2025.43%2013.313%2025.365L11.911%2021.799C11.305%2020.258%2011.893%2018.505%2013.306%2017.641L13.798%2017.339L15.678%2022.598C15.934%2022.368%2016.154%2022.302%2016.332%2022.353L16.442%2022.232L17.7%2020.669C17.773%2020.579%2017.759%2020.449%2017.681%2020.364C17.226%2019.87%2017.246%2019.219%2017.69%2018.789L17.634%2018.702L15.847%2015.945L14.263%2013.707L15.838%2015.542L22.088%208.366C22.832%207.356%2023.192%206.738%2023.268%205.485L23.603%201.069L16.776%201.098L8.202%208.532V22.359C8.344%2022.504%208.463%2022.667%208.54%2022.856C9.255%2024.603%208.978%2025.944%208.202%2026.754Z%20M23.956%201.098L23.632%205.56C23.554%206.625%2023.132%207.637%2022.428%208.441L16.091%2015.722L16.116%2015.755L28.597%2010.829C28.445%209.92%2028.578%209.36%2029.109%208.833L23.956%201.098ZM25.175%207.763C25.406%207.795%2025.652%207.4%2025.726%206.881C25.799%206.361%2025.671%205.913%2025.439%205.881C25.209%205.848%2024.962%206.243%2024.889%206.763C24.816%207.283%2024.944%207.73%2025.175%207.763Z%20M16.332%2022.353C16.568%2022.42%2016.729%2022.694%2016.799%2023.063L16.901%2022.955C16.844%2022.552%2016.73%2022.407%2016.442%2022.232L16.332%2022.353Z%20M19.711%2019.135C20.053%2020.106%2019.981%2020.587%2019.079%2020.93L19.143%2021.029C20.116%2020.565%2020.243%2020.129%2019.711%2019.034C18.568%2020.241%2017.993%2019.58%2018.841%2018.301C18.442%2018.234%2018.124%2018.317%2017.634%2018.702L17.69%2018.789C17.917%2018.569%2018.255%2018.407%2018.698%2018.353C17.621%2019.684%2018.782%2020.423%2019.711%2019.135Z%20M3.206%2026.381C3.145%2026.373%203.086%2026.362%203.031%2026.35L2.937%2026.325C4.686%2027.989%207.022%2027.986%208.202%2026.754C8.978%2025.944%209.255%2024.603%208.54%2022.856C8.463%2022.667%208.344%2022.504%208.202%2022.359C8.022%2022.174%207.804%2022.017%207.587%2021.873C7.367%2021.726%207.187%2021.558%207.041%2021.374C7.04%2021.378%207.039%2021.383%207.037%2021.388C7.029%2021.419%207.02%2021.45%207.014%2021.481L7.013%2021.488C7.002%2021.547%206.99%2021.613%206.951%2021.669C6.94%2021.686%206.929%2021.705%206.92%2021.724C6.898%2021.765%206.877%2021.804%206.843%2021.811C6.814%2021.816%206.784%2021.81%206.757%2021.798C6.705%2021.775%206.659%2021.735%206.614%2021.691C6.606%2021.683%206.597%2021.674%206.589%2021.665C6.551%2021.625%206.514%2021.586%206.466%2021.595C6.437%2021.6%206.406%2021.611%206.395%2021.638C6.382%2021.669%206.372%2021.703%206.372%2021.843C6.371%2022.19%206.36%2022.434%206.337%2022.429C6.313%2022.423%206.29%2022.405%206.264%2022.38C6.223%2022.341%206.195%2022.306%206.169%2022.274C6.156%2022.259%206.143%2022.243%206.129%2022.228C6.123%2022.221%206.117%2022.214%206.11%2022.206C6.052%2022.14%205.97%2022.046%205.943%2022.087C5.932%2022.105%205.923%2022.147%205.913%2022.237C5.912%2022.248%205.911%2022.261%205.908%2022.277C5.898%2022.358%205.879%2022.497%205.907%2022.591C5.912%2022.61%205.919%2022.63%205.926%2022.649C5.947%2022.712%205.969%2022.776%205.956%2022.82C5.953%2022.833%205.947%2022.847%205.935%2022.848C5.91%2022.851%205.88%2022.837%205.853%2022.811C5.845%2022.803%205.836%2022.794%205.828%2022.786L5.818%2022.777C5.785%2022.746%205.752%2022.714%205.719%2022.677C5.71%2022.667%205.701%2022.656%205.692%2022.645C5.649%2022.592%205.603%2022.538%205.546%2022.538C5.516%2022.538%205.487%2022.544%205.472%2022.567C5.437%2022.619%205.407%2022.682%205.416%2022.801C5.418%2022.828%205.418%2022.855%205.419%2022.882C5.42%2022.925%205.422%2022.97%205.428%2023.026L5.429%2023.039C5.436%2023.1%205.442%2023.157%205.453%2023.21C5.454%2023.219%205.456%2023.228%205.458%2023.236C5.469%2023.285%205.48%2023.338%205.466%2023.42C5.463%2023.442%205.453%2023.458%205.444%2023.452C5.399%2023.417%205.355%2023.364%205.312%2023.313C5.308%2023.308%205.304%2023.303%205.3%2023.298L5.298%2023.295C5.284%2023.279%205.271%2023.263%205.259%2023.247C5.228%2023.209%205.201%2023.174%205.168%2023.149C5.107%2023.102%205.051%2023.065%204.994%2023.071C4.966%2023.074%204.939%2023.086%204.92%2023.11C4.918%2023.111%204.916%2023.113%204.915%2023.116C4.898%2023.135%204.881%2023.155%204.879%2023.184C4.876%2023.223%204.882%2023.259%204.886%2023.287L4.887%2023.294C4.892%2023.326%204.899%2023.358%204.906%2023.389C4.911%2023.416%204.917%2023.442%204.921%2023.468C4.923%2023.481%204.926%2023.493%204.928%2023.506C4.937%2023.555%204.947%2023.607%204.948%2023.669C4.95%2023.714%204.953%2023.761%204.956%2023.806C4.963%2023.895%204.97%2023.981%204.958%2024.046C4.955%2024.059%204.948%2024.077%204.939%2024.076C4.919%2024.072%204.895%2024.056%204.87%2024.039C4.815%2024.002%204.763%2023.962%204.708%2023.914C4.701%2023.908%204.694%2023.902%204.687%2023.895L4.687%2023.895C4.645%2023.859%204.603%2023.822%204.539%2023.78L4.537%2023.778C4.48%2023.741%204.413%2023.696%204.304%2023.714C4.281%2023.717%204.267%2023.724%204.265%2023.745L4.265%2023.754C4.261%2023.806%204.256%2023.864%204.273%2023.915C4.281%2023.942%204.297%2023.981%204.313%2024.022C4.331%2024.066%204.35%2024.113%204.365%2024.155C4.387%2024.22%204.401%2024.28%204.409%2024.335C4.41%2024.343%204.413%2024.358%204.417%2024.377C4.44%2024.486%204.49%2024.731%204.397%2024.712C4.374%2024.708%204.349%2024.697%204.325%2024.683C4.279%2024.657%204.226%2024.621%204.17%2024.571C4.157%2024.559%204.144%2024.547%204.132%2024.535C4.084%2024.491%204.04%2024.451%204.005%2024.428C4%2024.425%203.994%2024.421%203.989%2024.418C3.946%2024.388%203.886%2024.347%203.819%2024.375C3.804%2024.381%203.794%2024.393%203.799%2024.409C3.82%2024.48%203.858%2024.541%203.894%2024.586C3.927%2024.627%203.96%2024.669%203.986%2024.716C4.013%2024.766%204.042%2024.822%204.049%2024.883C4.05%2024.895%204.052%2024.907%204.053%2024.919C4.064%2025.014%204.077%2025.118%204.085%2025.168C4.089%2025.185%204.098%2025.209%204.107%2025.232C4.126%2025.282%204.146%2025.334%204.109%2025.334C4.02%2025.336%203.964%2025.314%203.905%2025.288C3.895%2025.284%203.885%2025.28%203.876%2025.276C3.825%2025.254%203.78%2025.235%203.744%2025.202C3.74%2025.199%203.737%2025.195%203.733%2025.192C3.692%2025.155%203.65%2025.116%203.602%2025.086C3.589%2025.079%203.577%2025.07%203.565%2025.061C3.531%2025.038%203.495%2025.013%203.452%2025.004C3.389%2024.991%203.298%2024.975%203.269%2025.02C3.239%2025.066%203.228%2025.136%203.237%2025.196C3.24%2025.217%203.24%2025.269%203.24%2025.335C3.239%2025.453%203.239%2025.616%203.256%2025.735C3.258%2025.752%203.26%2025.768%203.262%2025.785C3.268%2025.84%203.275%2025.891%203.294%2025.941C3.317%2026.002%203.343%2026.066%203.375%2026.117C3.403%2026.161%203.435%2026.216%203.425%2026.285L3.424%2026.289C3.419%2026.322%203.414%2026.358%203.391%2026.364C3.334%2026.378%203.265%2026.388%203.206%2026.381Z%20M14.157%2026.284C13.784%2026.239%2013.488%2026.008%2013.355%2025.549L13.24%2025.7C13.461%2026.301%2013.684%2026.312%2014.059%2026.404L14.157%2026.284Z%22%20fill%3D%22url%28%23o%29%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right bottom/auto 100% no-repeat}
.card.f-bronze .card__tile::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2035%2033%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22o%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffb25e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f0501a%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M28.876%2010.706L30.08%2010.222L29.286%209.039C28.845%209.609%2028.764%209.977%2028.876%2010.706Z%20M7.886%201.162L7.874%201.462C8.051%201.388%208.107%201.334%208.183%201.158L7.886%201.162Z%20M7.696%207.688L14.39%201.098L8.406%201.157C8.318%201.404%208.12%201.6%207.87%201.685L7.696%207.688Z%20M8.183%201.158C8.107%201.334%208.051%201.388%207.874%201.462L7.87%201.685C8.12%201.6%208.318%201.404%208.406%201.157L8.183%201.158Z%20M7.59%201.519V1.732C7.688%201.732%207.782%201.716%207.87%201.685L7.874%201.462C7.787%201.499%207.691%201.519%207.59%201.519Z%20M7.59%200.213C7.998%200.213%208.243%200.458%208.243%200.866C8.243%200.97%208.221%201.068%208.183%201.158L8.406%201.157C8.438%201.066%208.456%200.968%208.456%200.866C8.456%200.388%208.068%200%207.59%200C7.112%200%206.724%200.388%206.724%200.866C6.724%201.344%207.112%201.732%207.59%201.732V1.519C7.182%201.519%206.937%201.274%206.937%200.866C6.937%200.458%207.182%200.213%207.59%200.213Z%20M1.991%2012.775C0.314%2013.348%200.038%2014.336%200%2016.789C0.543%2013.962%203.411%2014.274%202.447%2016.904C2.099%2017.852%201.628%2018.769%201.478%2019.768C1.121%2022.144%201.258%2022.578%201.585%2024.136C1.712%2024.584%201.892%2025.022%202.156%2025.405C2.191%2025.457%202.227%2025.507%202.263%2025.556C2.265%2025.533%202.277%2025.478%202.293%2025.421L2.294%2025.417C2.313%2025.346%202.332%2025.28%202.339%2025.22C2.347%2025.163%202.35%2025.102%202.351%2024.885C2.351%2024.794%202.335%2024.733%202.326%2024.674C2.316%2024.612%202.304%2024.551%202.291%2024.482C2.28%2024.424%202.278%2024.384%202.278%2024.36C2.278%2024.348%202.292%2024.341%202.304%2024.336C2.388%2024.299%202.527%2024.331%202.598%2024.354C2.657%2024.374%202.705%2024.422%202.768%2024.461C2.793%2024.477%202.818%2024.487%202.845%2024.488C2.874%2024.489%202.894%2024.459%202.907%2024.435C2.934%2024.386%202.936%2024.32%202.939%2024.204L2.939%2024.195C2.944%2024.018%202.963%2023.775%202.999%2023.766C3.061%2023.751%203.127%2023.771%203.183%2023.792C3.244%2023.815%203.293%2023.852%203.336%2023.886L3.342%2023.89C3.363%2023.907%203.391%2023.914%203.416%2023.916C3.466%2023.92%203.486%2023.842%203.514%2023.786C3.544%2023.729%203.552%2023.66%203.562%2023.595C3.578%2023.488%203.56%2023.34%203.549%2023.283C3.543%2023.254%203.536%2023.226%203.538%2023.2C3.539%2023.176%203.575%2023.165%203.602%2023.153C3.673%2023.123%203.766%2023.216%203.817%2023.265C3.871%2023.317%203.912%2023.348%203.953%2023.381C3.963%2023.389%203.973%2023.397%203.985%2023.4C3.997%2023.403%204.011%2023.401%204.023%2023.396C4.035%2023.391%204.045%2023.383%204.052%2023.371C4.082%2023.318%204.075%2023.251%204.085%2023.181C4.097%2023.095%204.083%2022.965%204.076%2022.867C4.071%2022.794%204.054%2022.737%204.049%2022.677C4.044%2022.617%204.04%2022.562%204.05%2022.522C4.055%2022.505%204.082%2022.507%204.1%2022.509C4.16%2022.518%204.196%2022.564%204.238%2022.612C4.279%2022.659%204.302%2022.71%204.335%2022.756C4.353%2022.782%204.376%2022.811%204.401%2022.83C4.412%2022.839%204.426%2022.833%204.434%2022.824C4.542%2022.695%204.442%2022.361%204.435%2022.274C4.419%2022.089%204.456%2022.033%204.481%2021.984C4.494%2021.959%204.523%2021.946%204.556%2021.936C4.63%2021.915%204.685%2021.982%204.733%2022.023C4.783%2022.064%204.837%2022.112%204.88%2022.14C4.89%2022.146%204.905%2022.139%204.914%2022.132C4.954%2022.099%204.952%2022.029%204.973%2021.971C5.027%2021.823%204.987%2021.557%204.987%2021.469C4.988%2021.402%205.039%2021.353%205.081%2021.317C5.101%2021.299%205.134%2021.308%205.159%2021.314C5.209%2021.328%205.249%2021.388%205.291%2021.433C5.331%2021.476%205.376%2021.518%205.419%2021.556C5.43%2021.566%205.442%2021.572%205.454%2021.572C5.466%2021.572%205.477%2021.565%205.486%2021.553C5.529%2021.502%205.522%2021.432%205.525%2021.359C5.528%2021.287%205.526%2021.205%205.526%2021.067C5.526%2021.021%205.543%2020.996%205.558%2020.974C5.572%2020.951%205.592%2020.935%205.622%2020.927C5.657%2020.918%205.692%2020.933%205.719%2020.954C5.775%2020.997%205.798%2021.049%205.838%2021.091C5.875%2021.13%205.915%2021.167%205.967%2021.178C5.979%2021.181%205.988%2021.167%205.994%2021.154C6.032%2021.078%206.013%2020.958%206.016%2020.692C6.017%2020.587%206.034%2020.547%206.052%2020.528C6.071%2020.508%206.105%2020.516%206.132%2020.526C6.194%2020.549%206.233%2020.63%206.269%2020.683C6.299%2020.727%206.348%2020.755%206.408%2020.776C6.457%2020.793%206.501%2020.769%206.52%2020.748C6.556%2020.706%206.575%2020.649%206.596%2020.587L6.613%2020.528C5.931%2018.234%207.71%2014.61%204.262%2012.905C3.56%2012.558%202.733%2012.522%201.991%2012.775Z%20M4.132%2024.535C4.133%2024.537%204.135%2024.538%204.136%2024.54C4.135%2024.538%204.133%2024.537%204.132%2024.535ZM4.687%2023.895L4.687%2023.895L4.688%2023.896C4.69%2023.898%204.692%2023.9%204.694%2023.902C4.692%2023.9%204.689%2023.897%204.687%2023.895ZM5.828%2022.787C5.833%2022.791%205.838%2022.796%205.843%2022.801C5.846%2022.804%205.85%2022.808%205.853%2022.811C5.845%2022.803%205.837%2022.795%205.828%2022.787ZM5.302%2023.301C5.305%2023.305%205.309%2023.309%205.312%2023.313L5.312%2023.313C5.309%2023.309%205.305%2023.305%205.302%2023.301Z%20M8.202%2026.754V29.188L20.366%2032.672L32.677%2027.033L35%2020.592L26.638%2018.628L20.366%2022.915L19.143%2021.029L19.079%2020.93C18.967%2020.972%2018.843%2021.012%2018.706%2021.051C18.591%2021.084%2018.486%2021.147%2018.408%2021.236L16.901%2022.955L16.799%2023.063C16.895%2023.563%2016.823%2024.239%2016.544%2024.816C15.854%2025.783%2014.866%2026.368%2014.157%2026.284L14.059%2026.404L13.621%2026.94C13.572%2027%2013.544%2027.076%2013.547%2027.154C13.559%2027.511%2013.62%2027.781%2013.669%2027.997C13.733%2028.278%2013.776%2028.466%2013.659%2028.627C13.55%2028.776%2013.333%2028.799%2013.167%2028.72C12.805%2028.547%2012.738%2028.229%2012.684%2027.971C12.6%2027.567%2012.545%2027.307%2011.444%2027.969C11.27%2028.074%2011.03%2028.013%2010.984%2027.815C10.857%2027.262%2011.215%2026.932%2012.357%2026.719C12.442%2026.703%2012.518%2026.657%2012.57%2026.588L13.24%2025.7L13.355%2025.549C13.338%2025.491%2013.324%2025.43%2013.313%2025.365L11.911%2021.799C11.305%2020.258%2011.893%2018.505%2013.306%2017.641L13.798%2017.339L15.678%2022.598C15.934%2022.368%2016.154%2022.302%2016.332%2022.353L16.442%2022.232L17.7%2020.669C17.773%2020.579%2017.759%2020.449%2017.681%2020.364C17.226%2019.87%2017.246%2019.219%2017.69%2018.789L17.634%2018.702L15.847%2015.945L14.263%2013.707L15.838%2015.542L22.088%208.366C22.832%207.356%2023.192%206.738%2023.268%205.485L23.603%201.069L16.776%201.098L8.202%208.532V22.359C8.344%2022.504%208.463%2022.667%208.54%2022.856C9.255%2024.603%208.978%2025.944%208.202%2026.754Z%20M23.956%201.098L23.632%205.56C23.554%206.625%2023.132%207.637%2022.428%208.441L16.091%2015.722L16.116%2015.755L28.597%2010.829C28.445%209.92%2028.578%209.36%2029.109%208.833L23.956%201.098ZM25.175%207.763C25.406%207.795%2025.652%207.4%2025.726%206.881C25.799%206.361%2025.671%205.913%2025.439%205.881C25.209%205.848%2024.962%206.243%2024.889%206.763C24.816%207.283%2024.944%207.73%2025.175%207.763Z%20M16.332%2022.353C16.568%2022.42%2016.729%2022.694%2016.799%2023.063L16.901%2022.955C16.844%2022.552%2016.73%2022.407%2016.442%2022.232L16.332%2022.353Z%20M19.711%2019.135C20.053%2020.106%2019.981%2020.587%2019.079%2020.93L19.143%2021.029C20.116%2020.565%2020.243%2020.129%2019.711%2019.034C18.568%2020.241%2017.993%2019.58%2018.841%2018.301C18.442%2018.234%2018.124%2018.317%2017.634%2018.702L17.69%2018.789C17.917%2018.569%2018.255%2018.407%2018.698%2018.353C17.621%2019.684%2018.782%2020.423%2019.711%2019.135Z%20M3.206%2026.381C3.145%2026.373%203.086%2026.362%203.031%2026.35L2.937%2026.325C4.686%2027.989%207.022%2027.986%208.202%2026.754C8.978%2025.944%209.255%2024.603%208.54%2022.856C8.463%2022.667%208.344%2022.504%208.202%2022.359C8.022%2022.174%207.804%2022.017%207.587%2021.873C7.367%2021.726%207.187%2021.558%207.041%2021.374C7.04%2021.378%207.039%2021.383%207.037%2021.388C7.029%2021.419%207.02%2021.45%207.014%2021.481L7.013%2021.488C7.002%2021.547%206.99%2021.613%206.951%2021.669C6.94%2021.686%206.929%2021.705%206.92%2021.724C6.898%2021.765%206.877%2021.804%206.843%2021.811C6.814%2021.816%206.784%2021.81%206.757%2021.798C6.705%2021.775%206.659%2021.735%206.614%2021.691C6.606%2021.683%206.597%2021.674%206.589%2021.665C6.551%2021.625%206.514%2021.586%206.466%2021.595C6.437%2021.6%206.406%2021.611%206.395%2021.638C6.382%2021.669%206.372%2021.703%206.372%2021.843C6.371%2022.19%206.36%2022.434%206.337%2022.429C6.313%2022.423%206.29%2022.405%206.264%2022.38C6.223%2022.341%206.195%2022.306%206.169%2022.274C6.156%2022.259%206.143%2022.243%206.129%2022.228C6.123%2022.221%206.117%2022.214%206.11%2022.206C6.052%2022.14%205.97%2022.046%205.943%2022.087C5.932%2022.105%205.923%2022.147%205.913%2022.237C5.912%2022.248%205.911%2022.261%205.908%2022.277C5.898%2022.358%205.879%2022.497%205.907%2022.591C5.912%2022.61%205.919%2022.63%205.926%2022.649C5.947%2022.712%205.969%2022.776%205.956%2022.82C5.953%2022.833%205.947%2022.847%205.935%2022.848C5.91%2022.851%205.88%2022.837%205.853%2022.811C5.845%2022.803%205.836%2022.794%205.828%2022.786L5.818%2022.777C5.785%2022.746%205.752%2022.714%205.719%2022.677C5.71%2022.667%205.701%2022.656%205.692%2022.645C5.649%2022.592%205.603%2022.538%205.546%2022.538C5.516%2022.538%205.487%2022.544%205.472%2022.567C5.437%2022.619%205.407%2022.682%205.416%2022.801C5.418%2022.828%205.418%2022.855%205.419%2022.882C5.42%2022.925%205.422%2022.97%205.428%2023.026L5.429%2023.039C5.436%2023.1%205.442%2023.157%205.453%2023.21C5.454%2023.219%205.456%2023.228%205.458%2023.236C5.469%2023.285%205.48%2023.338%205.466%2023.42C5.463%2023.442%205.453%2023.458%205.444%2023.452C5.399%2023.417%205.355%2023.364%205.312%2023.313C5.308%2023.308%205.304%2023.303%205.3%2023.298L5.298%2023.295C5.284%2023.279%205.271%2023.263%205.259%2023.247C5.228%2023.209%205.201%2023.174%205.168%2023.149C5.107%2023.102%205.051%2023.065%204.994%2023.071C4.966%2023.074%204.939%2023.086%204.92%2023.11C4.918%2023.111%204.916%2023.113%204.915%2023.116C4.898%2023.135%204.881%2023.155%204.879%2023.184C4.876%2023.223%204.882%2023.259%204.886%2023.287L4.887%2023.294C4.892%2023.326%204.899%2023.358%204.906%2023.389C4.911%2023.416%204.917%2023.442%204.921%2023.468C4.923%2023.481%204.926%2023.493%204.928%2023.506C4.937%2023.555%204.947%2023.607%204.948%2023.669C4.95%2023.714%204.953%2023.761%204.956%2023.806C4.963%2023.895%204.97%2023.981%204.958%2024.046C4.955%2024.059%204.948%2024.077%204.939%2024.076C4.919%2024.072%204.895%2024.056%204.87%2024.039C4.815%2024.002%204.763%2023.962%204.708%2023.914C4.701%2023.908%204.694%2023.902%204.687%2023.895L4.687%2023.895C4.645%2023.859%204.603%2023.822%204.539%2023.78L4.537%2023.778C4.48%2023.741%204.413%2023.696%204.304%2023.714C4.281%2023.717%204.267%2023.724%204.265%2023.745L4.265%2023.754C4.261%2023.806%204.256%2023.864%204.273%2023.915C4.281%2023.942%204.297%2023.981%204.313%2024.022C4.331%2024.066%204.35%2024.113%204.365%2024.155C4.387%2024.22%204.401%2024.28%204.409%2024.335C4.41%2024.343%204.413%2024.358%204.417%2024.377C4.44%2024.486%204.49%2024.731%204.397%2024.712C4.374%2024.708%204.349%2024.697%204.325%2024.683C4.279%2024.657%204.226%2024.621%204.17%2024.571C4.157%2024.559%204.144%2024.547%204.132%2024.535C4.084%2024.491%204.04%2024.451%204.005%2024.428C4%2024.425%203.994%2024.421%203.989%2024.418C3.946%2024.388%203.886%2024.347%203.819%2024.375C3.804%2024.381%203.794%2024.393%203.799%2024.409C3.82%2024.48%203.858%2024.541%203.894%2024.586C3.927%2024.627%203.96%2024.669%203.986%2024.716C4.013%2024.766%204.042%2024.822%204.049%2024.883C4.05%2024.895%204.052%2024.907%204.053%2024.919C4.064%2025.014%204.077%2025.118%204.085%2025.168C4.089%2025.185%204.098%2025.209%204.107%2025.232C4.126%2025.282%204.146%2025.334%204.109%2025.334C4.02%2025.336%203.964%2025.314%203.905%2025.288C3.895%2025.284%203.885%2025.28%203.876%2025.276C3.825%2025.254%203.78%2025.235%203.744%2025.202C3.74%2025.199%203.737%2025.195%203.733%2025.192C3.692%2025.155%203.65%2025.116%203.602%2025.086C3.589%2025.079%203.577%2025.07%203.565%2025.061C3.531%2025.038%203.495%2025.013%203.452%2025.004C3.389%2024.991%203.298%2024.975%203.269%2025.02C3.239%2025.066%203.228%2025.136%203.237%2025.196C3.24%2025.217%203.24%2025.269%203.24%2025.335C3.239%2025.453%203.239%2025.616%203.256%2025.735C3.258%2025.752%203.26%2025.768%203.262%2025.785C3.268%2025.84%203.275%2025.891%203.294%2025.941C3.317%2026.002%203.343%2026.066%203.375%2026.117C3.403%2026.161%203.435%2026.216%203.425%2026.285L3.424%2026.289C3.419%2026.322%203.414%2026.358%203.391%2026.364C3.334%2026.378%203.265%2026.388%203.206%2026.381Z%20M14.157%2026.284C13.784%2026.239%2013.488%2026.008%2013.355%2025.549L13.24%2025.7C13.461%2026.301%2013.684%2026.312%2014.059%2026.404L14.157%2026.284Z%22%20fill%3D%22url%28%23o%29%22%2F%3E%3C%2Fsvg%3E") center/62% no-repeat;filter:none}
.card.f-bronze .card__tile>*{display:none!important}
.card.f-bronze .card__tile::before{content:"";width:31px;height:31px;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}

/* v10: Website card = brand orange, Craftik mark outline + fill blend; clearer card elevation; Print tile like the others */
.card.f-bronze{--cink:#fff;--cdim:rgba(255,255,255,.8);background:radial-gradient(90% 90% at 100% 0%,rgba(255,190,110,.5),transparent 60%),linear-gradient(150deg,#f26a22,#d4400f 70%,#a82d08)}
.card.f-bronze:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20220%22%20preserveAspectRatio%3D%22xMaxYMax%20slice%22%3E%3Cg%20transform%3D%22translate%28150%20-30%29%20scale%287%29%22%3E%3Cpath%20d%3D%22M28.876%2010.706L30.08%2010.222L29.286%209.039C28.845%209.609%2028.764%209.977%2028.876%2010.706Z%20M7.886%201.162L7.874%201.462C8.051%201.388%208.107%201.334%208.183%201.158L7.886%201.162Z%20M7.696%207.688L14.39%201.098L8.406%201.157C8.318%201.404%208.12%201.6%207.87%201.685L7.696%207.688Z%20M8.183%201.158C8.107%201.334%208.051%201.388%207.874%201.462L7.87%201.685C8.12%201.6%208.318%201.404%208.406%201.157L8.183%201.158Z%20M7.59%201.519V1.732C7.688%201.732%207.782%201.716%207.87%201.685L7.874%201.462C7.787%201.499%207.691%201.519%207.59%201.519Z%20M7.59%200.213C7.998%200.213%208.243%200.458%208.243%200.866C8.243%200.97%208.221%201.068%208.183%201.158L8.406%201.157C8.438%201.066%208.456%200.968%208.456%200.866C8.456%200.388%208.068%200%207.59%200C7.112%200%206.724%200.388%206.724%200.866C6.724%201.344%207.112%201.732%207.59%201.732V1.519C7.182%201.519%206.937%201.274%206.937%200.866C6.937%200.458%207.182%200.213%207.59%200.213Z%20M1.991%2012.775C0.314%2013.348%200.038%2014.336%200%2016.789C0.543%2013.962%203.411%2014.274%202.447%2016.904C2.099%2017.852%201.628%2018.769%201.478%2019.768C1.121%2022.144%201.258%2022.578%201.585%2024.136C1.712%2024.584%201.892%2025.022%202.156%2025.405C2.191%2025.457%202.227%2025.507%202.263%2025.556C2.265%2025.533%202.277%2025.478%202.293%2025.421L2.294%2025.417C2.313%2025.346%202.332%2025.28%202.339%2025.22C2.347%2025.163%202.35%2025.102%202.351%2024.885C2.351%2024.794%202.335%2024.733%202.326%2024.674C2.316%2024.612%202.304%2024.551%202.291%2024.482C2.28%2024.424%202.278%2024.384%202.278%2024.36C2.278%2024.348%202.292%2024.341%202.304%2024.336C2.388%2024.299%202.527%2024.331%202.598%2024.354C2.657%2024.374%202.705%2024.422%202.768%2024.461C2.793%2024.477%202.818%2024.487%202.845%2024.488C2.874%2024.489%202.894%2024.459%202.907%2024.435C2.934%2024.386%202.936%2024.32%202.939%2024.204L2.939%2024.195C2.944%2024.018%202.963%2023.775%202.999%2023.766C3.061%2023.751%203.127%2023.771%203.183%2023.792C3.244%2023.815%203.293%2023.852%203.336%2023.886L3.342%2023.89C3.363%2023.907%203.391%2023.914%203.416%2023.916C3.466%2023.92%203.486%2023.842%203.514%2023.786C3.544%2023.729%203.552%2023.66%203.562%2023.595C3.578%2023.488%203.56%2023.34%203.549%2023.283C3.543%2023.254%203.536%2023.226%203.538%2023.2C3.539%2023.176%203.575%2023.165%203.602%2023.153C3.673%2023.123%203.766%2023.216%203.817%2023.265C3.871%2023.317%203.912%2023.348%203.953%2023.381C3.963%2023.389%203.973%2023.397%203.985%2023.4C3.997%2023.403%204.011%2023.401%204.023%2023.396C4.035%2023.391%204.045%2023.383%204.052%2023.371C4.082%2023.318%204.075%2023.251%204.085%2023.181C4.097%2023.095%204.083%2022.965%204.076%2022.867C4.071%2022.794%204.054%2022.737%204.049%2022.677C4.044%2022.617%204.04%2022.562%204.05%2022.522C4.055%2022.505%204.082%2022.507%204.1%2022.509C4.16%2022.518%204.196%2022.564%204.238%2022.612C4.279%2022.659%204.302%2022.71%204.335%2022.756C4.353%2022.782%204.376%2022.811%204.401%2022.83C4.412%2022.839%204.426%2022.833%204.434%2022.824C4.542%2022.695%204.442%2022.361%204.435%2022.274C4.419%2022.089%204.456%2022.033%204.481%2021.984C4.494%2021.959%204.523%2021.946%204.556%2021.936C4.63%2021.915%204.685%2021.982%204.733%2022.023C4.783%2022.064%204.837%2022.112%204.88%2022.14C4.89%2022.146%204.905%2022.139%204.914%2022.132C4.954%2022.099%204.952%2022.029%204.973%2021.971C5.027%2021.823%204.987%2021.557%204.987%2021.469C4.988%2021.402%205.039%2021.353%205.081%2021.317C5.101%2021.299%205.134%2021.308%205.159%2021.314C5.209%2021.328%205.249%2021.388%205.291%2021.433C5.331%2021.476%205.376%2021.518%205.419%2021.556C5.43%2021.566%205.442%2021.572%205.454%2021.572C5.466%2021.572%205.477%2021.565%205.486%2021.553C5.529%2021.502%205.522%2021.432%205.525%2021.359C5.528%2021.287%205.526%2021.205%205.526%2021.067C5.526%2021.021%205.543%2020.996%205.558%2020.974C5.572%2020.951%205.592%2020.935%205.622%2020.927C5.657%2020.918%205.692%2020.933%205.719%2020.954C5.775%2020.997%205.798%2021.049%205.838%2021.091C5.875%2021.13%205.915%2021.167%205.967%2021.178C5.979%2021.181%205.988%2021.167%205.994%2021.154C6.032%2021.078%206.013%2020.958%206.016%2020.692C6.017%2020.587%206.034%2020.547%206.052%2020.528C6.071%2020.508%206.105%2020.516%206.132%2020.526C6.194%2020.549%206.233%2020.63%206.269%2020.683C6.299%2020.727%206.348%2020.755%206.408%2020.776C6.457%2020.793%206.501%2020.769%206.52%2020.748C6.556%2020.706%206.575%2020.649%206.596%2020.587L6.613%2020.528C5.931%2018.234%207.71%2014.61%204.262%2012.905C3.56%2012.558%202.733%2012.522%201.991%2012.775Z%20M4.132%2024.535C4.133%2024.537%204.135%2024.538%204.136%2024.54C4.135%2024.538%204.133%2024.537%204.132%2024.535ZM4.687%2023.895L4.687%2023.895L4.688%2023.896C4.69%2023.898%204.692%2023.9%204.694%2023.902C4.692%2023.9%204.689%2023.897%204.687%2023.895ZM5.828%2022.787C5.833%2022.791%205.838%2022.796%205.843%2022.801C5.846%2022.804%205.85%2022.808%205.853%2022.811C5.845%2022.803%205.837%2022.795%205.828%2022.787ZM5.302%2023.301C5.305%2023.305%205.309%2023.309%205.312%2023.313L5.312%2023.313C5.309%2023.309%205.305%2023.305%205.302%2023.301Z%20M8.202%2026.754V29.188L20.366%2032.672L32.677%2027.033L35%2020.592L26.638%2018.628L20.366%2022.915L19.143%2021.029L19.079%2020.93C18.967%2020.972%2018.843%2021.012%2018.706%2021.051C18.591%2021.084%2018.486%2021.147%2018.408%2021.236L16.901%2022.955L16.799%2023.063C16.895%2023.563%2016.823%2024.239%2016.544%2024.816C15.854%2025.783%2014.866%2026.368%2014.157%2026.284L14.059%2026.404L13.621%2026.94C13.572%2027%2013.544%2027.076%2013.547%2027.154C13.559%2027.511%2013.62%2027.781%2013.669%2027.997C13.733%2028.278%2013.776%2028.466%2013.659%2028.627C13.55%2028.776%2013.333%2028.799%2013.167%2028.72C12.805%2028.547%2012.738%2028.229%2012.684%2027.971C12.6%2027.567%2012.545%2027.307%2011.444%2027.969C11.27%2028.074%2011.03%2028.013%2010.984%2027.815C10.857%2027.262%2011.215%2026.932%2012.357%2026.719C12.442%2026.703%2012.518%2026.657%2012.57%2026.588L13.24%2025.7L13.355%2025.549C13.338%2025.491%2013.324%2025.43%2013.313%2025.365L11.911%2021.799C11.305%2020.258%2011.893%2018.505%2013.306%2017.641L13.798%2017.339L15.678%2022.598C15.934%2022.368%2016.154%2022.302%2016.332%2022.353L16.442%2022.232L17.7%2020.669C17.773%2020.579%2017.759%2020.449%2017.681%2020.364C17.226%2019.87%2017.246%2019.219%2017.69%2018.789L17.634%2018.702L15.847%2015.945L14.263%2013.707L15.838%2015.542L22.088%208.366C22.832%207.356%2023.192%206.738%2023.268%205.485L23.603%201.069L16.776%201.098L8.202%208.532V22.359C8.344%2022.504%208.463%2022.667%208.54%2022.856C9.255%2024.603%208.978%2025.944%208.202%2026.754Z%20M23.956%201.098L23.632%205.56C23.554%206.625%2023.132%207.637%2022.428%208.441L16.091%2015.722L16.116%2015.755L28.597%2010.829C28.445%209.92%2028.578%209.36%2029.109%208.833L23.956%201.098ZM25.175%207.763C25.406%207.795%2025.652%207.4%2025.726%206.881C25.799%206.361%2025.671%205.913%2025.439%205.881C25.209%205.848%2024.962%206.243%2024.889%206.763C24.816%207.283%2024.944%207.73%2025.175%207.763Z%20M16.332%2022.353C16.568%2022.42%2016.729%2022.694%2016.799%2023.063L16.901%2022.955C16.844%2022.552%2016.73%2022.407%2016.442%2022.232L16.332%2022.353Z%20M19.711%2019.135C20.053%2020.106%2019.981%2020.587%2019.079%2020.93L19.143%2021.029C20.116%2020.565%2020.243%2020.129%2019.711%2019.034C18.568%2020.241%2017.993%2019.58%2018.841%2018.301C18.442%2018.234%2018.124%2018.317%2017.634%2018.702L17.69%2018.789C17.917%2018.569%2018.255%2018.407%2018.698%2018.353C17.621%2019.684%2018.782%2020.423%2019.711%2019.135Z%20M3.206%2026.381C3.145%2026.373%203.086%2026.362%203.031%2026.35L2.937%2026.325C4.686%2027.989%207.022%2027.986%208.202%2026.754C8.978%2025.944%209.255%2024.603%208.54%2022.856C8.463%2022.667%208.344%2022.504%208.202%2022.359C8.022%2022.174%207.804%2022.017%207.587%2021.873C7.367%2021.726%207.187%2021.558%207.041%2021.374C7.04%2021.378%207.039%2021.383%207.037%2021.388C7.029%2021.419%207.02%2021.45%207.014%2021.481L7.013%2021.488C7.002%2021.547%206.99%2021.613%206.951%2021.669C6.94%2021.686%206.929%2021.705%206.92%2021.724C6.898%2021.765%206.877%2021.804%206.843%2021.811C6.814%2021.816%206.784%2021.81%206.757%2021.798C6.705%2021.775%206.659%2021.735%206.614%2021.691C6.606%2021.683%206.597%2021.674%206.589%2021.665C6.551%2021.625%206.514%2021.586%206.466%2021.595C6.437%2021.6%206.406%2021.611%206.395%2021.638C6.382%2021.669%206.372%2021.703%206.372%2021.843C6.371%2022.19%206.36%2022.434%206.337%2022.429C6.313%2022.423%206.29%2022.405%206.264%2022.38C6.223%2022.341%206.195%2022.306%206.169%2022.274C6.156%2022.259%206.143%2022.243%206.129%2022.228C6.123%2022.221%206.117%2022.214%206.11%2022.206C6.052%2022.14%205.97%2022.046%205.943%2022.087C5.932%2022.105%205.923%2022.147%205.913%2022.237C5.912%2022.248%205.911%2022.261%205.908%2022.277C5.898%2022.358%205.879%2022.497%205.907%2022.591C5.912%2022.61%205.919%2022.63%205.926%2022.649C5.947%2022.712%205.969%2022.776%205.956%2022.82C5.953%2022.833%205.947%2022.847%205.935%2022.848C5.91%2022.851%205.88%2022.837%205.853%2022.811C5.845%2022.803%205.836%2022.794%205.828%2022.786L5.818%2022.777C5.785%2022.746%205.752%2022.714%205.719%2022.677C5.71%2022.667%205.701%2022.656%205.692%2022.645C5.649%2022.592%205.603%2022.538%205.546%2022.538C5.516%2022.538%205.487%2022.544%205.472%2022.567C5.437%2022.619%205.407%2022.682%205.416%2022.801C5.418%2022.828%205.418%2022.855%205.419%2022.882C5.42%2022.925%205.422%2022.97%205.428%2023.026L5.429%2023.039C5.436%2023.1%205.442%2023.157%205.453%2023.21C5.454%2023.219%205.456%2023.228%205.458%2023.236C5.469%2023.285%205.48%2023.338%205.466%2023.42C5.463%2023.442%205.453%2023.458%205.444%2023.452C5.399%2023.417%205.355%2023.364%205.312%2023.313C5.308%2023.308%205.304%2023.303%205.3%2023.298L5.298%2023.295C5.284%2023.279%205.271%2023.263%205.259%2023.247C5.228%2023.209%205.201%2023.174%205.168%2023.149C5.107%2023.102%205.051%2023.065%204.994%2023.071C4.966%2023.074%204.939%2023.086%204.92%2023.11C4.918%2023.111%204.916%2023.113%204.915%2023.116C4.898%2023.135%204.881%2023.155%204.879%2023.184C4.876%2023.223%204.882%2023.259%204.886%2023.287L4.887%2023.294C4.892%2023.326%204.899%2023.358%204.906%2023.389C4.911%2023.416%204.917%2023.442%204.921%2023.468C4.923%2023.481%204.926%2023.493%204.928%2023.506C4.937%2023.555%204.947%2023.607%204.948%2023.669C4.95%2023.714%204.953%2023.761%204.956%2023.806C4.963%2023.895%204.97%2023.981%204.958%2024.046C4.955%2024.059%204.948%2024.077%204.939%2024.076C4.919%2024.072%204.895%2024.056%204.87%2024.039C4.815%2024.002%204.763%2023.962%204.708%2023.914C4.701%2023.908%204.694%2023.902%204.687%2023.895L4.687%2023.895C4.645%2023.859%204.603%2023.822%204.539%2023.78L4.537%2023.778C4.48%2023.741%204.413%2023.696%204.304%2023.714C4.281%2023.717%204.267%2023.724%204.265%2023.745L4.265%2023.754C4.261%2023.806%204.256%2023.864%204.273%2023.915C4.281%2023.942%204.297%2023.981%204.313%2024.022C4.331%2024.066%204.35%2024.113%204.365%2024.155C4.387%2024.22%204.401%2024.28%204.409%2024.335C4.41%2024.343%204.413%2024.358%204.417%2024.377C4.44%2024.486%204.49%2024.731%204.397%2024.712C4.374%2024.708%204.349%2024.697%204.325%2024.683C4.279%2024.657%204.226%2024.621%204.17%2024.571C4.157%2024.559%204.144%2024.547%204.132%2024.535C4.084%2024.491%204.04%2024.451%204.005%2024.428C4%2024.425%203.994%2024.421%203.989%2024.418C3.946%2024.388%203.886%2024.347%203.819%2024.375C3.804%2024.381%203.794%2024.393%203.799%2024.409C3.82%2024.48%203.858%2024.541%203.894%2024.586C3.927%2024.627%203.96%2024.669%203.986%2024.716C4.013%2024.766%204.042%2024.822%204.049%2024.883C4.05%2024.895%204.052%2024.907%204.053%2024.919C4.064%2025.014%204.077%2025.118%204.085%2025.168C4.089%2025.185%204.098%2025.209%204.107%2025.232C4.126%2025.282%204.146%2025.334%204.109%2025.334C4.02%2025.336%203.964%2025.314%203.905%2025.288C3.895%2025.284%203.885%2025.28%203.876%2025.276C3.825%2025.254%203.78%2025.235%203.744%2025.202C3.74%2025.199%203.737%2025.195%203.733%2025.192C3.692%2025.155%203.65%2025.116%203.602%2025.086C3.589%2025.079%203.577%2025.07%203.565%2025.061C3.531%2025.038%203.495%2025.013%203.452%2025.004C3.389%2024.991%203.298%2024.975%203.269%2025.02C3.239%2025.066%203.228%2025.136%203.237%2025.196C3.24%2025.217%203.24%2025.269%203.24%2025.335C3.239%2025.453%203.239%2025.616%203.256%2025.735C3.258%2025.752%203.26%2025.768%203.262%2025.785C3.268%2025.84%203.275%2025.891%203.294%2025.941C3.317%2026.002%203.343%2026.066%203.375%2026.117C3.403%2026.161%203.435%2026.216%203.425%2026.285L3.424%2026.289C3.419%2026.322%203.414%2026.358%203.391%2026.364C3.334%2026.378%203.265%2026.388%203.206%2026.381Z%20M14.157%2026.284C13.784%2026.239%2013.488%2026.008%2013.355%2025.549L13.24%2025.7C13.461%2026.301%2013.684%2026.312%2014.059%2026.404L14.157%2026.284Z%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%22.22%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28236%2096%29%20scale%283%29%22%3E%3Cpath%20d%3D%22M28.876%2010.706L30.08%2010.222L29.286%209.039C28.845%209.609%2028.764%209.977%2028.876%2010.706Z%20M7.886%201.162L7.874%201.462C8.051%201.388%208.107%201.334%208.183%201.158L7.886%201.162Z%20M7.696%207.688L14.39%201.098L8.406%201.157C8.318%201.404%208.12%201.6%207.87%201.685L7.696%207.688Z%20M8.183%201.158C8.107%201.334%208.051%201.388%207.874%201.462L7.87%201.685C8.12%201.6%208.318%201.404%208.406%201.157L8.183%201.158Z%20M7.59%201.519V1.732C7.688%201.732%207.782%201.716%207.87%201.685L7.874%201.462C7.787%201.499%207.691%201.519%207.59%201.519Z%20M7.59%200.213C7.998%200.213%208.243%200.458%208.243%200.866C8.243%200.97%208.221%201.068%208.183%201.158L8.406%201.157C8.438%201.066%208.456%200.968%208.456%200.866C8.456%200.388%208.068%200%207.59%200C7.112%200%206.724%200.388%206.724%200.866C6.724%201.344%207.112%201.732%207.59%201.732V1.519C7.182%201.519%206.937%201.274%206.937%200.866C6.937%200.458%207.182%200.213%207.59%200.213Z%20M1.991%2012.775C0.314%2013.348%200.038%2014.336%200%2016.789C0.543%2013.962%203.411%2014.274%202.447%2016.904C2.099%2017.852%201.628%2018.769%201.478%2019.768C1.121%2022.144%201.258%2022.578%201.585%2024.136C1.712%2024.584%201.892%2025.022%202.156%2025.405C2.191%2025.457%202.227%2025.507%202.263%2025.556C2.265%2025.533%202.277%2025.478%202.293%2025.421L2.294%2025.417C2.313%2025.346%202.332%2025.28%202.339%2025.22C2.347%2025.163%202.35%2025.102%202.351%2024.885C2.351%2024.794%202.335%2024.733%202.326%2024.674C2.316%2024.612%202.304%2024.551%202.291%2024.482C2.28%2024.424%202.278%2024.384%202.278%2024.36C2.278%2024.348%202.292%2024.341%202.304%2024.336C2.388%2024.299%202.527%2024.331%202.598%2024.354C2.657%2024.374%202.705%2024.422%202.768%2024.461C2.793%2024.477%202.818%2024.487%202.845%2024.488C2.874%2024.489%202.894%2024.459%202.907%2024.435C2.934%2024.386%202.936%2024.32%202.939%2024.204L2.939%2024.195C2.944%2024.018%202.963%2023.775%202.999%2023.766C3.061%2023.751%203.127%2023.771%203.183%2023.792C3.244%2023.815%203.293%2023.852%203.336%2023.886L3.342%2023.89C3.363%2023.907%203.391%2023.914%203.416%2023.916C3.466%2023.92%203.486%2023.842%203.514%2023.786C3.544%2023.729%203.552%2023.66%203.562%2023.595C3.578%2023.488%203.56%2023.34%203.549%2023.283C3.543%2023.254%203.536%2023.226%203.538%2023.2C3.539%2023.176%203.575%2023.165%203.602%2023.153C3.673%2023.123%203.766%2023.216%203.817%2023.265C3.871%2023.317%203.912%2023.348%203.953%2023.381C3.963%2023.389%203.973%2023.397%203.985%2023.4C3.997%2023.403%204.011%2023.401%204.023%2023.396C4.035%2023.391%204.045%2023.383%204.052%2023.371C4.082%2023.318%204.075%2023.251%204.085%2023.181C4.097%2023.095%204.083%2022.965%204.076%2022.867C4.071%2022.794%204.054%2022.737%204.049%2022.677C4.044%2022.617%204.04%2022.562%204.05%2022.522C4.055%2022.505%204.082%2022.507%204.1%2022.509C4.16%2022.518%204.196%2022.564%204.238%2022.612C4.279%2022.659%204.302%2022.71%204.335%2022.756C4.353%2022.782%204.376%2022.811%204.401%2022.83C4.412%2022.839%204.426%2022.833%204.434%2022.824C4.542%2022.695%204.442%2022.361%204.435%2022.274C4.419%2022.089%204.456%2022.033%204.481%2021.984C4.494%2021.959%204.523%2021.946%204.556%2021.936C4.63%2021.915%204.685%2021.982%204.733%2022.023C4.783%2022.064%204.837%2022.112%204.88%2022.14C4.89%2022.146%204.905%2022.139%204.914%2022.132C4.954%2022.099%204.952%2022.029%204.973%2021.971C5.027%2021.823%204.987%2021.557%204.987%2021.469C4.988%2021.402%205.039%2021.353%205.081%2021.317C5.101%2021.299%205.134%2021.308%205.159%2021.314C5.209%2021.328%205.249%2021.388%205.291%2021.433C5.331%2021.476%205.376%2021.518%205.419%2021.556C5.43%2021.566%205.442%2021.572%205.454%2021.572C5.466%2021.572%205.477%2021.565%205.486%2021.553C5.529%2021.502%205.522%2021.432%205.525%2021.359C5.528%2021.287%205.526%2021.205%205.526%2021.067C5.526%2021.021%205.543%2020.996%205.558%2020.974C5.572%2020.951%205.592%2020.935%205.622%2020.927C5.657%2020.918%205.692%2020.933%205.719%2020.954C5.775%2020.997%205.798%2021.049%205.838%2021.091C5.875%2021.13%205.915%2021.167%205.967%2021.178C5.979%2021.181%205.988%2021.167%205.994%2021.154C6.032%2021.078%206.013%2020.958%206.016%2020.692C6.017%2020.587%206.034%2020.547%206.052%2020.528C6.071%2020.508%206.105%2020.516%206.132%2020.526C6.194%2020.549%206.233%2020.63%206.269%2020.683C6.299%2020.727%206.348%2020.755%206.408%2020.776C6.457%2020.793%206.501%2020.769%206.52%2020.748C6.556%2020.706%206.575%2020.649%206.596%2020.587L6.613%2020.528C5.931%2018.234%207.71%2014.61%204.262%2012.905C3.56%2012.558%202.733%2012.522%201.991%2012.775Z%20M4.132%2024.535C4.133%2024.537%204.135%2024.538%204.136%2024.54C4.135%2024.538%204.133%2024.537%204.132%2024.535ZM4.687%2023.895L4.687%2023.895L4.688%2023.896C4.69%2023.898%204.692%2023.9%204.694%2023.902C4.692%2023.9%204.689%2023.897%204.687%2023.895ZM5.828%2022.787C5.833%2022.791%205.838%2022.796%205.843%2022.801C5.846%2022.804%205.85%2022.808%205.853%2022.811C5.845%2022.803%205.837%2022.795%205.828%2022.787ZM5.302%2023.301C5.305%2023.305%205.309%2023.309%205.312%2023.313L5.312%2023.313C5.309%2023.309%205.305%2023.305%205.302%2023.301Z%20M8.202%2026.754V29.188L20.366%2032.672L32.677%2027.033L35%2020.592L26.638%2018.628L20.366%2022.915L19.143%2021.029L19.079%2020.93C18.967%2020.972%2018.843%2021.012%2018.706%2021.051C18.591%2021.084%2018.486%2021.147%2018.408%2021.236L16.901%2022.955L16.799%2023.063C16.895%2023.563%2016.823%2024.239%2016.544%2024.816C15.854%2025.783%2014.866%2026.368%2014.157%2026.284L14.059%2026.404L13.621%2026.94C13.572%2027%2013.544%2027.076%2013.547%2027.154C13.559%2027.511%2013.62%2027.781%2013.669%2027.997C13.733%2028.278%2013.776%2028.466%2013.659%2028.627C13.55%2028.776%2013.333%2028.799%2013.167%2028.72C12.805%2028.547%2012.738%2028.229%2012.684%2027.971C12.6%2027.567%2012.545%2027.307%2011.444%2027.969C11.27%2028.074%2011.03%2028.013%2010.984%2027.815C10.857%2027.262%2011.215%2026.932%2012.357%2026.719C12.442%2026.703%2012.518%2026.657%2012.57%2026.588L13.24%2025.7L13.355%2025.549C13.338%2025.491%2013.324%2025.43%2013.313%2025.365L11.911%2021.799C11.305%2020.258%2011.893%2018.505%2013.306%2017.641L13.798%2017.339L15.678%2022.598C15.934%2022.368%2016.154%2022.302%2016.332%2022.353L16.442%2022.232L17.7%2020.669C17.773%2020.579%2017.759%2020.449%2017.681%2020.364C17.226%2019.87%2017.246%2019.219%2017.69%2018.789L17.634%2018.702L15.847%2015.945L14.263%2013.707L15.838%2015.542L22.088%208.366C22.832%207.356%2023.192%206.738%2023.268%205.485L23.603%201.069L16.776%201.098L8.202%208.532V22.359C8.344%2022.504%208.463%2022.667%208.54%2022.856C9.255%2024.603%208.978%2025.944%208.202%2026.754Z%20M23.956%201.098L23.632%205.56C23.554%206.625%2023.132%207.637%2022.428%208.441L16.091%2015.722L16.116%2015.755L28.597%2010.829C28.445%209.92%2028.578%209.36%2029.109%208.833L23.956%201.098ZM25.175%207.763C25.406%207.795%2025.652%207.4%2025.726%206.881C25.799%206.361%2025.671%205.913%2025.439%205.881C25.209%205.848%2024.962%206.243%2024.889%206.763C24.816%207.283%2024.944%207.73%2025.175%207.763Z%20M16.332%2022.353C16.568%2022.42%2016.729%2022.694%2016.799%2023.063L16.901%2022.955C16.844%2022.552%2016.73%2022.407%2016.442%2022.232L16.332%2022.353Z%20M19.711%2019.135C20.053%2020.106%2019.981%2020.587%2019.079%2020.93L19.143%2021.029C20.116%2020.565%2020.243%2020.129%2019.711%2019.034C18.568%2020.241%2017.993%2019.58%2018.841%2018.301C18.442%2018.234%2018.124%2018.317%2017.634%2018.702L17.69%2018.789C17.917%2018.569%2018.255%2018.407%2018.698%2018.353C17.621%2019.684%2018.782%2020.423%2019.711%2019.135Z%20M3.206%2026.381C3.145%2026.373%203.086%2026.362%203.031%2026.35L2.937%2026.325C4.686%2027.989%207.022%2027.986%208.202%2026.754C8.978%2025.944%209.255%2024.603%208.54%2022.856C8.463%2022.667%208.344%2022.504%208.202%2022.359C8.022%2022.174%207.804%2022.017%207.587%2021.873C7.367%2021.726%207.187%2021.558%207.041%2021.374C7.04%2021.378%207.039%2021.383%207.037%2021.388C7.029%2021.419%207.02%2021.45%207.014%2021.481L7.013%2021.488C7.002%2021.547%206.99%2021.613%206.951%2021.669C6.94%2021.686%206.929%2021.705%206.92%2021.724C6.898%2021.765%206.877%2021.804%206.843%2021.811C6.814%2021.816%206.784%2021.81%206.757%2021.798C6.705%2021.775%206.659%2021.735%206.614%2021.691C6.606%2021.683%206.597%2021.674%206.589%2021.665C6.551%2021.625%206.514%2021.586%206.466%2021.595C6.437%2021.6%206.406%2021.611%206.395%2021.638C6.382%2021.669%206.372%2021.703%206.372%2021.843C6.371%2022.19%206.36%2022.434%206.337%2022.429C6.313%2022.423%206.29%2022.405%206.264%2022.38C6.223%2022.341%206.195%2022.306%206.169%2022.274C6.156%2022.259%206.143%2022.243%206.129%2022.228C6.123%2022.221%206.117%2022.214%206.11%2022.206C6.052%2022.14%205.97%2022.046%205.943%2022.087C5.932%2022.105%205.923%2022.147%205.913%2022.237C5.912%2022.248%205.911%2022.261%205.908%2022.277C5.898%2022.358%205.879%2022.497%205.907%2022.591C5.912%2022.61%205.919%2022.63%205.926%2022.649C5.947%2022.712%205.969%2022.776%205.956%2022.82C5.953%2022.833%205.947%2022.847%205.935%2022.848C5.91%2022.851%205.88%2022.837%205.853%2022.811C5.845%2022.803%205.836%2022.794%205.828%2022.786L5.818%2022.777C5.785%2022.746%205.752%2022.714%205.719%2022.677C5.71%2022.667%205.701%2022.656%205.692%2022.645C5.649%2022.592%205.603%2022.538%205.546%2022.538C5.516%2022.538%205.487%2022.544%205.472%2022.567C5.437%2022.619%205.407%2022.682%205.416%2022.801C5.418%2022.828%205.418%2022.855%205.419%2022.882C5.42%2022.925%205.422%2022.97%205.428%2023.026L5.429%2023.039C5.436%2023.1%205.442%2023.157%205.453%2023.21C5.454%2023.219%205.456%2023.228%205.458%2023.236C5.469%2023.285%205.48%2023.338%205.466%2023.42C5.463%2023.442%205.453%2023.458%205.444%2023.452C5.399%2023.417%205.355%2023.364%205.312%2023.313C5.308%2023.308%205.304%2023.303%205.3%2023.298L5.298%2023.295C5.284%2023.279%205.271%2023.263%205.259%2023.247C5.228%2023.209%205.201%2023.174%205.168%2023.149C5.107%2023.102%205.051%2023.065%204.994%2023.071C4.966%2023.074%204.939%2023.086%204.92%2023.11C4.918%2023.111%204.916%2023.113%204.915%2023.116C4.898%2023.135%204.881%2023.155%204.879%2023.184C4.876%2023.223%204.882%2023.259%204.886%2023.287L4.887%2023.294C4.892%2023.326%204.899%2023.358%204.906%2023.389C4.911%2023.416%204.917%2023.442%204.921%2023.468C4.923%2023.481%204.926%2023.493%204.928%2023.506C4.937%2023.555%204.947%2023.607%204.948%2023.669C4.95%2023.714%204.953%2023.761%204.956%2023.806C4.963%2023.895%204.97%2023.981%204.958%2024.046C4.955%2024.059%204.948%2024.077%204.939%2024.076C4.919%2024.072%204.895%2024.056%204.87%2024.039C4.815%2024.002%204.763%2023.962%204.708%2023.914C4.701%2023.908%204.694%2023.902%204.687%2023.895L4.687%2023.895C4.645%2023.859%204.603%2023.822%204.539%2023.78L4.537%2023.778C4.48%2023.741%204.413%2023.696%204.304%2023.714C4.281%2023.717%204.267%2023.724%204.265%2023.745L4.265%2023.754C4.261%2023.806%204.256%2023.864%204.273%2023.915C4.281%2023.942%204.297%2023.981%204.313%2024.022C4.331%2024.066%204.35%2024.113%204.365%2024.155C4.387%2024.22%204.401%2024.28%204.409%2024.335C4.41%2024.343%204.413%2024.358%204.417%2024.377C4.44%2024.486%204.49%2024.731%204.397%2024.712C4.374%2024.708%204.349%2024.697%204.325%2024.683C4.279%2024.657%204.226%2024.621%204.17%2024.571C4.157%2024.559%204.144%2024.547%204.132%2024.535C4.084%2024.491%204.04%2024.451%204.005%2024.428C4%2024.425%203.994%2024.421%203.989%2024.418C3.946%2024.388%203.886%2024.347%203.819%2024.375C3.804%2024.381%203.794%2024.393%203.799%2024.409C3.82%2024.48%203.858%2024.541%203.894%2024.586C3.927%2024.627%203.96%2024.669%203.986%2024.716C4.013%2024.766%204.042%2024.822%204.049%2024.883C4.05%2024.895%204.052%2024.907%204.053%2024.919C4.064%2025.014%204.077%2025.118%204.085%2025.168C4.089%2025.185%204.098%2025.209%204.107%2025.232C4.126%2025.282%204.146%2025.334%204.109%2025.334C4.02%2025.336%203.964%2025.314%203.905%2025.288C3.895%2025.284%203.885%2025.28%203.876%2025.276C3.825%2025.254%203.78%2025.235%203.744%2025.202C3.74%2025.199%203.737%2025.195%203.733%2025.192C3.692%2025.155%203.65%2025.116%203.602%2025.086C3.589%2025.079%203.577%2025.07%203.565%2025.061C3.531%2025.038%203.495%2025.013%203.452%2025.004C3.389%2024.991%203.298%2024.975%203.269%2025.02C3.239%2025.066%203.228%2025.136%203.237%2025.196C3.24%2025.217%203.24%2025.269%203.24%2025.335C3.239%2025.453%203.239%2025.616%203.256%2025.735C3.258%2025.752%203.26%2025.768%203.262%2025.785C3.268%2025.84%203.275%2025.891%203.294%2025.941C3.317%2026.002%203.343%2026.066%203.375%2026.117C3.403%2026.161%203.435%2026.216%203.425%2026.285L3.424%2026.289C3.419%2026.322%203.414%2026.358%203.391%2026.364C3.334%2026.378%203.265%2026.388%203.206%2026.381Z%20M14.157%2026.284C13.784%2026.239%2013.488%2026.008%2013.355%2025.549L13.24%2025.7C13.461%2026.301%2013.684%2026.312%2014.059%2026.404L14.157%2026.284Z%22%20fill%3D%22%23fff4e6%22%20fill-opacity%3D%22.96%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right bottom/auto 100% no-repeat}
.card.f-bronze .card__tile::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2035%2033%22%3E%3Cpath%20d%3D%22M28.876%2010.706L30.08%2010.222L29.286%209.039C28.845%209.609%2028.764%209.977%2028.876%2010.706Z%20M7.886%201.162L7.874%201.462C8.051%201.388%208.107%201.334%208.183%201.158L7.886%201.162Z%20M7.696%207.688L14.39%201.098L8.406%201.157C8.318%201.404%208.12%201.6%207.87%201.685L7.696%207.688Z%20M8.183%201.158C8.107%201.334%208.051%201.388%207.874%201.462L7.87%201.685C8.12%201.6%208.318%201.404%208.406%201.157L8.183%201.158Z%20M7.59%201.519V1.732C7.688%201.732%207.782%201.716%207.87%201.685L7.874%201.462C7.787%201.499%207.691%201.519%207.59%201.519Z%20M7.59%200.213C7.998%200.213%208.243%200.458%208.243%200.866C8.243%200.97%208.221%201.068%208.183%201.158L8.406%201.157C8.438%201.066%208.456%200.968%208.456%200.866C8.456%200.388%208.068%200%207.59%200C7.112%200%206.724%200.388%206.724%200.866C6.724%201.344%207.112%201.732%207.59%201.732V1.519C7.182%201.519%206.937%201.274%206.937%200.866C6.937%200.458%207.182%200.213%207.59%200.213Z%20M1.991%2012.775C0.314%2013.348%200.038%2014.336%200%2016.789C0.543%2013.962%203.411%2014.274%202.447%2016.904C2.099%2017.852%201.628%2018.769%201.478%2019.768C1.121%2022.144%201.258%2022.578%201.585%2024.136C1.712%2024.584%201.892%2025.022%202.156%2025.405C2.191%2025.457%202.227%2025.507%202.263%2025.556C2.265%2025.533%202.277%2025.478%202.293%2025.421L2.294%2025.417C2.313%2025.346%202.332%2025.28%202.339%2025.22C2.347%2025.163%202.35%2025.102%202.351%2024.885C2.351%2024.794%202.335%2024.733%202.326%2024.674C2.316%2024.612%202.304%2024.551%202.291%2024.482C2.28%2024.424%202.278%2024.384%202.278%2024.36C2.278%2024.348%202.292%2024.341%202.304%2024.336C2.388%2024.299%202.527%2024.331%202.598%2024.354C2.657%2024.374%202.705%2024.422%202.768%2024.461C2.793%2024.477%202.818%2024.487%202.845%2024.488C2.874%2024.489%202.894%2024.459%202.907%2024.435C2.934%2024.386%202.936%2024.32%202.939%2024.204L2.939%2024.195C2.944%2024.018%202.963%2023.775%202.999%2023.766C3.061%2023.751%203.127%2023.771%203.183%2023.792C3.244%2023.815%203.293%2023.852%203.336%2023.886L3.342%2023.89C3.363%2023.907%203.391%2023.914%203.416%2023.916C3.466%2023.92%203.486%2023.842%203.514%2023.786C3.544%2023.729%203.552%2023.66%203.562%2023.595C3.578%2023.488%203.56%2023.34%203.549%2023.283C3.543%2023.254%203.536%2023.226%203.538%2023.2C3.539%2023.176%203.575%2023.165%203.602%2023.153C3.673%2023.123%203.766%2023.216%203.817%2023.265C3.871%2023.317%203.912%2023.348%203.953%2023.381C3.963%2023.389%203.973%2023.397%203.985%2023.4C3.997%2023.403%204.011%2023.401%204.023%2023.396C4.035%2023.391%204.045%2023.383%204.052%2023.371C4.082%2023.318%204.075%2023.251%204.085%2023.181C4.097%2023.095%204.083%2022.965%204.076%2022.867C4.071%2022.794%204.054%2022.737%204.049%2022.677C4.044%2022.617%204.04%2022.562%204.05%2022.522C4.055%2022.505%204.082%2022.507%204.1%2022.509C4.16%2022.518%204.196%2022.564%204.238%2022.612C4.279%2022.659%204.302%2022.71%204.335%2022.756C4.353%2022.782%204.376%2022.811%204.401%2022.83C4.412%2022.839%204.426%2022.833%204.434%2022.824C4.542%2022.695%204.442%2022.361%204.435%2022.274C4.419%2022.089%204.456%2022.033%204.481%2021.984C4.494%2021.959%204.523%2021.946%204.556%2021.936C4.63%2021.915%204.685%2021.982%204.733%2022.023C4.783%2022.064%204.837%2022.112%204.88%2022.14C4.89%2022.146%204.905%2022.139%204.914%2022.132C4.954%2022.099%204.952%2022.029%204.973%2021.971C5.027%2021.823%204.987%2021.557%204.987%2021.469C4.988%2021.402%205.039%2021.353%205.081%2021.317C5.101%2021.299%205.134%2021.308%205.159%2021.314C5.209%2021.328%205.249%2021.388%205.291%2021.433C5.331%2021.476%205.376%2021.518%205.419%2021.556C5.43%2021.566%205.442%2021.572%205.454%2021.572C5.466%2021.572%205.477%2021.565%205.486%2021.553C5.529%2021.502%205.522%2021.432%205.525%2021.359C5.528%2021.287%205.526%2021.205%205.526%2021.067C5.526%2021.021%205.543%2020.996%205.558%2020.974C5.572%2020.951%205.592%2020.935%205.622%2020.927C5.657%2020.918%205.692%2020.933%205.719%2020.954C5.775%2020.997%205.798%2021.049%205.838%2021.091C5.875%2021.13%205.915%2021.167%205.967%2021.178C5.979%2021.181%205.988%2021.167%205.994%2021.154C6.032%2021.078%206.013%2020.958%206.016%2020.692C6.017%2020.587%206.034%2020.547%206.052%2020.528C6.071%2020.508%206.105%2020.516%206.132%2020.526C6.194%2020.549%206.233%2020.63%206.269%2020.683C6.299%2020.727%206.348%2020.755%206.408%2020.776C6.457%2020.793%206.501%2020.769%206.52%2020.748C6.556%2020.706%206.575%2020.649%206.596%2020.587L6.613%2020.528C5.931%2018.234%207.71%2014.61%204.262%2012.905C3.56%2012.558%202.733%2012.522%201.991%2012.775Z%20M4.132%2024.535C4.133%2024.537%204.135%2024.538%204.136%2024.54C4.135%2024.538%204.133%2024.537%204.132%2024.535ZM4.687%2023.895L4.687%2023.895L4.688%2023.896C4.69%2023.898%204.692%2023.9%204.694%2023.902C4.692%2023.9%204.689%2023.897%204.687%2023.895ZM5.828%2022.787C5.833%2022.791%205.838%2022.796%205.843%2022.801C5.846%2022.804%205.85%2022.808%205.853%2022.811C5.845%2022.803%205.837%2022.795%205.828%2022.787ZM5.302%2023.301C5.305%2023.305%205.309%2023.309%205.312%2023.313L5.312%2023.313C5.309%2023.309%205.305%2023.305%205.302%2023.301Z%20M8.202%2026.754V29.188L20.366%2032.672L32.677%2027.033L35%2020.592L26.638%2018.628L20.366%2022.915L19.143%2021.029L19.079%2020.93C18.967%2020.972%2018.843%2021.012%2018.706%2021.051C18.591%2021.084%2018.486%2021.147%2018.408%2021.236L16.901%2022.955L16.799%2023.063C16.895%2023.563%2016.823%2024.239%2016.544%2024.816C15.854%2025.783%2014.866%2026.368%2014.157%2026.284L14.059%2026.404L13.621%2026.94C13.572%2027%2013.544%2027.076%2013.547%2027.154C13.559%2027.511%2013.62%2027.781%2013.669%2027.997C13.733%2028.278%2013.776%2028.466%2013.659%2028.627C13.55%2028.776%2013.333%2028.799%2013.167%2028.72C12.805%2028.547%2012.738%2028.229%2012.684%2027.971C12.6%2027.567%2012.545%2027.307%2011.444%2027.969C11.27%2028.074%2011.03%2028.013%2010.984%2027.815C10.857%2027.262%2011.215%2026.932%2012.357%2026.719C12.442%2026.703%2012.518%2026.657%2012.57%2026.588L13.24%2025.7L13.355%2025.549C13.338%2025.491%2013.324%2025.43%2013.313%2025.365L11.911%2021.799C11.305%2020.258%2011.893%2018.505%2013.306%2017.641L13.798%2017.339L15.678%2022.598C15.934%2022.368%2016.154%2022.302%2016.332%2022.353L16.442%2022.232L17.7%2020.669C17.773%2020.579%2017.759%2020.449%2017.681%2020.364C17.226%2019.87%2017.246%2019.219%2017.69%2018.789L17.634%2018.702L15.847%2015.945L14.263%2013.707L15.838%2015.542L22.088%208.366C22.832%207.356%2023.192%206.738%2023.268%205.485L23.603%201.069L16.776%201.098L8.202%208.532V22.359C8.344%2022.504%208.463%2022.667%208.54%2022.856C9.255%2024.603%208.978%2025.944%208.202%2026.754Z%20M23.956%201.098L23.632%205.56C23.554%206.625%2023.132%207.637%2022.428%208.441L16.091%2015.722L16.116%2015.755L28.597%2010.829C28.445%209.92%2028.578%209.36%2029.109%208.833L23.956%201.098ZM25.175%207.763C25.406%207.795%2025.652%207.4%2025.726%206.881C25.799%206.361%2025.671%205.913%2025.439%205.881C25.209%205.848%2024.962%206.243%2024.889%206.763C24.816%207.283%2024.944%207.73%2025.175%207.763Z%20M16.332%2022.353C16.568%2022.42%2016.729%2022.694%2016.799%2023.063L16.901%2022.955C16.844%2022.552%2016.73%2022.407%2016.442%2022.232L16.332%2022.353Z%20M19.711%2019.135C20.053%2020.106%2019.981%2020.587%2019.079%2020.93L19.143%2021.029C20.116%2020.565%2020.243%2020.129%2019.711%2019.034C18.568%2020.241%2017.993%2019.58%2018.841%2018.301C18.442%2018.234%2018.124%2018.317%2017.634%2018.702L17.69%2018.789C17.917%2018.569%2018.255%2018.407%2018.698%2018.353C17.621%2019.684%2018.782%2020.423%2019.711%2019.135Z%20M3.206%2026.381C3.145%2026.373%203.086%2026.362%203.031%2026.35L2.937%2026.325C4.686%2027.989%207.022%2027.986%208.202%2026.754C8.978%2025.944%209.255%2024.603%208.54%2022.856C8.463%2022.667%208.344%2022.504%208.202%2022.359C8.022%2022.174%207.804%2022.017%207.587%2021.873C7.367%2021.726%207.187%2021.558%207.041%2021.374C7.04%2021.378%207.039%2021.383%207.037%2021.388C7.029%2021.419%207.02%2021.45%207.014%2021.481L7.013%2021.488C7.002%2021.547%206.99%2021.613%206.951%2021.669C6.94%2021.686%206.929%2021.705%206.92%2021.724C6.898%2021.765%206.877%2021.804%206.843%2021.811C6.814%2021.816%206.784%2021.81%206.757%2021.798C6.705%2021.775%206.659%2021.735%206.614%2021.691C6.606%2021.683%206.597%2021.674%206.589%2021.665C6.551%2021.625%206.514%2021.586%206.466%2021.595C6.437%2021.6%206.406%2021.611%206.395%2021.638C6.382%2021.669%206.372%2021.703%206.372%2021.843C6.371%2022.19%206.36%2022.434%206.337%2022.429C6.313%2022.423%206.29%2022.405%206.264%2022.38C6.223%2022.341%206.195%2022.306%206.169%2022.274C6.156%2022.259%206.143%2022.243%206.129%2022.228C6.123%2022.221%206.117%2022.214%206.11%2022.206C6.052%2022.14%205.97%2022.046%205.943%2022.087C5.932%2022.105%205.923%2022.147%205.913%2022.237C5.912%2022.248%205.911%2022.261%205.908%2022.277C5.898%2022.358%205.879%2022.497%205.907%2022.591C5.912%2022.61%205.919%2022.63%205.926%2022.649C5.947%2022.712%205.969%2022.776%205.956%2022.82C5.953%2022.833%205.947%2022.847%205.935%2022.848C5.91%2022.851%205.88%2022.837%205.853%2022.811C5.845%2022.803%205.836%2022.794%205.828%2022.786L5.818%2022.777C5.785%2022.746%205.752%2022.714%205.719%2022.677C5.71%2022.667%205.701%2022.656%205.692%2022.645C5.649%2022.592%205.603%2022.538%205.546%2022.538C5.516%2022.538%205.487%2022.544%205.472%2022.567C5.437%2022.619%205.407%2022.682%205.416%2022.801C5.418%2022.828%205.418%2022.855%205.419%2022.882C5.42%2022.925%205.422%2022.97%205.428%2023.026L5.429%2023.039C5.436%2023.1%205.442%2023.157%205.453%2023.21C5.454%2023.219%205.456%2023.228%205.458%2023.236C5.469%2023.285%205.48%2023.338%205.466%2023.42C5.463%2023.442%205.453%2023.458%205.444%2023.452C5.399%2023.417%205.355%2023.364%205.312%2023.313C5.308%2023.308%205.304%2023.303%205.3%2023.298L5.298%2023.295C5.284%2023.279%205.271%2023.263%205.259%2023.247C5.228%2023.209%205.201%2023.174%205.168%2023.149C5.107%2023.102%205.051%2023.065%204.994%2023.071C4.966%2023.074%204.939%2023.086%204.92%2023.11C4.918%2023.111%204.916%2023.113%204.915%2023.116C4.898%2023.135%204.881%2023.155%204.879%2023.184C4.876%2023.223%204.882%2023.259%204.886%2023.287L4.887%2023.294C4.892%2023.326%204.899%2023.358%204.906%2023.389C4.911%2023.416%204.917%2023.442%204.921%2023.468C4.923%2023.481%204.926%2023.493%204.928%2023.506C4.937%2023.555%204.947%2023.607%204.948%2023.669C4.95%2023.714%204.953%2023.761%204.956%2023.806C4.963%2023.895%204.97%2023.981%204.958%2024.046C4.955%2024.059%204.948%2024.077%204.939%2024.076C4.919%2024.072%204.895%2024.056%204.87%2024.039C4.815%2024.002%204.763%2023.962%204.708%2023.914C4.701%2023.908%204.694%2023.902%204.687%2023.895L4.687%2023.895C4.645%2023.859%204.603%2023.822%204.539%2023.78L4.537%2023.778C4.48%2023.741%204.413%2023.696%204.304%2023.714C4.281%2023.717%204.267%2023.724%204.265%2023.745L4.265%2023.754C4.261%2023.806%204.256%2023.864%204.273%2023.915C4.281%2023.942%204.297%2023.981%204.313%2024.022C4.331%2024.066%204.35%2024.113%204.365%2024.155C4.387%2024.22%204.401%2024.28%204.409%2024.335C4.41%2024.343%204.413%2024.358%204.417%2024.377C4.44%2024.486%204.49%2024.731%204.397%2024.712C4.374%2024.708%204.349%2024.697%204.325%2024.683C4.279%2024.657%204.226%2024.621%204.17%2024.571C4.157%2024.559%204.144%2024.547%204.132%2024.535C4.084%2024.491%204.04%2024.451%204.005%2024.428C4%2024.425%203.994%2024.421%203.989%2024.418C3.946%2024.388%203.886%2024.347%203.819%2024.375C3.804%2024.381%203.794%2024.393%203.799%2024.409C3.82%2024.48%203.858%2024.541%203.894%2024.586C3.927%2024.627%203.96%2024.669%203.986%2024.716C4.013%2024.766%204.042%2024.822%204.049%2024.883C4.05%2024.895%204.052%2024.907%204.053%2024.919C4.064%2025.014%204.077%2025.118%204.085%2025.168C4.089%2025.185%204.098%2025.209%204.107%2025.232C4.126%2025.282%204.146%2025.334%204.109%2025.334C4.02%2025.336%203.964%2025.314%203.905%2025.288C3.895%2025.284%203.885%2025.28%203.876%2025.276C3.825%2025.254%203.78%2025.235%203.744%2025.202C3.74%2025.199%203.737%2025.195%203.733%2025.192C3.692%2025.155%203.65%2025.116%203.602%2025.086C3.589%2025.079%203.577%2025.07%203.565%2025.061C3.531%2025.038%203.495%2025.013%203.452%2025.004C3.389%2024.991%203.298%2024.975%203.269%2025.02C3.239%2025.066%203.228%2025.136%203.237%2025.196C3.24%2025.217%203.24%2025.269%203.24%2025.335C3.239%2025.453%203.239%2025.616%203.256%2025.735C3.258%2025.752%203.26%2025.768%203.262%2025.785C3.268%2025.84%203.275%2025.891%203.294%2025.941C3.317%2026.002%203.343%2026.066%203.375%2026.117C3.403%2026.161%203.435%2026.216%203.425%2026.285L3.424%2026.289C3.419%2026.322%203.414%2026.358%203.391%2026.364C3.334%2026.378%203.265%2026.388%203.206%2026.381Z%20M14.157%2026.284C13.784%2026.239%2013.488%2026.008%2013.355%2025.549L13.24%2025.7C13.461%2026.301%2013.684%2026.312%2014.059%2026.404L14.157%2026.284Z%22%20fill%3D%22%23fff4e6%22%2F%3E%3C%2Fsvg%3E")}
.card:not(.f-vcard){box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 -14px 26px -8px rgba(0,0,0,.5),0 -3px 8px rgba(0,0,0,.3)!important}

/* the visitor guide sheet gets a close button */
.sheet__in--guide{position:relative}
.sheet__close{all:unset;position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(127,127,127,.18);color:inherit;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent}
.sheet__close svg{width:18px;height:18px}
.sheet__close:active{transform:scale(.9)}

.acct-guestable.is-off{opacity:.4;pointer-events:none;transition:opacity .2s}

/* AirChat: code (same look as Claude Code: dark panel, language label, copy button) */
.bx-txt:has(.sh-cb){display:block}
.bx-bub.has-code{max-width:100%;width:min(100%,560px)}
.sh-cb{margin:6px 0 3px;border-radius:12px;overflow:hidden;background:#161514;color:#e8e3da;text-align:left;border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 18px -10px rgba(0,0,0,.6)}
.sh-cbbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px 6px 12px;background:rgba(255,255,255,.06);font:600 11.5px/1 "Space Grotesk",system-ui,sans-serif;letter-spacing:.04em;color:rgba(232,227,218,.6);text-transform:lowercase}
.sh-cbcp{all:unset;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;font:600 11.5px/1 "Space Grotesk",system-ui,sans-serif;color:rgba(232,227,218,.75);cursor:pointer;-webkit-tap-highlight-color:transparent}
.sh-cbcp:active{background:rgba(255,255,255,.12)}
.sh-cbcp svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sh-cb pre{margin:0;padding:11px 13px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;tab-size:2}
.sh-cb code{font:12.5px/1.55 ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;white-space:pre;word-break:normal;overflow-wrap:normal;color:#e8e3da}
.cd-k{color:#e48a5f}.cd-s{color:#9bd08a}.cd-n{color:#e5c07b}.cd-c{color:#7d776e;font-style:italic}.cd-f{color:#7fb2f0}
.sh-ic{font:0.88em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:1px 6px;border-radius:6px;background:rgba(127,127,127,.22)}
.bx-msg.mine .sh-ic{background:rgba(0,0,0,.18)}
/* AirChat: link previews */
.bx-pva{all:unset;display:block;margin:6px 0 3px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bx-pv{position:relative;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:rgba(127,127,127,.16);text-align:left;color:inherit}
.bx-pv img{display:block;width:100%;max-height:170px;object-fit:cover}
.bx-pvt{display:flex;flex-direction:column;gap:2px;padding:8px 11px 9px;min-width:0}
.bx-pvt small{font-size:11px;opacity:.6;letter-spacing:.03em}
.bx-pvt b{font-size:13.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bx-pvt span{font-size:12px;line-height:1.3;opacity:.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bx-lp{margin:0 10px 6px;padding:0}
.bx-lp[hidden]{display:none}
.bx-lp .bx-pv{flex-direction:row;background:var(--bx-other,rgba(127,127,127,.18));padding-right:40px;align-items:stretch}
.bx-lp .bx-pv img{width:64px;height:auto;max-height:none;flex:none}
.bx-lp .sh-rx0{position:absolute;top:6px;right:6px}

/* AirChat: markdown the way Claude writes it, and the Edited mark */
.bx-txt .sh-p{white-space:pre-wrap}
.bx-txt .sh-p+.sh-p,.bx-txt .sh-p+.sh-l,.bx-txt .sh-l+.sh-p,.bx-txt .sh-bq+.sh-p,.bx-txt .sh-p+.sh-bq{margin-top:8px}
.bx-txt .sh-h{font-weight:700;line-height:1.25;margin:10px 0 4px}.bx-txt .sh-h:first-child{margin-top:0}
.bx-txt .sh-h1{font-size:1.28em}.bx-txt .sh-h2{font-size:1.15em}.bx-txt .sh-h3{font-size:1.04em}
.bx-txt .sh-l{margin:4px 0;padding-left:1.35em;white-space:normal}.bx-txt .sh-l .sh-l{margin:2px 0}.bx-txt .sh-l li{margin:2px 0;padding-left:.1em}
.bx-txt .sh-bq{margin:6px 0;padding:2px 0 2px 11px;border-left:3px solid currentColor;opacity:.85;white-space:normal}
.bx-txt .sh-hr{border:0;border-top:1px solid currentColor;opacity:.25;margin:10px 0}
.bx-txt .sh-tbw{overflow-x:auto;margin:6px 0;-webkit-overflow-scrolling:touch}
.bx-txt .sh-tb{border-collapse:collapse;font-size:.9em;white-space:normal}
.bx-txt .sh-tb th,.bx-txt .sh-tb td{padding:5px 9px;border:1px solid rgba(127,127,127,.35);text-align:left;vertical-align:top}
.bx-txt .sh-tb th{background:rgba(127,127,127,.16);font-weight:700}
.bx-txt strong{font-weight:700}.bx-txt del{opacity:.7}
.bx-ed{font-style:italic;margin-right:4px}.bx-ed[hidden]{display:none}

/* AirChat: spoilers, underline, subtext and the formatting bar */
.sh-sp{border-radius:5px;padding:0 3px;background:rgba(127,127,127,.55);color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s,color .2s}
.sh-sp *{color:transparent!important;text-decoration-color:transparent!important}
.bx-msg.mine .sh-sp{background:rgba(0,0,0,.35)}
.sh-sp.on{background:rgba(127,127,127,.2);color:inherit;cursor:text;-webkit-user-select:text;user-select:text}
.sh-sp.on *{color:inherit!important;text-decoration-color:currentColor!important}
.bx-txt u{text-underline-offset:2px}
.bx-txt .sh-sub{font-size:.78em;opacity:.65;margin:2px 0}
.bx-fmt{display:flex;gap:6px;margin:0 10px 6px;padding:6px;border-radius:16px;background:var(--bx-other,rgba(40,40,44,.9));overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-shadow:0 6px 18px -8px rgba(0,0,0,.5)}
.bx-fmt[hidden]{display:none}.bx-fmt::-webkit-scrollbar{display:none}
.bx-fb{all:unset;flex:none;min-width:36px;height:34px;padding:0 8px;box-sizing:border-box;border-radius:11px;display:grid;place-items:center;font:700 14px "Space Grotesk",system-ui,sans-serif;color:var(--ink);background:rgba(127,127,127,.16);cursor:pointer;-webkit-tap-highlight-color:transparent}
.bx-fb:active{transform:scale(.92);background:rgba(127,127,127,.3)}
.bx-fb--i{font-style:italic}.bx-fb--u{text-decoration:underline}.bx-fb--s{text-decoration:line-through}.bx-fb--cd{font-family:ui-monospace,Menlo,monospace;font-size:12.5px}

/* AirChat: maths */
.sh-math{font-family:"STIX Two Text","Times New Roman",Cambria,serif;font-size:1.06em;white-space:normal}
.sh-mdisp{display:block;text-align:center;margin:8px 0;overflow-x:auto;padding:2px 0}
.sh-math i{font-style:italic}.sh-math .sh-tr{font-style:normal}.sh-math .sh-tb2{font-weight:700}
.sh-ts{font-size:.72em;line-height:0;margin-left:1px}
.sh-frac{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;margin:0 2px;font-size:.92em}
.sh-frac>span:first-child{border-bottom:1px solid currentColor;padding:0 3px 1px}.sh-frac>span:last-child{padding:1px 3px 0}
.sh-ov{border-top:1px solid currentColor;padding:0 1px}
.sh-ovl{border-top:1px solid currentColor}
.sh-acc{position:relative;display:inline-block}.sh-acc::before{content:attr(data-a);position:absolute;top:-.55em;left:0;right:0;text-align:center;font-size:.8em}

/* code panel follows light mode too */
html[data-theme="light"] .sh-cb{background:#fbfaf8;color:#2b2a27;border-color:rgba(0,0,0,.12);box-shadow:0 6px 18px -12px rgba(0,0,0,.35)}
html[data-theme="light"] .sh-cb .sh-cbbar{background:rgba(0,0,0,.045);color:rgba(43,42,39,.6)}
html[data-theme="light"] .sh-cb .sh-cbcp{color:rgba(43,42,39,.7)}
html[data-theme="light"] .sh-cb .sh-cbcp:active{background:rgba(0,0,0,.08)}
html[data-theme="light"] .sh-cb code{color:#2b2a27}
html[data-theme="light"] .cd-k{color:#a626a4}html[data-theme="light"] .cd-s{color:#3f8a3c}html[data-theme="light"] .cd-n{color:#986801}html[data-theme="light"] .cd-c{color:#8b867d}html[data-theme="light"] .cd-f{color:#2f6ad9}

/* inline code like Claude: a soft pill with blue text */
.sh-ic{background:rgba(127,150,200,.2)!important;color:#9db8ee;padding:1px 6px!important;border-radius:6px}
html[data-theme="light"] .sh-ic{background:rgba(70,100,170,.12)!important;color:#2f55a8}
.bx-msg.mine .sh-ic{background:rgba(0,0,0,.22)!important;color:#fff}
html[data-theme="light"] .bx-msg.mine .sh-ic{background:rgba(255,255,255,.28)!important;color:#fff}

/* code: full screen */
.sh-cbtools{display:inline-flex;align-items:center;gap:2px}
.sh-cbex svg{width:15px;height:15px}
.sh-cbfull{position:fixed;inset:0;z-index:400;display:flex;flex-direction:column;background:#161514;color:#e8e3da;animation:vin .2s ease}
.sh-cbfull .sh-cbbar{padding:calc(env(safe-area-inset-top) + 10px) 12px 10px 16px;font-size:13px}
.sh-cbfull pre{flex:1;margin:0;padding:14px 16px calc(env(safe-area-inset-bottom) + 20px);overflow:auto;-webkit-overflow-scrolling:touch;tab-size:2}
.sh-cbfull code{font:14px/1.6 ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;white-space:pre;color:inherit}
.sh-cbfull .sh-cbcp svg{width:16px;height:16px}
html[data-theme="light"] .sh-cbfull{background:#fbfaf8;color:#2b2a27}
html[data-theme="light"] .sh-cbfull .sh-cbbar{background:rgba(0,0,0,.045);color:rgba(43,42,39,.6)}
html[data-theme="light"] .sh-cbfull .sh-cbcp{color:rgba(43,42,39,.75)}

/* Bridge lobby: your open room */
.sh-mine{border-color:rgba(var(--acc-rgb,255,90,69),.35)}
.sh-minetop{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.sh-minecode{font:700 38px/1 "Space Grotesk",sans-serif;letter-spacing:.12em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sh-minetx{display:flex;flex-direction:column;gap:3px;min-width:0}.sh-minetx span{font-weight:700}.sh-minetx small{opacity:.65;font-size:12.5px}
.sh-mineact{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.sh-mineact .sh-btn{padding:12px 6px;margin:0;min-width:0}
.sh-btn--bad{color:#ff6b6b}

/* lobby: manage your open room without going in */
.sh-msheet{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sh-mpan{width:100%;max-width:520px;max-height:88dvh;overflow:auto;padding:12px 18px calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}
.sh-mgrab{align-self:center;width:38px;height:5px;border-radius:3px;background:rgba(127,127,127,.4);margin-bottom:4px}
.sh-mh{margin:0;font:700 22px "Space Grotesk",sans-serif}.sh-ms{margin:0;font-size:13.5px;opacity:.65}.sh-mt{margin:8px 0 0;font:700 13px "Space Grotesk",sans-serif;letter-spacing:.06em;text-transform:uppercase;opacity:.6}
.sh-mnote{margin:0;padding:8px 12px;border-radius:12px;background:rgba(127,127,127,.2);font-size:13.5px}.sh-mnote[hidden]{display:none}
.sh-mq{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sh-mqb{all:unset;box-sizing:border-box;text-align:center;padding:11px 4px;border-radius:12px;background:var(--fill);font:600 14px "Space Grotesk",sans-serif;cursor:pointer}.sh-mqb:active{transform:scale(.96)}
.sh-mrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:12px;background:var(--fill)}
.sh-mrm{all:unset;padding:6px 12px;border-radius:10px;color:#ff6b6b;font:600 13.5px "Space Grotesk",sans-serif;cursor:pointer}

/* AirChat Lite / Pro */
.sh-card h2{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}
.sh-tt{color:var(--dim);font-size:15px;font-weight:600;letter-spacing:0}
.sh-tier{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 9px;border-radius:99px;font-size:13px;font-weight:700;letter-spacing:.01em;background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}
.sh-tier svg{width:14px;height:14px;fill:currentColor;stroke:none}
.sh-tier--pro{background:var(--fillgrad);color:var(--ongold);box-shadow:0 2px 10px color-mix(in srgb,rgb(var(--acc-rgb)) 40%,transparent)}
.sh-card.sh-pro{position:relative;border-color:color-mix(in srgb,rgb(var(--acc-rgb)) 55%,var(--hair));background:linear-gradient(160deg,color-mix(in srgb,rgb(var(--acc-rgb)) 13%,var(--surface)),var(--surface) 62%);box-shadow:0 10px 30px -14px color-mix(in srgb,rgb(var(--acc-rgb)) 55%,transparent)}
.sh-facts{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:7px;font-size:14.5px;color:var(--dim)}
.sh-facts li{position:relative;padding-left:22px}
.sh-facts li::before{content:"";position:absolute;left:3px;top:.5em;width:8px;height:8px;border-radius:50%;background:var(--faint)}
.sh-facts--pro{color:var(--ink)}
.sh-facts--pro li{font-weight:600}
.sh-facts--pro li::before{background:var(--fillgrad);box-shadow:0 0 0 3px color-mix(in srgb,rgb(var(--acc-rgb)) 22%,transparent)}
.sh-lite .sh-name{margin:12px 0}
.sh-note{margin:0;padding:12px 14px;border-radius:16px;font-size:14px;line-height:1.45;color:var(--dim);background:color-mix(in srgb,var(--ink) 6%,transparent)}
.sh-note b{color:var(--ink)}
.sh-note a{color:var(--ink);font-weight:600;text-decoration:underline}
.sh-lite .sh-dur{display:grid;grid-template-columns:repeat(4,1fr)}

/* superadmin monitor */
.sh-arow{display:block;width:100%;text-align:left;padding:13px 15px;border-radius:18px;background:var(--surface);border:1px solid var(--hair);color:var(--ink);font:inherit}
.sh-arow.hot{border-color:#e5484d;background:color-mix(in srgb,#e5484d 12%,var(--surface))}
.sh-al{display:flex;align-items:center;gap:10px;margin-bottom:3px}.sh-al b{font-size:20px;letter-spacing:.06em}
.sh-arow small{color:var(--dim);font-size:13.5px}
.sh-amsg{display:flex;align-items:flex-start;gap:10px;padding:9px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--hair)}
.sh-abody{flex:1;min-width:0;display:grid;gap:2px;font-size:14px}.sh-abody b{font-size:12.5px;color:var(--dim)}.sh-abody span{overflow-wrap:anywhere;white-space:pre-wrap;max-height:7.5em;overflow:hidden}
.sh-hot{color:#e5484d;font-weight:700}
.sh-mqb--bad{color:#e5484d}

/* compact, highlighted join card (AirChat + SyncPlay) */
.sh-card.sh-joinc{display:grid;grid-template-columns:1fr auto;grid-template-areas:"h h" "c b" "n n" "e e";gap:10px;align-items:center;padding:16px;border-radius:22px;border-color:color-mix(in srgb,rgb(var(--acc-rgb)) 55%,var(--hair));background:linear-gradient(160deg,color-mix(in srgb,rgb(var(--acc-rgb)) 12%,var(--surface)),var(--surface) 70%);box-shadow:0 10px 28px -14px color-mix(in srgb,rgb(var(--acc-rgb)) 55%,transparent)}
.sh-joinc h2{grid-area:h;margin:0;font-size:17px}
.sh-joinc .sh-code{grid-area:c;height:50px;font-size:26px;}
.sh-joinc .sh-name{grid-area:n;height:40px;margin:0;font-size:15px}
.sh-joinc .sh-btn{grid-area:b;width:auto;min-width:96px;height:50px;margin:0;padding:0 22px}
.sh-joinc .sh-err{grid-area:e;margin:0}

/* the join card: fields that read as fields, a Join button that reads as a button */
.sh-joinc .sh-code,.sh-joinc .sh-name{background:color-mix(in srgb,var(--ink) 9%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 16%,transparent)}
.sh-joinc .sh-code::placeholder,.sh-joinc .sh-name::placeholder{color:var(--dim)}
.sh-joinc .sh-code:focus,.sh-joinc .sh-name:focus{box-shadow:inset 0 0 0 1.5px var(--goldt),0 0 0 3px color-mix(in srgb,rgb(var(--acc-rgb)) 25%,transparent)}
.sh-joinc .sh-btn--go[disabled]{opacity:1;background:color-mix(in srgb,var(--ink) 11%,var(--surface));color:var(--dim);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 16%,transparent)}
/* AirChat Lite daily data */
.sh-lf{margin-bottom:14px}.sh-lf .sh-facts{margin-bottom:12px}
.sh-qtxt{margin:0 0 7px;font-size:13.5px;color:var(--dim)}
.sh-quota{height:8px;border-radius:99px;background:color-mix(in srgb,var(--ink) 11%,transparent);overflow:hidden}
.sh-quota i{display:block;height:100%;width:0;border-radius:99px;background:var(--fillgrad);transition:width .5s}
.sh-quota.warn i{background:#e5484d}
.sh-lite .sh-name{background:color-mix(in srgb,var(--ink) 9%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 16%,transparent)}
.sh-lite .sh-name::placeholder{color:var(--dim)}
.sh-done{display:grid;justify-items:center;gap:8px}.sh-done h2{justify-content:center;text-align:center;margin:0}.sh-done p{max-width:30ch}
/* gift card redeem card in SyncPlay: the Join card's look, own rows (title, text, code + button, error, link) */
.sh-card.sh-joinc.sh-giftc{grid-template-areas:"h h" "s s" "c b" "e e" "l l"}
.sh-giftc .sh-sub{grid-area:s;margin:0}.sh-giftc .sh-code{font-size:20px;letter-spacing:.06em;min-width:0}.sh-giftc .sh-fine{grid-area:l;margin:2px 0 0}

/* UI/UX audit pass 2026-11-08: readable small text, 40px+ tap targets */
.tabs button,.tabs button span{font-size:11.5px}
.card__st,.brandmark,.vc__label,.vcardx .vc__label,.nudge,.sh-bub time,.bx-code small,.bx-clock b,.bx-who i,.bx-meta{font-size:11px}
.vcardx .vloc{font-size:11.5px}
.about small{font-size:11.5px}
.vc__cta{height:40px;padding:0 16px;font-size:13.5px}
.nudge{padding:7px 12px;min-height:32px}
.nudge::after{content:"";position:absolute;inset:-6px}
.get{height:40px;min-width:74px;padding:0 18px;border-radius:20px}
.sh-dur button{height:42px}
.panel .ghost{padding:13px 18px}
.search input{height:44px}
#vHelpBtn{min-height:40px;padding:0 12px}

/* Musike tab = Musike inside Eco, edge to edge above the bottom bar (the bar stays; Musike follows Eco's theme) */
#s-music{padding:0!important;position:fixed;left:0;right:0;top:0;bottom:0;z-index:1;animation:none}
#s-music[hidden]{display:none}
.musicframe{display:block;width:100%;height:100%;border:0;background:var(--bg)}
[data-screen=music] .nav{display:none}

/* UX audit 2026-11-11: status chips stay readable over card artwork; form placeholders reach readable contrast */
.card__st{-webkit-backdrop-filter:blur(10px) saturate(1.15);backdrop-filter:blur(10px) saturate(1.15)}
#s-book input::placeholder,#s-book textarea::placeholder{color:var(--dim);opacity:1}

/* Profile picture (top right) = the way to the More page; the round More button is gone from the bottom bar */
.nav{gap:10px}
.me{all:unset;box-sizing:border-box;cursor:pointer;flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;overflow:hidden;position:relative;background:var(--fill);color:var(--ink);font:700 13px "Space Grotesk",sans-serif;box-shadow:inset 0 0 0 1px var(--hair)}
.me span{display:grid;place-items:center;width:100%;height:100%}
.me img{width:100%;height:100%;object-fit:cover;display:block}
.me svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.me:active{transform:scale(.93)}
.me:focus-visible{outline:2px solid var(--goldt);outline-offset:3px}
[data-screen=more] .me,[data-screen=status] .me{box-shadow:0 0 0 2px var(--goldt)}
.me.has-upd::after{content:"";position:absolute;top:2px;right:2px;width:9px;height:9px;border-radius:50%;background:var(--goldt);box-shadow:0 0 0 2px var(--bg)}
.tabs{width:min(calc(100vw - 32px),440px)}
/* audit fixes: Bridge join fields follow the warm palette; muted labels and placeholders are readable */
.sh-joinc .sh-code,.sh-joinc .sh-name,.sh-lite .sh-name{background:var(--fill);box-shadow:inset 0 0 0 1px var(--hair)}
.sh-code::placeholder,.sh-name::placeholder,.sh-joinc .sh-code::placeholder,.sh-joinc .sh-name::placeholder,.sh-lite .sh-name::placeholder{color:var(--dim);opacity:1}
.ap-lbl{color:var(--dim);font-size:13px}

/* Apps = its own round button on the left (where More used to be); the four others share the capsule */
.dock__apps svg .il{display:inline!important}.dock__apps svg .ib{display:none!important}
.dock__apps button.on svg .il{display:none!important}.dock__apps button.on svg .ib{display:inline!important}
.dock__apps button span{display:none}
.tabs{width:min(calc(100vw - 32px),440px)}

/* the floating bar keeps the same gap to the left, right and bottom edges */
.tabs{bottom:16px}

/* Musike tab on desktop: the floating bar tucks away and glides back on hover (Apple-Dock style). A grabber marks the spot. */
.dockzone{display:none}
@media (min-width:900px) and (hover:hover) and (pointer:fine){
  html[data-screen=music] .tabs{transform-origin:50% 100%;transition:transform .62s cubic-bezier(.32,.72,0,1),opacity .4s ease,filter .5s ease}
  html[data-screen=music]:not([data-dock-open]) .tabs{transform:translate3d(-50%,calc(100% + 28px),0) scale(.84);opacity:0;filter:blur(6px);pointer-events:none;transition-duration:.5s,.3s,.4s}
  html[data-screen=music] .dockzone{display:block;position:fixed;z-index:21;left:50%;bottom:0;width:min(480px,70vw);height:16px;transform:translateX(-50%)}
  .dockzone i{position:absolute;left:50%;bottom:4px;width:72px;height:5px;margin-left:-36px;border-radius:5px;background:var(--ink);opacity:.32;transition:opacity .35s ease,width .5s cubic-bezier(.34,1.56,.64,1),margin-left .5s cubic-bezier(.34,1.56,.64,1)}
  html[data-screen=music] .dockzone:hover i{opacity:.7;width:104px;margin-left:-52px}
  html[data-dock-open] .dockzone i{opacity:0}
}
@media (prefers-reduced-motion:reduce){html[data-screen=music] .tabs{transition:opacity .2s ease!important}}

/* Visitor: show / hide the Craftik-ID-only apps */
.showall{display:block;margin:22px auto 0;height:42px;padding:0 22px;border-radius:100px;border:1px solid var(--hair);background:rgba(255,255,255,.06);color:var(--ink);font:600 13px/1 "Space Grotesk",sans-serif;cursor:pointer;transition:background .25s,transform .25s cubic-bezier(.34,1.56,.64,1)}
.showall:hover{background:rgba(255,255,255,.1)}.showall:active{transform:scale(.97)}.showall[hidden]{display:none}.showall:disabled{opacity:.5}
[data-theme=light] .showall{background:rgba(0,0,0,.04)}
/* Desktop: use the width. Cards flow into as many columns as fit instead of a narrow 3-column strip. */
@media (min-width:900px){
  .shell{max-width:1360px}
  .stack{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
  .tabs{padding-left:12px;padding-right:12px}
}

/* AirChat in the background: floating "Room" pill, new-message banner, active-room card, music + Jam cards */
.bx-mini{all:unset;box-sizing:border-box;position:fixed;z-index:49;right:max(16px,calc((100vw - min(calc(100vw - 32px),440px)) / 2));bottom:calc(max(22px,calc(env(safe-area-inset-bottom) + 8px)) + 62px + 12px);display:flex;align-items:center;gap:8px;height:34px;padding:0 4px 0 12px;border-radius:18px;background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 10px 26px rgba(0,0,0,.45);color:#fff;font:600 12.5px/1 "Space Grotesk",sans-serif;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transform-origin:100% 100%;animation:bxPop .5s cubic-bezier(.22,1.2,.36,1) both}
@keyframes bxPop{from{opacity:0;transform:scale(.7) translateY(12px)}}
@media (min-width:900px) and (hover:hover){.bx-mini{bottom:calc(env(safe-area-inset-bottom) + 22px)}}
.bx-mini[hidden]{display:none}
.bx-mini i{width:7px;height:7px;border-radius:50%;background:#34c759;box-shadow:0 0 0 0 rgba(52,199,89,.6);animation:mkpulse 2s infinite}
.bx-mini b{padding:6px 11px;border-radius:100px;background:rgba(255,255,255,.14);font-weight:600;font-size:11.5px}
.bx-mini.has-new b{background:var(--goldt);color:var(--ongold,#fff)}
.bx-ping{all:unset;box-sizing:border-box;position:fixed;z-index:61;top:calc(env(safe-area-inset-top) + 56px);left:50%;width:min(360px,calc(100vw - 28px));padding:11px 15px;border-radius:18px;background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border:1px solid var(--hair);box-shadow:0 12px 34px rgba(0,0,0,.4);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;gap:3px;opacity:0;transform:translate(-50%,-14px) scale(.96);pointer-events:none;transition:opacity .3s,transform .5s cubic-bezier(.32,.72,0,1)}
.bx-ping.show{opacity:1;transform:translate(-50%,0) scale(1);pointer-events:auto}
.bx-ping b{font:700 13px/1.2 "Space Grotesk",sans-serif}.bx-ping span{font:400 13px/1.35 "Space Grotesk",sans-serif;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes mkin{from{opacity:0;transform:translate(-50%,-12px) scale(.9)}}
@keyframes mkpulse{70%{box-shadow:0 0 0 7px rgba(52,199,89,0)}100%{box-shadow:0 0 0 0 rgba(52,199,89,0)}}
.sh-act-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sh-act-t{display:flex;flex-direction:column;gap:3px}.sh-act-t b{font:700 16px/1.2 "Space Grotesk",sans-serif}.sh-act-t small{color:var(--dim);font-size:12.5px}
.sh-act-n{font-style:normal;font:700 12px/1 "Space Grotesk",sans-serif;padding:6px 10px;border-radius:100px;background:var(--goldt);color:var(--ongold,#fff)}.sh-act-n[hidden]{display:none}
.sh-act-r{display:flex;gap:10px;margin-top:12px}.sh-act-r .sh-btn{flex:1}
.bx-bub.has-mk{padding:6px}
.mk-card{display:flex;align-items:center;gap:11px;min-width:min(260px,70vw);max-width:310px;padding:4px}
.mk-art{flex:none;width:52px;height:52px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:var(--fill);color:var(--goldt)}
.mk-art img{width:100%;height:100%;object-fit:cover}.mk-art svg{width:26px;height:26px}
.mk-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.mk-t small{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--goldt);font-weight:700}
.mk-t b{font:700 14.5px/1.25 "Space Grotesk",sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mk-t em{font-style:normal;font-size:12.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-go{all:unset;box-sizing:border-box;flex:none;padding:9px 15px;border-radius:100px;background:var(--goldt);color:var(--ongold,#fff);font:700 13px/1 "Space Grotesk",sans-serif;cursor:pointer}.mk-go:active{transform:scale(.95)}
.mk-menu{position:absolute;z-index:30;left:10px;bottom:74px;width:min(290px,calc(100% - 20px));padding:6px;border-radius:18px;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);border:1px solid var(--hair);box-shadow:0 14px 40px rgba(0,0,0,.45);animation:mkin2 .35s cubic-bezier(.32,.72,0,1)}
.mk-mi{all:unset;box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:3px;padding:11px 13px;border-radius:13px;cursor:pointer}.mk-mi:hover,.mk-mi:active{background:var(--fill)}
.mk-mi b{font:600 14px/1.2 "Space Grotesk",sans-serif}.mk-mi small{font-size:12px;color:var(--dim)}
@keyframes mkin2{from{opacity:0;transform:translateY(10px) scale(.96)}}

.ms-res{margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:12px}
.ms-code{font:700 44px/1 "Space Grotesk",monospace;letter-spacing:.2em;padding-left:.2em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ms-row{display:flex;gap:10px;width:100%}.ms-row .sh-btn{flex:1}

/* Apps inside Eco, desktop: "Back to Eco" tucks away at the top centre and glides down on hover */
.vzone,.vautoback{display:none}
@media (min-width:900px) and (hover:hover) and (pointer:fine){
  body.vnative .vzone{display:block;position:fixed;z-index:80;top:0;left:50%;width:min(380px,60vw);height:18px;transform:translateX(-50%)}
  .vzone i{position:absolute;left:50%;top:6px;width:64px;height:5px;margin-left:-32px;border-radius:5px;background:#fff;opacity:.4;mix-blend-mode:difference;transition:opacity .35s ease,width .5s cubic-bezier(.34,1.56,.64,1),margin-left .5s cubic-bezier(.34,1.56,.64,1)}
  body.vnative .vzone:hover i{opacity:.8;width:96px;margin-left:-48px}
  html[data-vback-open] .vzone i{opacity:0}
  body.vnative .vautoback{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;position:fixed;z-index:81;top:12px;left:50%;height:50px;padding:5px 18px 5px 8px;border-radius:25px;cursor:pointer;color:#fff;font:600 14px/1 "Space Grotesk",sans-serif;background:rgba(32,32,36,.62);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 36px rgba(0,0,0,.4);transform:translate(-50%,-90px) scale(.86);transform-origin:50% 0;opacity:0;filter:blur(6px);pointer-events:none;transition:transform .55s cubic-bezier(.32,.72,0,1),opacity .32s ease,filter .4s ease}
  html[data-vback-open] body.vnative .vautoback{transform:translate(-50%,0) scale(1);opacity:1;filter:none;pointer-events:auto}
  body.vnative .vautoback svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
  body.vnative .vautoback img{width:34px;height:34px;border-radius:10px;display:block;flex:none}
  body.vnative .vautoback:hover{background:rgba(48,48,54,.72)}
  body.vnative .vautoback:focus-visible{outline:2px solid var(--goldt);outline-offset:2px}
}
@media (prefers-reduced-motion:reduce){body.vnative .vautoback{transition:opacity .2s ease!important}}

/* ===================== Bridge v2 (2026-11-11 UX pass) ===================== */
#s-share{padding-bottom:150px}
.br-hero{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin:6px 0 2px}
.br-artw{width:min(340px,100%)}
.br-art{display:block;width:100%;height:auto;overflow:visible}
.br-ht h2{margin:0 0 4px;font-size:22px;line-height:1.2;letter-spacing:-.02em}
.br-ht p{margin:0 auto;max-width:44ch;color:var(--dim);font-size:15px;line-height:1.45}
.br-blob{fill:rgba(var(--acc-rgb),.14);animation:br-drift 9s ease-in-out infinite alternate}.br-blob.b2{animation-duration:12s;animation-delay:-3s}
.br-arc,.br-link{fill:none;stroke:rgba(var(--acc-rgb),.55);stroke-width:2;stroke-dasharray:3 7;stroke-linecap:round;animation:br-dash 2.4s linear infinite}
.br-spark{fill:var(--goldt)}
.br-bub.a{animation:br-bob 4.2s ease-in-out infinite}.br-bub.b{animation:br-bob 4.8s ease-in-out -1.6s infinite}
.br-bub .d1,.br-bub .d2,.br-bub .d3{fill:#fff;transform-box:fill-box;transform-origin:center;animation:br-type 1.3s ease-in-out infinite}.br-bub .d2{animation-delay:.18s}.br-bub .d3{animation-delay:.36s}
.br-bub-b{fill:var(--surface);stroke:var(--hair);stroke-width:1.5}.br-line{fill:rgba(var(--acc-rgb),.28)}
.br-chip{fill:var(--surface);stroke:var(--hair);stroke-width:1.5}
.br-glyph{fill:none;stroke:var(--goldt);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.br-float{animation:br-bob 5s ease-in-out infinite}.br-float.f2{animation-delay:-2s}
.br-ring{fill:none;stroke:var(--goldt);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;animation:br-ring 2.8s ease-out infinite}.br-ring.r2{animation-delay:1.4s}
.br-play{fill:#fff}
.br-eq rect{fill:rgba(var(--acc-rgb),.6);transform-box:fill-box;transform-origin:50% 100%;animation:br-eq 1.1s ease-in-out infinite}
.br-eq rect:nth-child(2){animation-delay:.15s}.br-eq rect:nth-child(3){animation-delay:.3s}.br-eq rect:nth-child(4){animation-delay:.08s}.br-eq rect:nth-child(5){animation-delay:.4s}.br-eq rect:nth-child(6){animation-delay:.22s}
.br-av circle:first-child{fill:var(--surface);stroke:var(--hair);stroke-width:1.5}.br-hd{fill:rgba(var(--acc-rgb),.7)}.br-hd2{fill:none;stroke:rgba(var(--acc-rgb),.7);stroke-width:3;stroke-linecap:round}
.br-av{animation:br-bob 4.4s ease-in-out infinite}.br-av.a2{animation-delay:-2s}
@keyframes br-drift{to{transform:translate(10px,-8px) scale(1.08)}}
@keyframes br-dash{to{stroke-dashoffset:-20}}
@keyframes br-bob{50%{transform:translateY(-5px)}}
@keyframes br-type{0%,60%,100%{transform:translateY(0);opacity:.55}30%{transform:translateY(-4px);opacity:1}}
@keyframes br-ring{0%{transform:scale(1);opacity:.55}100%{transform:scale(2);opacity:0}}
@keyframes br-eq{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1.15)}}
@keyframes br-up{from{opacity:0;transform:translateY(14px)}}

/* lobby layout: one column on phones, two on desktop */
#shareRoot:has(>.br-hero),#watchRoot:has(>.br-hero){display:grid;grid-template-columns:1fr;gap:14px}
#shareRoot:has(>.br-hero)>*,#watchRoot:has(>.br-hero)>*{margin-top:0!important;min-width:0;animation:br-up .55s cubic-bezier(.32,.72,0,1) both}
#shareRoot:has(>.br-hero)>:nth-child(2),#watchRoot:has(>.br-hero)>:nth-child(2){animation-delay:.05s}
#shareRoot:has(>.br-hero)>:nth-child(3),#watchRoot:has(>.br-hero)>:nth-child(3){animation-delay:.1s}
#shareRoot:has(>.br-hero)>:nth-child(4),#watchRoot:has(>.br-hero)>:nth-child(4){animation-delay:.15s}
#shareRoot:has(>.br-hero)>:nth-child(n+5),#watchRoot:has(>.br-hero)>:nth-child(n+5){animation-delay:.2s}
@media (min-width:900px){
  .br-hero{flex-direction:row;text-align:left;justify-content:center;gap:34px;padding:4px 0 10px}
  .br-artw{flex:none;width:330px}.br-ht{max-width:420px}.br-ht h2{font-size:26px}.br-ht p{margin:0}
  #shareRoot:has(>.br-hero),#watchRoot:has(>.br-hero){grid-template-columns:1fr 1fr;align-items:start}
  #shareRoot>.br-hero,#shareRoot>.sh-fine,#shareRoot>.sh-done,#shareRoot>.sh-act,#shareRoot>.sh-mine,#shareRoot>.sh-mod,#shareRoot>.sh-pitch,#shareRoot>.sh-err,#watchRoot>.br-hero,#watchRoot>.sh-span,#watchRoot>.sh-fine{grid-column:1/-1}
}

/* cards: "Open a room" is the main action, "Join" the quiet one */
.sh-open{border-color:color-mix(in srgb,rgb(var(--acc-rgb)) 50%,var(--hair))!important;box-shadow:0 14px 40px -18px rgba(var(--acc-rgb),.55)}
.sh-open h2,.sh-lite h2{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:10px;font-size:20px}
.sh-open .sh-tier{transform:scale(.92);transform-origin:right center}
.sh-open .sh-dur{display:flex!important;flex-wrap:wrap;gap:8px;padding:0;background:none;border-radius:0}
.sh-open .sh-dur button{flex:0 0 auto;height:40px;padding:0 16px;border-radius:20px;background:var(--fill);color:var(--dim);display:inline-grid;transition:background .25s,color .25s,transform .35s cubic-bezier(.34,1.56,.64,1)}
.sh-open .sh-dur button:active{transform:scale(.95)}
.sh-open .sh-dur button[aria-checked=true]{background:var(--fillgrad);color:var(--ongold);font-weight:600}
.sh-open .sh-facts{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 12px}
.sh-open .sh-facts li{list-style:none;padding:5px 11px;border-radius:99px;background:var(--fill);font-size:12.5px;color:var(--dim)}
.sh-open .sh-facts li::before{display:none}
.sh-open .sh-btn--gold{height:52px;font-size:17px;margin-top:6px;box-shadow:0 10px 26px -10px rgba(var(--acc-rgb),.7)}
.sh-joinc .sh-name{display:none}.sh-joinc.has-code .sh-name{display:block;animation:br-up .3s ease both}
.sh-joinc .sh-btn--go:not([disabled]){background:var(--fillgrad);color:var(--ongold)}
.sh-joinc .sh-code:focus{box-shadow:0 0 0 2px var(--goldt),0 0 0 7px rgba(var(--acc-rgb),.16);transition:box-shadow .3s}
.br-kinds{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.br-kinds span{padding:5px 11px;border-radius:99px;background:var(--fill);color:var(--dim);font-size:12.5px}
.sh-mod{display:flex!important;align-items:center;gap:12px;padding:12px 16px!important;background:transparent!important;border-style:dashed!important}
.sh-mod h2{margin:0;font-size:15px}.sh-mod .sh-sub{display:none}.sh-mod .sh-btn{width:auto;height:36px;padding:0 16px;margin-left:auto;font-size:14px}
.sh-watchc h2,.sh-musc h2{display:flex;justify-content:space-between;align-items:center;gap:10px}
.sh-watchc h2::after,.sh-musc h2::after{font:600 11px "Space Grotesk",sans-serif;padding:4px 10px;border-radius:99px;background:var(--fill);color:var(--dim);letter-spacing:.02em}
.sh-watchc h2::after{content:"Movie · Jellyfin"}.sh-musc h2::after{content:"Music · Musike"}
@media (prefers-reduced-motion:reduce){.br-art *,#shareRoot>*,#watchRoot>*{animation:none!important}}
#shareRoot[hidden],#watchRoot[hidden]{display:none!important}
.sh-open .sh-tt,.sh-lite .sh-tt{color:var(--ink);font-weight:700}
@media (max-width:899px){.br-artw{width:min(250px,78%)}.br-ht h2{font-size:20px}.br-ht p{font-size:14px}.br-hero{margin-bottom:0}}
.sh-joinc{align-content:start}.sh-joinc .sh-sub{margin-bottom:12px}

/* Musike's full-screen player is open: the floating bottom bar tucks away (all widths) and returns when it closes */
html[data-screen=music] .tabs{transition:transform .6s cubic-bezier(.32,.72,0,1),opacity .4s ease,filter .5s ease}
html[data-np-open] .tabs{transform:translate3d(-50%,calc(100% + 40px),0) scale(.9)!important;opacity:0;filter:blur(6px);pointer-events:none}

/* ===================== Spacing pass (2026-11-11): a little more air between things ===================== */
@media (max-width:899px){
  .screen{padding-bottom:calc(136px + env(safe-area-inset-bottom))}
  .title{margin-bottom:20px}
  #shareRoot:has(>.br-hero),#watchRoot:has(>.br-hero){gap:18px}
}
.sh-card{padding:20px}
.sh-card h2{margin-bottom:8px}
.sh-sub{margin-bottom:16px;line-height:1.45}
.sh-open .sh-dur{gap:10px;margin:0 0 20px}
.sh-open .sh-btn--gold{margin-top:0}
.sh-open .sh-facts{margin-bottom:16px}
.sh-joinc .sh-sub{margin-bottom:14px}
.sh-joinc .sh-code+.sh-btn,.sh-joinc .sh-name{margin-top:0}
.sh-joinc .sh-name{margin-top:12px}
.br-kinds{margin-top:8px}
.br-hero{margin:8px 0 6px;gap:12px}
.br-ht p{line-height:1.5}
.sh-lite .sh-name{margin:14px 0}
.sh-act-r{margin-top:16px}
.sh-giftc .sh-sub{margin-bottom:14px}

/* ---- Musike and IftyLabs Servers cards: own scenes (animated SVG), keyed by their address so no CMS change is needed ---- */
.card[data-url*="music.craftik.bd"]:not(.f-vcard){background:linear-gradient(150deg,#2a1260 0%,#7b2a9c 58%,#ff5f7e 120%)}
.card[data-url*="music.craftik.bd"]:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 360 220%22 preserveAspectRatio=%22xMaxYMax slice%22%3E%3Cdefs%3E%3CradialGradient id=%22gl%22 cx=%22.85%22 cy=%22.1%22 r=%22.75%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffb3c8%22 stop-opacity=%22.5%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ffb3c8%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width=%22360%22 height=%22220%22 fill=%22url(%23gl)%22/%3E%3Cpath d=%22M150 120C185 70 205 170 240 118S295 70 360 112%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-dasharray=%2214 12%22%3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%220%22 to=%22-52%22 dur=%223s%22 repeatCount=%22indefinite%22/%3E%3C/path%3E%3Crect x=%22170%22 y=%22170%22 width=%2212%22 height=%2244%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.16%22%3E%3Canimate attributeName=%22height%22 values=%2244;19;50;44%22 dur=%221.1s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22y%22 values=%22170;195;164;170%22 dur=%221.1s%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22192%22 y=%22136%22 width=%2212%22 height=%2278%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22%3E%3Canimate attributeName=%22height%22 values=%2278;35;89;78%22 dur=%221.3s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22y%22 values=%22136;179;125;136%22 dur=%221.3s%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22214%22 y=%22158%22 width=%2212%22 height=%2256%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.16%22%3E%3Canimate attributeName=%22height%22 values=%2256;25;64;56%22 dur=%221.5s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22y%22 values=%22158;189;150;158%22 dur=%221.5s%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22236%22 y=%22110%22 width=%2212%22 height=%22104%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22%3E%3Canimate attributeName=%22height%22 values=%22104;46;119;104%22 dur=%221.2s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22y%22 values=%22110;168;95;110%22 dur=%221.2s%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22258%22 y=%22144%22 width=%2212%22 height=%2270%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.16%22%3E%3Canimate attributeName=%22height%22 values=%2270;31;80;70%22 dur=%221.7s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22y%22 values=%22144;183;134;144%22 dur=%221.7s%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22280%22 y=%22124%22 width=%2212%22 height=%2290%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22%3E%3Canimate attributeName=%22height%22 values=%2290;40;103;90%22 dur=%221.4s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22y%22 values=%22124;174;111;124%22 dur=%221.4s%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22302%22 y=%22164%22 width=%2212%22 height=%2250%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.16%22%3E%3Canimate attributeName=%22height%22 values=%2250;22;57;50%22 dur=%221.6s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22y%22 values=%22164;192;157;164%22 dur=%221.6s%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22324%22 y=%22130%22 width=%2212%22 height=%2284%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22%3E%3Canimate attributeName=%22height%22 values=%2284;37;96;84%22 dur=%221.25s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22y%22 values=%22130;177;118;130%22 dur=%221.25s%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Cg fill=%22%23fff%22 fill-opacity=%22.85%22%3E%3Cg%3E%3CanimateTransform attributeName=%22transform%22 type=%22translate%22 values=%220 0;0 -7;0 0%22 dur=%223.6s%22 repeatCount=%22indefinite%22/%3E%3Cellipse cx=%22300%22 cy=%2294%22 rx=%229%22 ry=%226.5%22 transform=%22rotate(-22 300 94)%22/%3E%3Cpath d=%22M308 91V60c0 0 14 3 14 19%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.85%22 stroke-width=%223.6%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3Ccircle cx=%22338%22 cy=%2290%22 r=%221.8%22 fill-opacity=%22.7%22%3E%3Canimate attributeName=%22fill-opacity%22 values=%22.7;.2;.7%22 dur=%222.2s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") right bottom/cover no-repeat;-webkit-mask-image:none;mask-image:none;opacity:1}
.card[data-url*="iftylabs.craftik.bd"]:not(.f-vcard){background:linear-gradient(155deg,#171a21 0%,#0a0c10 70%,#050607)}
.card[data-url*="iftylabs.craftik.bd"]:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 360 220%22 preserveAspectRatio=%22xMaxYMax slice%22%3E%3Cdefs%3E%3Cpattern id=%22g%22 width=%2224%22 height=%2224%22 patternUnits=%22userSpaceOnUse%22%3E%3Cpath d=%22M24 0H0V24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.05%22/%3E%3C/pattern%3E%3ClinearGradient id=%22fade%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%234aa3ff%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.6%22 stop-color=%22%234aa3ff%22 stop-opacity=%22.7%22/%3E%3Cstop offset=%221%22 stop-color=%22%2335c871%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22gl%22 cx=%22.9%22 cy=%22.05%22 r=%22.8%22%3E%3Cstop offset=%220%22 stop-color=%22%234aa3ff%22 stop-opacity=%22.22%22/%3E%3Cstop offset=%221%22 stop-color=%22%234aa3ff%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width=%22360%22 height=%22220%22 fill=%22url(%23g)%22/%3E%3Crect width=%22360%22 height=%22220%22 fill=%22url(%23gl)%22/%3E%3Crect x=%22212%22 y=%2254%22 width=%22132%22 height=%2234%22 rx=%228%22 fill=%22%231d2026%22 stroke=%22%23fff%22 stroke-opacity=%22.12%22/%3E%3Cpath d=%22M248 65h58M248 77h40%22 stroke=%22%23fff%22 stroke-opacity=%22.14%22 stroke-width=%223%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%22228%22 cy=%2271%22 r=%224%22 fill=%22%2335c871%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 dur=%221.3s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22326%22 cy=%2271%22 r=%223%22 fill=%22%234aa3ff%22 fill-opacity=%22.85%22%3E%3Canimate attributeName=%22opacity%22 values=%22.9;.2;.9%22 dur=%221.9s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Crect x=%22212%22 y=%2294%22 width=%22132%22 height=%2234%22 rx=%228%22 fill=%22%231d2026%22 stroke=%22%23fff%22 stroke-opacity=%22.12%22/%3E%3Cpath d=%22M248 105h58M248 117h40%22 stroke=%22%23fff%22 stroke-opacity=%22.14%22 stroke-width=%223%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%22228%22 cy=%22111%22 r=%224%22 fill=%22%2335c871%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 dur=%221.8s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22326%22 cy=%22111%22 r=%223%22 fill=%22%234aa3ff%22 fill-opacity=%22.85%22%3E%3Canimate attributeName=%22opacity%22 values=%22.9;.2;.9%22 dur=%221.9s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Crect x=%22212%22 y=%22134%22 width=%22132%22 height=%2234%22 rx=%228%22 fill=%22%231d2026%22 stroke=%22%23fff%22 stroke-opacity=%22.12%22/%3E%3Cpath d=%22M248 145h58M248 157h40%22 stroke=%22%23fff%22 stroke-opacity=%22.14%22 stroke-width=%223%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%22228%22 cy=%22151%22 r=%224%22 fill=%22%23f5b13d%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 dur=%221.1s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22326%22 cy=%22151%22 r=%223%22 fill=%22%234aa3ff%22 fill-opacity=%22.85%22%3E%3Canimate attributeName=%22opacity%22 values=%22.9;.2;.9%22 dur=%221.9s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Cpath d=%22M196 204 L226 196 L252 199 L280 188 L306 192 L344 178%22 fill=%22none%22 stroke=%22url(%23fade)%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-dasharray=%22220%22 stroke-dashoffset=%22220%22%3E%3Canimate attributeName=%22stroke-dashoffset%22 values=%22220;0%22 dur=%222.4s%22 fill=%22freeze%22/%3E%3C/path%3E%3Ccircle cx=%22344%22 cy=%22178%22 r=%224%22 fill=%22%2335c871%22%3E%3Canimate attributeName=%22r%22 values=%224;7;4%22 dur=%222s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%221;.4;1%22 dur=%222s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3C/svg%3E") right bottom/cover no-repeat;-webkit-mask-image:none;mask-image:none;opacity:1}

/* Desktop alignment: pages share one readable width; the two Bridge cards line up head to head */
@media (min-width:900px){
  #s-share,#s-book,#s-more,#s-status,#s-map{max-width:1180px;margin-left:auto;margin-right:auto;width:100%}
  .sh-open h2,.sh-lite h2,.sh-joinc h2,.sh-watchc h2,.sh-musc h2{min-height:34px;display:flex;align-items:center}
  .sh-joinc h2{margin-bottom:8px}
  .br-hero{margin-bottom:12px}
}
.sh-card.sh-joinc,.sh-card.sh-open{padding:20px}
.sh-card.sh-mod{padding:12px 20px}
.sh-card.sh-mod h2{margin:0;min-height:0}
.sh-card.sh-mod .sh-btn{margin:0 0 0 auto}

/* ===================== Rhythm v3 (phone): one clear spacing scale — 12 / 18 / 24 / 32 ===================== */
@media (max-width:899px){
  .screen{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}
  .title{margin:0 0 26px}
  .airseg{margin:0 0 30px!important}
  #shareRoot:has(>.br-hero),#watchRoot:has(>.br-hero){gap:24px}
  .br-hero{gap:16px}
  .br-artw{margin-bottom:4px}
  .br-ht h2{margin-bottom:10px}
  .br-ht p{line-height:1.55}
  .sh-card,.sh-card.sh-joinc,.sh-card.sh-open{padding:22px}
  .sh-card h2{margin-bottom:10px}
  .sh-sub{margin-bottom:20px;line-height:1.5}
  .sh-open .sh-dur{gap:10px;margin-bottom:24px}
  .sh-open .sh-facts{margin-bottom:18px}
  .sh-btn{height:52px}
  .sh-joinc .sh-code{height:60px}
  .sh-joinc .sh-name{margin-top:14px}
  .br-kinds{gap:10px;margin-top:12px}
  .sh-act-r{margin-top:18px}
  .sh-card.sh-mod{padding:14px 20px}
  .label{margin:36px 4px 14px}
  .list .row,.row{min-height:68px;padding:16px 20px}
  .fun-sec{margin-top:36px}
  .fun-grid{gap:16px}
  .fun-tile{padding:18px 16px 18px;gap:6px}
  .fun-tile small{line-height:1.4}
  .stack{margin-top:28px}
}

/* AirChat: last-seconds countdown, song search sheet */
.bx-cd{position:absolute;left:50%;top:38%;z-index:40;transform:translate(-50%,-50%);font:700 96px/1 "Space Grotesk",sans-serif;color:#fff;text-shadow:0 8px 40px rgba(0,0,0,.5);pointer-events:none;animation:bxcd 1.2s cubic-bezier(.32,.72,0,1) both}
.bx-cd.last{color:#ff6a5e}
@keyframes bxcd{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-62%) scale(1.15)}}
.mk-sheet-back{position:absolute;inset:0;z-index:35;background:rgba(0,0,0,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;animation:in .2s ease-out}
.mk-sheet-back.out{opacity:0;transition:opacity .22s}
.mk-sheet{width:100%;max-height:82%;display:flex;flex-direction:column;gap:12px;padding:10px 18px calc(18px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:var(--bg);box-shadow:0 -18px 60px rgba(0,0,0,.45);animation:mksl .38s cubic-bezier(.32,.72,0,1)}
@keyframes mksl{from{transform:translateY(100%)}}
.mk-grab{align-self:center;width:38px;height:5px;border-radius:5px;background:var(--faint);opacity:.5}
.mk-sh{margin:0;font-size:19px;letter-spacing:-.02em}
.mk-q{all:unset;box-sizing:border-box;height:46px;padding:0 16px;border-radius:14px;background:var(--fill);font:500 16px "Space Grotesk",sans-serif;color:var(--ink)}
.mk-q:focus{box-shadow:0 0 0 1.5px var(--goldt)}
.mk-res{display:flex;flex-direction:column;gap:4px;overflow-y:auto;min-height:120px;padding-bottom:6px}
.mk-hint{margin:14px 4px;color:var(--dim);font-size:14.5px;line-height:1.45;text-align:center}
.mk-row{display:flex;align-items:center;gap:12px;padding:8px 4px}

/* V card design picker (visitor card) */
.fun-designs{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 4px}
.fun-dz{all:unset;box-sizing:border-box;cursor:pointer;height:34px;padding:0 14px 0 34px;border-radius:17px;background:var(--fill);color:var(--ink);font:600 14px "Space Grotesk",sans-serif;position:relative;border:1.5px solid transparent}
.fun-dz::before{content:"";position:absolute;left:9px;top:8px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--b))}
.fun-dz.on{border-color:var(--goldt)}

/* V card designs (chosen in Manage CraftikID): Eco card + public V card page */
.vcardx[data-vd="midnight"],.card.f-vcard[data-vd="midnight"]{background:radial-gradient(120% 90% at 100% 0%,rgba(110,140,255,.38),transparent 58%),linear-gradient(150deg,#1a2040,#070a18);color:#eef1ff}
.vcardx[data-vd="midnight"] :is(.vc__label,.vc__name,.vc__title,.vc__lines,.vsite),.card.f-vcard[data-vd="midnight"] :is(.vc__label,.vc__name,.vc__title,.vc__lines){color:#eef1ff}
.vcardx[data-vd="emerald"],.card.f-vcard[data-vd="emerald"]{background:radial-gradient(120% 90% at 100% 0%,rgba(60,220,160,.34),transparent 58%),linear-gradient(150deg,#12302a,#050f0c);color:#eafff6}
.vcardx[data-vd="emerald"] :is(.vc__label,.vc__name,.vc__title,.vc__lines,.vsite),.card.f-vcard[data-vd="emerald"] :is(.vc__label,.vc__name,.vc__title,.vc__lines){color:#eafff6}
.vcardx[data-vd="rose"],.card.f-vcard[data-vd="rose"]{background:radial-gradient(120% 90% at 100% 0%,rgba(255,110,160,.36),transparent 58%),linear-gradient(150deg,#3a1a28,#12060c);color:#fff0f5}
.vcardx[data-vd="rose"] :is(.vc__label,.vc__name,.vc__title,.vc__lines,.vsite),.card.f-vcard[data-vd="rose"] :is(.vc__label,.vc__name,.vc__title,.vc__lines){color:#fff0f5}
.vcardx[data-vd="sunset"],.card.f-vcard[data-vd="sunset"]{background:radial-gradient(120% 90% at 100% 0%,rgba(255,230,140,.45),transparent 58%),linear-gradient(150deg,#ff9a5a,#c2185b);color:#ffffff}
.vcardx[data-vd="sunset"] :is(.vc__label,.vc__name,.vc__title,.vc__lines,.vsite),.card.f-vcard[data-vd="sunset"] :is(.vc__label,.vc__name,.vc__title,.vc__lines){color:#ffffff}
.vcardx[data-vd="paper"],.card.f-vcard[data-vd="paper"]{background:radial-gradient(120% 90% at 100% 0%,rgba(236,122,28,.32),transparent 58%),linear-gradient(150deg,#fbf4e8,#eadfca);color:#2a1d12}
.vcardx[data-vd="paper"] :is(.vc__label,.vc__name,.vc__title,.vc__lines,.vsite),.card.f-vcard[data-vd="paper"] :is(.vc__label,.vc__name,.vc__title,.vc__lines){color:#2a1d12}
.vcardx[data-vd="paper"]{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.vcardx[data-vd="paper"]::before{opacity:.5}

/* Now-playing island: round dock tab to the right of the dock (desktop), live visualizer, expands on hover */
.dock__now{display:none}
@media (min-width:900px){
  .dock__now{display:flex;position:absolute;left:100%;bottom:0;margin-left:12px;align-items:center;height:var(--tab-h);width:var(--tab-h);border-radius:999px;overflow:hidden;transition:left .65s cubic-bezier(.22,1.15,.36,1),width .65s cubic-bezier(.22,1.15,.36,1),margin .65s cubic-bezier(.22,1.15,.36,1);z-index:3}
  .dock__now[hidden]{display:none}
  .dock__now:hover,.dock__now:focus-within{left:-74px;margin-left:0;width:calc(100% + 148px)}   /* centred on the bar, and wide enough to keep the pointer inside it (no flicker) */
  .tabs:has(.dock__now:hover) :is(.dock__apps,.dock__group),.tabs:has(.dock__now:focus-within) :is(.dock__apps,.dock__group){opacity:0;transform:scale(.86);filter:blur(10px);pointer-events:none}
  .tabs:has(.dock__now:hover)::after,.tabs:has(.dock__now:focus-within)::after{content:"";position:absolute;inset:-10px -90px -10px -90px;z-index:2;border-radius:36px}   /* catches the pointer while the island opens, so nothing behind the bar gets the click */
  .dock__now{pointer-events:auto;touch-action:manipulation}
  .tabs .dock__apps,.tabs .dock__group{transition:opacity .35s ease,transform .6s cubic-bezier(.22,1.2,.36,1),filter .4s ease}
  .dock__now .np-open{all:unset;box-sizing:border-box;position:relative;z-index:1;flex:none;width:var(--tab-h);height:var(--tab-h);display:grid;place-items:center;cursor:pointer;border-radius:50%}
  .dock__now .viz{display:flex;align-items:center;gap:3px;height:22px}
  .dock__now .viz i{display:block;width:3.5px;height:30%;border-radius:2px;background:var(--viz,var(--goldt));transform-origin:50% 50%}
  .dock__now.is-playing .viz i{animation:npBar .9s ease-in-out infinite}
  .dock__now .viz i:nth-child(1){animation-delay:-.2s}.dock__now .viz i:nth-child(2){animation-delay:-.65s}.dock__now .viz i:nth-child(3){animation-delay:-.4s}.dock__now .viz i:nth-child(4){animation-delay:-.8s}.dock__now .viz i:nth-child(5){animation-delay:-.1s}
  .dock__now .np-txt{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;cursor:pointer;opacity:0;transform:translateX(-10px);filter:blur(6px);transition:opacity .2s,transform .3s cubic-bezier(.22,1,.36,1),filter .3s}
  .dock__now .np-txt b{font:600 14px/1.15 "Space Grotesk",sans-serif;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dock__now .np-txt small{font:500 12px/1.1 "Space Grotesk",sans-serif;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dock__now .np-ctl{position:relative;z-index:1;flex:none;display:flex;align-items:center;gap:2px;padding-right:14px;opacity:0;transform:translateX(10px);filter:blur(6px);transition:opacity .2s,transform .3s cubic-bezier(.22,1,.36,1),filter .3s}
  .dock__now:hover .np-txt,.dock__now:hover .np-ctl,.dock__now:focus-within .np-txt,.dock__now:focus-within .np-ctl{opacity:1;transform:none;filter:none;transition-delay:.18s}
  .dock__now:hover .np-ctl,.dock__now:focus-within .np-ctl{transition-delay:.26s}
  .dock__now .np-open{transition:transform .5s cubic-bezier(.22,1.2,.36,1)}.dock__now:hover .np-open{transform:scale(1.08)}
  .dock__now .np-ctl button{all:unset;box-sizing:border-box;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:var(--ink)}
  .dock__now .np-ctl button:hover{background:rgba(255,255,255,.12)}
  .dock__now .np-ctl svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round}
  .dock__now .np-pl{display:none}.dock__now:not(.is-playing) .np-pa{display:none}.dock__now:not(.is-playing) .np-pl{display:inline}
  [data-theme=light] .dock__now .np-ctl button:hover{background:rgba(0,0,0,.08)}
}
@keyframes npBar{0%,100%{height:25%}25%{height:100%}50%{height:45%}75%{height:80%}}
@keyframes npIn{0%{opacity:0;transform:scale(.45);filter:blur(6px)}60%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
@keyframes npOut{0%{opacity:1;transform:none;filter:none}100%{opacity:0;transform:scale(.55);filter:blur(6px)}}
.dock__now.np-show,.tnow.np-show{animation:npIn .55s cubic-bezier(.22,1.2,.36,1) both}
.dock__now.np-hide,.tnow.np-hide{animation:npOut .42s cubic-bezier(.4,0,.8,.4) forwards;pointer-events:none}
/* bars driven by the real audio levels (set from Eco as --b0..--b4); a bar settles to a low line in silence */
.dock__now.has-lv .viz i,.tnow.has-lv .tnow__viz i,.mnp.has-lv .mnp__bars i{animation:none!important;transition:height .06s linear}
.has-lv .viz i:nth-child(1),.has-lv .tnow__viz i:nth-child(1){height:calc(14% + var(--b0,0)*86%)}
.has-lv .viz i:nth-child(2),.has-lv .tnow__viz i:nth-child(2){height:calc(14% + var(--b1,0)*86%)}
.has-lv .viz i:nth-child(3),.has-lv .tnow__viz i:nth-child(3){height:calc(14% + var(--b2,0)*86%)}
.has-lv .viz i:nth-child(4),.has-lv .tnow__viz i:nth-child(4){height:calc(14% + var(--b3,0)*86%)}
.has-lv .viz i:nth-child(5),.has-lv .tnow__viz i:nth-child(5){height:calc(14% + var(--b4,0)*86%)}
@media (prefers-reduced-motion:reduce){.dock__now .viz i{animation:none!important;height:55%}}

/* Profile button: avatar + name pill, with a menu */
.me{width:auto;height:44px;padding:4px 12px 4px 4px;border-radius:22px;display:flex;align-items:center;gap:9px;overflow:visible;background:var(--surface,var(--fill));box-shadow:inset 0 0 0 1px var(--hair),0 2px 10px rgba(0,0,0,.18);transition:background .2s,box-shadow .2s,transform .15s}
.me:hover{background:var(--fill);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 4px 16px rgba(0,0,0,.25)}
.me__av{position:relative;flex:none;width:36px;height:36px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--fill);box-shadow:0 0 0 2px var(--goldt)}
.me .me__av #meIn{display:grid;place-items:center;width:100%;height:100%}
.me__t{font:600 14px "Space Grotesk",sans-serif;color:var(--ink);max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me .me__chev{width:16px;height:16px;flex:none;stroke-width:2;opacity:.6;transition:transform .2s}
.me[aria-expanded=true] .me__chev{transform:rotate(180deg)}
.me--out{background:var(--fillgrad);color:var(--ongold);box-shadow:none;padding-right:16px}
.me--out .me__t{color:var(--ongold)}.me--out .me__av{box-shadow:none;background:rgba(0,0,0,.15)}.me--out .me__chev{display:none}
.me.has-upd::after{top:3px;right:3px}
@media (max-width:520px){.me:not(.me--out){padding-right:4px}.me:not(.me--out) .me__t,.me:not(.me--out) .me__chev{display:none}}
.memenu{position:fixed;z-index:60;top:calc(env(safe-area-inset-top) + 62px);right:max(16px,env(safe-area-inset-right));width:min(310px,calc(100vw - 32px));padding:8px;border-radius:22px;background:color-mix(in srgb,var(--bg) 88%,#fff 6%);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);box-shadow:inset 0 0 0 1px var(--hair),0 18px 48px rgba(0,0,0,.5);animation:meIn .22s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:100% 0}
@keyframes meIn{from{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:none}}
.memenu__h{display:flex;align-items:center;gap:12px;padding:10px 10px 12px;margin-bottom:4px;border-bottom:1px solid var(--hair)}
.memenu__av{flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--fill);font:700 15px "Space Grotesk",sans-serif;box-shadow:0 0 0 2px var(--goldt)}
.memenu__av img{width:100%;height:100%;object-fit:cover}
.memenu__who{min-width:0;display:flex;flex-direction:column;gap:2px}
.memenu__who b{font:600 16px "Space Grotesk",sans-serif;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.memenu__who small{font:500 13px "Space Grotesk",sans-serif;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.memenu__i{all:unset;box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:2px;padding:11px 12px;border-radius:14px;cursor:pointer}
.memenu__i:hover,.memenu__i:focus-visible{background:var(--fill)}
.memenu__i b{font:600 15px "Space Grotesk",sans-serif;color:var(--ink)}
.memenu__i small{font:500 12.5px "Space Grotesk",sans-serif;color:var(--dim)}
.memenu__i.danger b{color:#ff6b5e}
.memenu__i.primary{background:var(--fillgrad);margin:4px 0}.memenu__i.primary b,.memenu__i.primary small{color:var(--ongold)}
/* the old ".me span" rule (width/height 100%) stretched the new pill */
.me .me__av{width:36px;height:36px;flex:none}
.me .me__t{display:block;width:auto;height:auto}
.me .me__chev{display:block}
.me{max-width:min(220px,60vw)}
.me__av img{width:100%;height:100%;object-fit:cover;display:block}

/* Now-playing island, expanded: full cover, title, live lyric line, controls */
@media (min-width:900px){
  .dock__now:hover,.dock__now:focus-within{height:168px;border-radius:34px}
  .dock__now{transition:left .65s cubic-bezier(.22,1.15,.36,1),width .65s cubic-bezier(.22,1.15,.36,1),height .65s cubic-bezier(.22,1.15,.36,1),border-radius .65s cubic-bezier(.22,1.15,.36,1),margin .65s cubic-bezier(.22,1.15,.36,1)}
  .dock__now .np-open{position:absolute;left:0;bottom:0;transition:opacity .25s,transform .5s cubic-bezier(.22,1.2,.36,1)}
  .dock__now:hover .np-open,.dock__now:focus-within .np-open{opacity:0;pointer-events:none;transform:scale(.6)}
  .dock__now .np-card{position:absolute;inset:14px;z-index:1;display:flex;gap:16px;opacity:0;transform:scale(.94);filter:blur(8px);pointer-events:none;transition:opacity .25s,transform .5s cubic-bezier(.22,1.1,.36,1),filter .35s}
  .dock__now:hover .np-card,.dock__now:focus-within .np-card{opacity:1;transform:none;filter:none;pointer-events:auto;transition-delay:.16s}
  .dock__now .np-art{flex:none;width:140px;height:140px;border-radius:20px;overflow:hidden;background:var(--fill);cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
  .dock__now .np-art[hidden]{display:none}
  .dock__now .np-art img{width:100%;height:100%;object-fit:cover;display:block}
  .dock__now .np-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:2px 2px 0 0}
  .dock__now .np-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
  .dock__now .np-txt{flex:1;min-width:0;opacity:1;transform:none;filter:none;transition:none}
  .dock__now .np-txt b{font-size:17px}.dock__now .np-txt small{font-size:13.5px}
  .dock__now .viz--c{flex:none;height:18px;margin-top:3px}
  .dock__now .np-lyric{display:block;min-height:40px;font:700 16px/1.25 "Space Grotesk",sans-serif;color:var(--ink);cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .dock__now .np-lyric:empty{display:none}
  .np-lyric--in{animation:npLy .45s cubic-bezier(.22,1,.36,1) both}
  .dock__now .np-ctl{opacity:1;transform:none;filter:none;transition:none;padding:0;justify-content:center;gap:10px}
  .dock__now .np-ctl button{width:44px;height:44px}.dock__now .np-ctl svg{width:24px;height:24px}
}
@keyframes npLy{from{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@media (max-width:899px){.dock__now .np-card{display:none}}
/* signed in: just the avatar, no name or chevron */
.me:not(.me--out){padding:4px;gap:0}
.me:not(.me--out) .me__t,.me:not(.me--out) .me__chev{display:none}

/* Musike card while something plays */
.card.is-np .card__art,.card.is-np .card__foot{opacity:0;transition:opacity .4s}
.card.is-np::before,.card.is-np::after{opacity:.25;transition:opacity .5s}
.mnp{position:absolute;inset:0;z-index:2;border-radius:inherit;overflow:hidden;pointer-events:none;animation:mnpIn .6s cubic-bezier(.22,1,.36,1) both}
.mnp__bg{position:absolute;inset:-20%;background:center/cover;filter:blur(34px) saturate(1.5) brightness(.55);transform:scale(1.1)}
.mnp__disc{position:absolute;right:18px;top:50%;width:min(46%,150px);aspect-ratio:1;margin-top:calc(min(46%,150px) / -2 + 6px);border-radius:50%;overflow:hidden;box-shadow:0 0 0 6px rgba(0,0,0,.35);animation:mnpSpin 14s linear infinite;animation-play-state:paused}
.mnp.is-playing .mnp__disc{animation-play-state:running}
.mnp__disc img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.35)}
.mnp__disc i{position:absolute;left:50%;top:50%;width:18%;aspect-ratio:1;margin:-9% 0 0 -9%;border-radius:50%;background:#0b0810;box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.mnp__tx{position:absolute;left:20px;right:calc(min(46%,150px) + 36px);bottom:18px;display:flex;flex-direction:column;gap:3px;min-width:0}
.mnp__tx b{font:700 19px/1.15 "Space Grotesk",sans-serif;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mnp__tx small{font:500 13.5px/1.2 "Space Grotesk",sans-serif;color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mnp__tx em{font:600 14px/1.25 "Space Grotesk",sans-serif;font-style:normal;color:var(--viz,#fff);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;min-height:0}
.mnp__tx em:empty{display:none}
.mnp--in{animation:npLy .45s cubic-bezier(.22,1,.36,1) both}
.mnp__bars{display:flex;align-items:flex-end;gap:3px;height:16px;margin-bottom:6px}
.mnp__bars i{display:block;width:3.5px;height:30%;border-radius:2px;background:var(--viz,#fff)}
.mnp.is-playing .mnp__bars i{animation:npBar .9s ease-in-out infinite}
.mnp__bars i:nth-child(2){animation-delay:-.5s}.mnp__bars i:nth-child(3){animation-delay:-.3s}.mnp__bars i:nth-child(4){animation-delay:-.7s}.mnp__bars i:nth-child(5){animation-delay:-.1s}
@keyframes mnpSpin{to{transform:rotate(360deg)}}
@keyframes mnpIn{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.mnp__disc,.mnp__bars i{animation:none!important}}

/* Phone: hide the mascot (it sat under the profile picture) */
@media (max-width:899px){#heroSq{display:none!important}}
/* Phone now-playing island, top centre */
.tnow{display:none}
@media (max-width:899px){
  .tnow{display:block;position:fixed;z-index:48;top:calc(env(safe-area-inset-top) + 8px);left:50%;width:68px;height:32px;margin-left:-34px;border-radius:18px;background:#000;color:#fff;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:width .6s cubic-bezier(.22,1.15,.36,1),height .6s cubic-bezier(.22,1.15,.36,1),margin .6s cubic-bezier(.22,1.15,.36,1),border-radius .6s cubic-bezier(.22,1.15,.36,1)}
  .tnow[hidden]{display:none}
  .tnow.open{width:min(calc(100vw - 24px),400px);height:164px;margin-left:calc(min(calc(100vw - 24px),400px) / -2);border-radius:34px}
  .tnow__viz{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:3px;height:16px;transition:opacity .2s}
  .tnow__viz i{display:block;width:3.5px;height:30%;border-radius:2px;background:var(--viz,#f39a3d)}
  .tnow.is-playing .tnow__viz i{animation:npBar .9s ease-in-out infinite}
  .tnow__viz i:nth-child(1){animation-delay:-.2s}.tnow__viz i:nth-child(2){animation-delay:-.65s}.tnow__viz i:nth-child(3){animation-delay:-.4s}.tnow__viz i:nth-child(4){animation-delay:-.8s}.tnow__viz i:nth-child(5){animation-delay:-.1s}
  .tnow.open .tnow__viz{opacity:0}
  .tnow__card{position:absolute;inset:14px;display:flex;gap:14px;opacity:0;transform:scale(.94);filter:blur(8px);pointer-events:none;transition:opacity .2s,transform .45s cubic-bezier(.22,1.1,.36,1),filter .3s}
  .tnow.open .tnow__card{opacity:1;transform:none;filter:none;pointer-events:auto;transition-delay:.14s}
  .tnow__art{flex:none;width:136px;height:136px;border-radius:20px;overflow:hidden;background:#222}
  .tnow__art img{width:100%;height:100%;object-fit:cover;display:block}
  .tnow__body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}
  .tnow__body b{font:700 16px/1.15 "Space Grotesk",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tnow__body small{font:500 13px/1.2 "Space Grotesk",sans-serif;color:rgba(255,255,255,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
  .tnow__body em{font:600 14px/1.25 "Space Grotesk",sans-serif;font-style:normal;color:var(--viz,#fff);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px}
  .tnow__body em:empty{display:none}
  .tnow__ctl{display:flex;justify-content:space-between;align-items:center;margin-top:auto}
  .tnow__ctl button{all:unset;box-sizing:border-box;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:#fff}
  .tnow__ctl button:active{background:rgba(255,255,255,.14)}
  .tnow__ctl svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round}
  .tnow__ctl .pl{display:none}.tnow:not(.is-playing) .tnow__ctl .pa:not(:only-child){display:none}.tnow:not(.is-playing) .tnow__ctl .pl{display:inline}
}

/* Phone now-playing puck (replaces the top-centre pill): a spinning cover above the bottom bar, right side; tap to open a card */
@media (max-width:899px){
  .tnow{top:auto;left:auto;right:16px;bottom:calc(var(--dock-top,90px) + 12px);margin:0;width:58px;height:58px;border-radius:29px;background:transparent;box-shadow:none;overflow:visible;transition:width .6s cubic-bezier(.22,1.15,.36,1),height .6s cubic-bezier(.22,1.15,.36,1),border-radius .6s cubic-bezier(.22,1.15,.36,1);transform-origin:100% 100%}
  .tnow::before{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(18,16,20,.82);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 10px 30px rgba(0,0,0,.45)}
  .tnow.open{width:min(calc(100vw - 32px),360px);height:156px;margin:0;border-radius:32px}
  .tnow__disc{position:absolute;left:5px;top:5px;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#222;animation:mnpSpin 12s linear infinite;box-shadow:0 0 0 2px var(--viz,#f39a3d);transition:opacity .2s,transform .5s cubic-bezier(.22,1.2,.36,1)}
  .tnow__disc img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.3)}
  .tnow__disc::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#0b0810;box-shadow:0 0 0 2px rgba(255,255,255,.2)}
  .tnow.open .tnow__disc{opacity:0;transform:scale(.5)}
  .tnow__viz{left:auto;top:auto;right:-2px;bottom:-2px;transform:none;width:22px;height:22px;border-radius:50%;background:rgba(18,16,20,.95);justify-content:center;gap:2px;height:22px;box-shadow:0 0 0 2px rgba(255,255,255,.1)}
  .tnow__viz i{width:2.5px}
  .tnow.open .tnow__viz{opacity:0}
  .tnow__card{inset:14px}
  .tnow__art{width:128px;height:128px}
}
@media (prefers-reduced-motion:reduce){.tnow__disc{animation:none}}

/* Phone puck, final: tiny visualizer only when collapsed (no cover, nothing spinning) */
@media (max-width:899px){
  .tnow{width:46px;height:30px;border-radius:15px;right:18px}
  .tnow::before{background:rgba(18,16,20,.7)}
  .tnow__disc{display:none}
  .tnow__viz{position:absolute;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:auto;height:14px;background:none;box-shadow:none;gap:2.5px}
  .tnow__viz i{width:2.5px;background:var(--viz,#fff)}
  .tnow.open{width:min(calc(100vw - 32px),360px);height:156px;border-radius:32px}
}

/* Top bar, tidy: title left (it no longer sits under the buttons), icon-only Download and Profile circles */
.nav__title{left:max(20px,env(safe-area-inset-left));transform:none;max-width:calc(100% - 140px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.get{width:40px;min-width:40px;height:40px;padding:0;border-radius:50%;display:grid;place-items:center}
.get svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.me,.me--out,.me:not(.me--out){width:40px;height:40px;min-width:40px;padding:0;gap:0;border-radius:50%;justify-content:center;max-width:none}
.me .me__t,.me .me__chev,.me--out .me__t{display:none!important}
.me .me__av{width:40px;height:40px;box-shadow:0 0 0 2px var(--goldt)}
.me--out{background:var(--fill);color:var(--ink);box-shadow:inset 0 0 0 1px var(--hair)}
.me--out .me__av{box-shadow:none;background:transparent}
.me--out .me__av svg{width:22px;height:22px}

/* Now-playing card, expanded: solid black, same width as the bottom bar, shaped like the expanded Dynamic Island */
@media (max-width:899px){
  .tnow{left:auto;transition:width .5s cubic-bezier(.32,.72,0,1),height .5s cubic-bezier(.32,.72,0,1),right .5s cubic-bezier(.32,.72,0,1),border-radius .5s cubic-bezier(.32,.72,0,1);will-change:width,height}
  .tnow::before{transition:background .3s}
  .tnow__card{overflow:hidden;transition:opacity .16s ease,transform .4s cubic-bezier(.32,.72,0,1),filter .25s ease}
  .tnow.open .tnow__card{transition:opacity .3s ease .12s,transform .5s cubic-bezier(.32,.72,0,1) .08s,filter .35s ease .08s}
  .tnow.open{left:auto;right:16px;width:calc(100vw - 32px);height:172px;margin:0;border-radius:36px;transform-origin:100% 100%}
  .tnow.open::before{background:#000;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 18px 44px rgba(0,0,0,.45)}
  .tnow.open .tnow__card{inset:18px 22px 18px 18px;gap:16px}
  .tnow.open .tnow__art{width:136px;height:136px;border-radius:26px}
  .tnow.open .tnow__body b{font-size:18px}
  .tnow.open .tnow__body small{font-size:14px}
  .tnow.open .tnow__ctl{padding:0 4px}
  .tnow.open .tnow__ctl button{width:50px;height:50px}
  .tnow.open .tnow__ctl svg{width:28px;height:28px}
}
@media (min-width:900px){
  .dock__now:hover,.dock__now:focus-within{background:#000;-webkit-backdrop-filter:none;backdrop-filter:none}
}
/* Apple Music-style filled transport glyphs in the now-playing cards */
.tnow__ctl svg,.dock__now .np-ctl svg{fill:currentColor;stroke:none}
.tnow.open .tnow__ctl svg{width:26px;height:26px}

/* iOS-style audio visualizer: bars grow from the centre, each with its own height and rhythm */
@keyframes viz1{0%,100%{transform:scaleY(.22)}30%{transform:scaleY(.7)}55%{transform:scaleY(.35)}80%{transform:scaleY(.55)}}
@keyframes viz2{0%,100%{transform:scaleY(.3)}22%{transform:scaleY(1)}48%{transform:scaleY(.4)}74%{transform:scaleY(.85)}}
@keyframes viz3{0%,100%{transform:scaleY(.25)}35%{transform:scaleY(.9)}60%{transform:scaleY(.3)}85%{transform:scaleY(.65)}}
@keyframes viz4{0%,100%{transform:scaleY(.35)}28%{transform:scaleY(.6)}52%{transform:scaleY(1)}78%{transform:scaleY(.3)}}
@keyframes viz5{0%,100%{transform:scaleY(.2)}40%{transform:scaleY(.65)}65%{transform:scaleY(.3)}88%{transform:scaleY(.8)}}
.tnow__viz,.mnp__bars{align-items:center!important}
.tnow__viz i,.mnp__bars i{height:100%!important;border-radius:2px;transform:scaleY(.22);transform-origin:50% 50%;animation:none!important;will-change:transform}
.tnow__viz{height:16px}.tnow__viz i{width:2.6px}
.tnow.is-playing .tnow__viz i,.mnp.is-playing .mnp__bars i{animation-duration:1.15s!important;animation-timing-function:cubic-bezier(.45,0,.55,1)!important;animation-iteration-count:infinite!important}
.tnow.is-playing .tnow__viz i:nth-child(1),.mnp.is-playing .mnp__bars i:nth-child(1){animation-name:viz1!important;animation-duration:.95s!important;animation-delay:0s!important}
.tnow.is-playing .tnow__viz i:nth-child(2),.mnp.is-playing .mnp__bars i:nth-child(2){animation-name:viz2!important;animation-duration:1.25s!important;animation-delay:-.4s!important}
.tnow.is-playing .tnow__viz i:nth-child(3),.mnp.is-playing .mnp__bars i:nth-child(3){animation-name:viz3!important;animation-duration:1.05s!important;animation-delay:-.7s!important}
.tnow.is-playing .tnow__viz i:nth-child(4),.mnp.is-playing .mnp__bars i:nth-child(4){animation-name:viz4!important;animation-duration:1.35s!important;animation-delay:-.2s!important}
.tnow.is-playing .tnow__viz i:nth-child(5),.mnp.is-playing .mnp__bars i:nth-child(5){animation-name:viz5!important;animation-duration:.85s!important;animation-delay:-.55s!important}
@media (prefers-reduced-motion:reduce){.tnow__viz i,.mnp__bars i{animation:none!important}}

/* Accounts: People page spacing and sections */
.acct-actions{margin-bottom:14px}
.acct-search{display:block;margin-top:0!important;margin-bottom:14px}
.acct-chips{margin-top:0!important;margin-bottom:6px;gap:10px}
.acct-sections{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.acct-sec{display:flex;align-items:center;gap:8px;margin:22px 4px 8px!important}
.acct-sec__n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:var(--fill);color:var(--dim);font:600 12px/1 "Space Grotesk",sans-serif}
.acct-sections .acct-rows{margin-top:0}

/* Musike's player is always dark: the page behind the status bar follows it (iOS edge tint) */
html[data-np-open],html[data-np-open] body{background:#0b0b0d!important}

/* icons in the profile menu and the chat's music menu */
.memenu__i,.mk-mi{display:grid!important;grid-template-columns:30px minmax(0,1fr);column-gap:13px;align-items:center}
.memenu__i>b,.mk-mi>b{grid-column:2}.memenu__i>small,.mk-mi>small{grid-column:2}
.memenu__ic,.mk-mi__ic{grid-column:1;grid-row:1/span 2;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--fill);color:var(--ink)}
.memenu__ic svg,.mk-mi__ic svg{width:18px;height:18px}
.memenu__i.danger .memenu__ic{color:inherit;background:color-mix(in srgb,currentColor 14%,transparent)}

/* CMS: app font picker */
.cms-fnow{margin:0 0 10px;font-weight:600}
.cms-card input[type=search]{all:unset;box-sizing:border-box;width:100%;padding:12px 14px;border-radius:14px;background:var(--fill);color:var(--ink);font-size:16px}
.cms-flist{margin:10px 0 12px;display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto}
.cms-frow{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid var(--hair)}
.cms-frow__t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cms-frow__t b{font-size:15px;font-weight:600}.cms-frow__t small{color:var(--dim);font-size:12.5px}
.cms-fuse{all:unset;box-sizing:border-box;padding:8px 14px;border-radius:99px;background:var(--fillgrad);color:var(--ongold,#fff);font-weight:700;font-size:13px;cursor:pointer}.cms-fuse:disabled{opacity:.55;cursor:default;background:var(--fill);color:var(--dim)}

/* phone island, expanded: playback slider + a tiny live visualizer, like iOS's Dynamic Island */
@media (max-width:899px){
  .tnow.open{height:190px}
  .tnow.open .tnow__card{align-items:center}
  .tnow__body{position:relative;align-self:stretch}
  .tnow__body b{padding-right:24px}
  .tnow__mini{position:absolute;right:0;top:1px;display:flex;align-items:center;gap:2px;height:16px;pointer-events:none}
  .tnow__mini i{display:block;width:2.6px;height:100%;border-radius:2px;background:var(--viz,#fff);transform:scaleY(.22);transform-origin:50% 50%;will-change:transform}
  .tnow.is-playing .tnow__mini i:nth-child(1){animation:viz1 .95s cubic-bezier(.45,0,.55,1) infinite}
  .tnow.is-playing .tnow__mini i:nth-child(2){animation:viz2 1.25s cubic-bezier(.45,0,.55,1) -.4s infinite}
  .tnow.is-playing .tnow__mini i:nth-child(3){animation:viz3 1.05s cubic-bezier(.45,0,.55,1) -.7s infinite}
  .tnow.is-playing .tnow__mini i:nth-child(4){animation:viz4 1.35s cubic-bezier(.45,0,.55,1) -.2s infinite}
  .tnow.is-playing .tnow__mini i:nth-child(5){animation:viz5 .85s cubic-bezier(.45,0,.55,1) -.55s infinite}
  .tnow.has-lv .tnow__mini i{animation:none!important;transition:transform .06s linear}
  .tnow.has-lv .tnow__mini i:nth-child(1){transform:scaleY(calc(.2 + var(--b0,0)*.8))}
  .tnow.has-lv .tnow__mini i:nth-child(2){transform:scaleY(calc(.2 + var(--b1,0)*.8))}
  .tnow.has-lv .tnow__mini i:nth-child(3){transform:scaleY(calc(.2 + var(--b2,0)*.8))}
  .tnow.has-lv .tnow__mini i:nth-child(4){transform:scaleY(calc(.2 + var(--b3,0)*.8))}
  .tnow.has-lv .tnow__mini i:nth-child(5){transform:scaleY(calc(.2 + var(--b4,0)*.8))}
  .tnow__seek{display:flex;align-items:center;gap:7px;margin-top:6px}
  .tnow__t{flex:none;min-width:30px;font:600 10.5px/1 "Space Grotesk",sans-serif;color:rgba(255,255,255,.55);font-variant-numeric:tabular-nums}
  .tnow__t--r{text-align:right}
  .tnow__seek input{-webkit-appearance:none;appearance:none;flex:1;min-width:0;height:22px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y}
  .tnow__seek input::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,#fff var(--p,0%),rgba(255,255,255,.28) var(--p,0%))}
  .tnow__seek input::-moz-range-track{height:4px;border-radius:2px;background:rgba(255,255,255,.28)}
  .tnow__seek input::-moz-range-progress{height:4px;border-radius:2px;background:#fff}
  .tnow__seek input::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:0;border:0}
  .tnow__seek input:active::-webkit-slider-runnable-track{height:8px;border-radius:4px;margin-top:-2px}
  .tnow__seek input::-moz-range-thumb{width:0;height:0;border:0}
  .tnow.open .tnow__ctl{margin-top:2px}
  .tnow.open .tnow__body em{margin-top:4px;-webkit-line-clamp:1}
}


/* ---- cards redesign (2026-11-13): nothing rotates. Album art is a still rounded cover; Finance Offline gets its own scene ---- */
.mnp__disc,.tnow__disc{animation:none!important;border-radius:22px!important;box-shadow:0 14px 34px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.16)!important;transform:none!important}
.mnp__disc{width:min(40%,128px)!important;margin-top:calc(min(40%,128px) / -2 + 4px)!important;right:20px!important}
.mnp__disc img{transform:none!important}
.mnp__disc i{display:none!important}
.mnp__tx{right:calc(min(40%,128px) + 40px)!important}
.tnow__disc{border-radius:13px!important}
.tnow__disc i{display:none!important}
.card[data-url*="eco.craftik.bd/finance"]:not(.f-vcard){background:linear-gradient(155deg,#1a1610 0%,#2c2113 55%,#7a4a0e 135%)}
.card[data-url*="eco.craftik.bd/finance"]:not(.f-vcard)::before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 360 220%22 preserveAspectRatio=%22xMaxYMax slice%22%3E%3Cdefs%3E%3CradialGradient id=%22gl%22 cx=%22.9%22 cy=%22.05%22 r=%22.75%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffb454%22 stop-opacity=%22.42%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ffb454%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width=%22360%22 height=%22220%22 fill=%22url(%23gl)%22/%3E%3Crect x=%22206%22 y=%22170%22 width=%2220%22 height=%2244%22 rx=%227%22 fill=%22%23ffb454%22 fill-opacity=%220.14%22%3E%3Canimate attributeName=%22height%22 from=%220%22 to=%2244%22 dur=%221.1s%22 begin=%220.0s%22 fill=%22freeze%22/%3E%3Canimate attributeName=%22y%22 from=%22214%22 to=%22170%22 dur=%221.1s%22 begin=%220.0s%22 fill=%22freeze%22/%3E%3C/rect%3E%3Crect x=%22236%22 y=%22144%22 width=%2220%22 height=%2270%22 rx=%227%22 fill=%22%23ffb454%22 fill-opacity=%220.2%22%3E%3Canimate attributeName=%22height%22 from=%220%22 to=%2270%22 dur=%221.1s%22 begin=%220.12s%22 fill=%22freeze%22/%3E%3Canimate attributeName=%22y%22 from=%22214%22 to=%22144%22 dur=%221.1s%22 begin=%220.12s%22 fill=%22freeze%22/%3E%3C/rect%3E%3Crect x=%22266%22 y=%22116%22 width=%2220%22 height=%2298%22 rx=%227%22 fill=%22%23ffb454%22 fill-opacity=%220.26%22%3E%3Canimate attributeName=%22height%22 from=%220%22 to=%2298%22 dur=%221.1s%22 begin=%220.24s%22 fill=%22freeze%22/%3E%3Canimate attributeName=%22y%22 from=%22214%22 to=%22116%22 dur=%221.1s%22 begin=%220.24s%22 fill=%22freeze%22/%3E%3C/rect%3E%3Crect x=%22296%22 y=%2282%22 width=%2220%22 height=%22132%22 rx=%227%22 fill=%22%23ffb454%22 fill-opacity=%220.34%22%3E%3Canimate attributeName=%22height%22 from=%220%22 to=%22132%22 dur=%221.1s%22 begin=%220.36s%22 fill=%22freeze%22/%3E%3Canimate attributeName=%22y%22 from=%22214%22 to=%2282%22 dur=%221.1s%22 begin=%220.36s%22 fill=%22freeze%22/%3E%3C/rect%3E%3Crect x=%22150%22 y=%22196%22 width=%2244%22 height=%2211%22 rx=%225.5%22 fill=%22%23ffd9a0%22 fill-opacity=%220.55%22/%3E%3Crect x=%22150%22 y=%22183%22 width=%2244%22 height=%2211%22 rx=%225.5%22 fill=%22%23ffd9a0%22 fill-opacity=%220.43%22/%3E%3Crect x=%22150%22 y=%22170%22 width=%2244%22 height=%2211%22 rx=%225.5%22 fill=%22%23ffd9a0%22 fill-opacity=%220.31%22/%3E%3Crect x=%22150%22 y=%22157%22 width=%2244%22 height=%2211%22 rx=%225.5%22 fill=%22%23ffd9a0%22 fill-opacity=%220.19%22/%3E%3Cpath d=%22M200 128 236 108 266 114 330 54%22 fill=%22none%22 stroke=%22%23ffd9a0%22 stroke-opacity=%22.7%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-dasharray=%22190%22 stroke-dashoffset=%22190%22%3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%22190%22 to=%220%22 dur=%221.4s%22 begin=%22.3s%22 fill=%22freeze%22/%3E%3C/path%3E%3Cpath d=%22M312 52h20v20%22 fill=%22none%22 stroke=%22%23ffd9a0%22 stroke-opacity=%22.7%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") right bottom/cover no-repeat;-webkit-mask-image:none;mask-image:none;opacity:1}
.card[data-url*="eco.craftik.bd/finance"]:not(.f-vcard)::after{background:radial-gradient(120% 70% at 0% 0%,rgba(255,200,120,.14),transparent 55%)}