/* flight: the special section (data-sec="special"), three variants.
   a: our route on a night map, b: passenger briefing, c: a postcard to the couple.
   Rule: each variant fits one phone screen (390x664). Heights below follow 100svh. */
[data-sec="special"][hidden]{display:none!important}
.spx{position:relative;padding-block:14px 22px;overflow:hidden;--f-hand:'Playpen Sans Hebrew',var(--f-body)}
.spx .w{display:flex;flex-direction:column;align-items:center}
.spx:not(:has(.trx)){padding-top:28px}
.spx .trx{height:44px;margin-bottom:6px}
.spx .trx .ti{width:44px;height:44px}
.spx-in{display:flex;flex-direction:column;align-items:center;width:100%}
.spx-hd{display:flex;flex-direction:column;align-items:center;gap:8px}
.spx-h{font:var(--dw) clamp(32px,9vw,46px)/1.06 var(--f-disp);letter-spacing:var(--ls);color:var(--ink)}
.spx-h .lm{display:inline-block;overflow:hidden;padding-block:.1em;margin-block:-.1em;vertical-align:top}
.spx-h .li{display:block}
.spx-l{font-size:16px;line-height:1.5;color:var(--mute);max-width:32ch}
.spx-ic{width:20px;height:20px;fill:currentColor;flex:none}

/* ================= A: the route map ================= */
.spx-board{position:relative;margin-top:14px;width:100%;max-width:560px;border-radius:22px;padding:8px 8px 10px;background:linear-gradient(180deg,#000,var(--frame) 14%);color:var(--fInk);box-shadow:0 0 0 1px rgba(255,255,255,.06),inset 0 1px 0 rgba(255,255,255,.08),0 44px 70px -40px rgba(10,20,48,.7),0 0 110px -44px var(--lamp)}
.spx-mh{display:flex;align-items:center;justify-content:center;gap:10px;height:24px;color:var(--nMute)}
.spx-mh .lt{color:var(--nInk)}
.spx-mh i{width:3px;height:3px;border-radius:50%;background:var(--nMute)}
.spx-mh svg{width:13px;height:13px;fill:var(--lamp);transform:rotate(-45deg)}
.spx-cv{position:relative;margin-top:4px;height:clamp(180px,calc(100svh - 372px),400px);border-radius:14px;overflow:hidden;background:var(--night)}
.spx-cv canvas{position:absolute;inset:0;width:100%;height:100%}
.spx-scan{position:absolute;left:0;right:0;top:0;height:11%;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--lamp) 30%,transparent) 60%,color-mix(in srgb,var(--lamp) 55%,#fff) 92%,transparent)}
.spx-vig{position:absolute;inset:0;pointer-events:none;border-radius:14px;box-shadow:inset 0 0 60px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.05)}
.spx-jet{position:absolute;left:0;top:0;width:48px;height:48px;margin:-24px 0 0 -24px;pointer-events:none;will-change:transform}
.spx-jet svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.spx-jet .s{transform:translate(6px,10px);opacity:.38}
/* the take off button sits on the map itself */
.spx-go{position:absolute;left:50%;top:50%;z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;margin:-43px 0 0 -60px;width:120px}
.spx-go .rd{position:relative;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--lamp) 85%,#fff),var(--lamp) 62%,color-mix(in srgb,var(--lamp) 70%,#000));color:var(--frame);box-shadow:0 0 0 6px rgba(0,0,0,.35),0 18px 34px rgba(0,0,0,.55),0 0 50px color-mix(in srgb,var(--lamp) 55%,transparent)}
.spx-go .rd svg{width:38px;height:38px;fill:currentColor;transform:rotate(-45deg)}
[dir="rtl"] .spx-go .rd svg{transform:rotate(-45deg) scaleX(-1)}
.spx-go .rd::after{content:'';position:absolute;inset:-3px;border-radius:50%;box-shadow:0 0 0 2px var(--lamp);animation:spxRing 2.4s var(--ex) infinite}
@keyframes spxRing{0%{opacity:.9;transform:scale(1)}80%,100%{opacity:0;transform:scale(1.55)}}
.spx-go b{font:800 17px/1 var(--f-body);color:var(--nInk);background:rgba(6,13,32,.82);padding:9px 16px 10px;border-radius:99px;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.spx-go:active .rd{transform:scale(.94)}
.spx-again{position:absolute;inset-inline-end:8px;top:8px;z-index:3;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:99px;background:rgba(6,13,32,.8);color:var(--nInk);font:700 14px/1 var(--f-body);box-shadow:0 0 0 1px rgba(255,255,255,.1);opacity:0;visibility:hidden;transition:opacity .4s var(--ex),visibility 0s .4s}
.spx-again.on{opacity:1;visibility:visible;transition-delay:0s}
.spx-again svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* the caption: a porthole straddles the map edge, the stop is told under it */
.spx-board.spx-wl .spx-cv{height:clamp(170px,calc(100svh - 420px),380px)}
.spx-cap{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 10px;min-height:114px}
.spx-port{position:relative;margin-top:-42px;z-index:2;width:60px;height:76px;padding:6px;border-radius:50%/42%;background:linear-gradient(160deg,#fff,color-mix(in srgb,var(--soft) 70%,#fff));box-shadow:0 14px 22px -12px rgba(0,0,0,.7),inset 0 -2px 0 rgba(0,0,0,.08)}
.spx-port .gl{position:relative;width:100%;height:100%;border-radius:50%/42%;overflow:hidden;background:var(--night2)}
.spx-port img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.spx-port .gl::after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.32),transparent 40%);z-index:3}
.spx-port .sh{position:absolute;inset:0;z-index:2;background:repeating-linear-gradient(180deg,transparent 0 7px,rgba(0,0,0,.05) 7px 8px),linear-gradient(180deg,color-mix(in srgb,var(--soft) 60%,#fff),#fff);transform:translateY(-86%)}
.spx-port.np .gl{display:grid;place-items:center}
.spx-port.np .gl svg{width:26px;height:26px;fill:var(--lamp);transform:rotate(-45deg);position:relative;z-index:1}
.spx-code{display:none;margin-top:7px;font:700 12px/1 var(--f-mono);letter-spacing:.12em;color:var(--lamp)}
.spx-city{margin-top:6px;font:var(--dw) 24px/1.1 var(--f-disp);color:var(--nInk)}
.spx-city .lm{display:inline-block;overflow:hidden;padding-block:.12em;margin-block:-.12em;vertical-align:top}
.spx-city .li{display:block}
.spx-tx{margin-top:5px;font:500 15px/1.45 var(--f-body);color:var(--nMute);max-width:32ch;min-height:2.9em}
.spx-tx b{font-family:var(--f-mono);font-weight:600;color:var(--nInk)}
.spx-legs{display:flex;justify-content:center;gap:5px;margin-top:6px}
.spx-legs button{flex:1 1 0;max-width:86px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 7px;border-radius:11px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--nLine);color:var(--nMute);transition:background-color .4s,box-shadow .4s,color .4s,transform .35s var(--ex)}
.spx-legs button b{font:700 13px/1 var(--f-mono);letter-spacing:.04em;color:var(--nInk)}
.spx-legs button span{font:500 11.5px/1.1 var(--f-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.spx-legs button.on{background:color-mix(in srgb,var(--lamp) 16%,transparent);box-shadow:inset 0 0 0 1.5px var(--lamp);color:var(--nInk)}
.spx-legs button.on b{color:var(--lamp)}
.spx-legs button:active{transform:scale(.94)}

/* ================= B: passenger briefing ================= */
.spx-psu{position:relative;z-index:2;margin-top:12px;width:100%;max-width:420px;padding:10px 12px 12px;border-radius:24px;background:linear-gradient(180deg,#eeece6,#d9d6cd 60%,#cdc9bf);box-shadow:0 26px 44px -30px rgba(15,27,51,.6),inset 0 1px 0 #fff,inset 0 -2px 0 rgba(0,0,0,.08),0 0 0 1px rgba(15,27,51,.08)}
.spx-sign{display:inline-flex;align-items:center;gap:9px;height:26px;padding:0 13px;border-radius:9px;background:#1d2230;box-shadow:inset 0 2px 5px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.7);color:rgba(255,255,255,.2);transition:color .3s}
.spx-sign svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.spx-sign .lt{color:inherit}
.spx-sign.on{color:#ffd9a8;text-shadow:0 0 10px rgba(255,170,90,.8)}
.spx-row{display:flex;justify-content:center;gap:8px;margin-top:10px}
.spx-rl{flex:1 1 0;max-width:96px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px}
.spx-lens{position:relative;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#f7f6f2,#d6d2c8 70%,#bdb8ad);box-shadow:0 6px 10px -4px rgba(15,27,51,.45),inset 0 -3px 4px rgba(0,0,0,.12),inset 0 2px 1px #fff,0 0 0 4px #cfcbc1,0 0 0 5px rgba(15,27,51,.12);color:#5d6371;transition:transform .3s var(--ex),box-shadow .4s,color .3s}
.spx-lens svg{position:relative;z-index:1;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.spx-lens .gw{position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(255,226,170,.95),rgba(255,170,90,.55) 55%,rgba(255,140,60,0) 72%);opacity:0;pointer-events:none}
.spx-lens::after{content:'';position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(255,226,170,.95),rgba(255,170,90,.55) 55%,rgba(255,140,60,0) 72%);opacity:0;transition:opacity .35s}
.spx-rl.on .spx-lens{color:#7a3200;transform:translateY(2px);box-shadow:0 3px 6px -3px rgba(15,27,51,.45),inset 0 -2px 3px rgba(0,0,0,.1),inset 0 2px 1px #fff,0 0 0 4px #cfcbc1,0 0 0 5px rgba(255,106,43,.6),0 0 30px 6px rgba(255,170,90,.55)}
.spx-rl.on .spx-lens .gw{position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(255,226,170,.95),rgba(255,170,90,.55) 55%,rgba(255,140,60,0) 72%);opacity:0;pointer-events:none}
.spx-lens::after{opacity:1}
.spx-rl b{font:700 14.5px/1.1 var(--f-body);color:#3b4152;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.spx-rl.on b{color:#b23c08}
.spx-rl:active .spx-lens{transform:scale(.92)}
.spx-rl.nudge .spx-lens{animation:spxNudge 2.6s var(--ex) infinite}
@keyframes spxNudge{0%,70%,100%{box-shadow:0 6px 10px -4px rgba(15,27,51,.45),inset 0 -3px 4px rgba(0,0,0,.12),inset 0 2px 1px #fff,0 0 0 4px #cfcbc1,0 0 0 5px rgba(15,27,51,.12)}82%{box-shadow:0 6px 10px -4px rgba(15,27,51,.45),inset 0 -3px 4px rgba(0,0,0,.12),inset 0 2px 1px #fff,0 0 0 4px #cfcbc1,0 0 0 6px rgba(255,106,43,.55),0 0 22px 4px rgba(255,170,90,.35)}}
.spx-cone{position:absolute;left:50%;top:100%;width:440px;height:330px;margin-left:-220px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,214,150,.55),rgba(255,214,150,.16) 50%,rgba(255,214,150,0) 90%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);opacity:0;transform-origin:50% 0}
.spx-brief{position:relative;z-index:2;margin-top:10px;width:100%;max-width:420px}
.spx-fb{position:relative;background:linear-gradient(180deg,#fffefb,color-mix(in srgb,var(--paper) 90%,var(--soft)));border-radius:18px;padding:7px 10px 16px;color:var(--pInk);box-shadow:0 0 0 1px rgba(15,27,51,.08),inset 0 1px 0 #fff,inset 0 -2px 0 rgba(15,27,51,.05),0 26px 40px -30px var(--shadow)}
.spx-fh{display:flex;align-items:center;justify-content:center;gap:10px;color:color-mix(in srgb,var(--pInk) 60%,transparent);padding-bottom:6px;margin-bottom:9px;border-bottom:1px solid rgba(15,27,51,.08)}
.spx-fh .lt{color:var(--pInk)}
.spx-lamp{width:7px;height:7px;border-radius:50%;background:rgba(15,27,51,.14);transition:background-color .3s,box-shadow .3s}
.spx-lamp.on{background:var(--lamp);box-shadow:0 0 0 3px color-mix(in srgb,var(--lamp) 18%,transparent),0 0 12px var(--lamp)}
/* the flaps: cream paper leaves with printed ink, not a black display */
.spx-flaps{--cw:min(6.2vw,25px);display:flex;justify-content:center;gap:calc(var(--cw)*.12);direction:ltr}
.spx-t{position:relative;width:var(--cw);height:calc(var(--cw)*1.38);perspective:calc(var(--cw)*9);font:var(--fw) calc(var(--cw)*.8)/1 var(--f-flap);color:var(--pInk);flex:none;border-radius:calc(var(--cw)*.12);box-shadow:0 1px 2px rgba(15,27,51,.16),0 0 0 .5px rgba(15,27,51,.08)}
.spx-t.wd{width:auto;min-width:calc(var(--cw)*6);padding-inline:calc(var(--cw)*.5)}
.spx-t .h{position:absolute;left:0;right:0;height:50%;overflow:hidden}
.spx-t .u{top:0;border-radius:calc(var(--cw)*.12) calc(var(--cw)*.12) 1px 1px;background:linear-gradient(180deg,#fff,#f4efe6)}
.spx-t .d{top:50%;border-radius:1px 1px calc(var(--cw)*.12) calc(var(--cw)*.12);background:linear-gradient(180deg,#ece6db,#e2d9c9)}
.spx-t .h b{position:absolute;left:0;right:0;height:200%;display:flex;align-items:center;justify-content:center;font-weight:inherit;white-space:nowrap}
.spx-t .u b{top:0}.spx-t .d b{top:-100%}
.spx-t .lf{z-index:2;-webkit-backface-visibility:hidden;backface-visibility:hidden;visibility:hidden}
.spx-t .lf.u{transform-origin:50% 100%}
.spx-t .lf.d{transform-origin:50% 0;transform:rotateX(90deg)}
.spx-t::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;margin-top:-.5px;background:rgba(15,27,51,.2);z-index:3}
html[data-palette="c"] .spx-t{color:#131313}
.spx-card{position:relative;margin:-8px auto 0;width:calc(100% - 22px);padding:16px 16px 14px;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#fff,var(--paper));color:var(--pInk);box-shadow:0 26px 44px -30px var(--shadow),inset 0 1px 0 rgba(0,0,0,.05);overflow:hidden;min-height:150px}
.spx-card::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.7) 45%,transparent 60%);transform:translateX(-120%);pointer-events:none}
.spx-card.sh::before{animation:spxSheen 1.2s var(--ex)}
@keyframes spxSheen{to{transform:translateX(120%)}}
.spx-ci{width:42px;height:42px;margin:0 auto;border-radius:13px;display:grid;place-items:center;color:var(--pAcc);background:color-mix(in srgb,var(--lamp) 10%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--lamp) 35%,transparent)}
.spx-ci svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.spx-ct{margin-top:8px;font:var(--dw) 21px/1.2 var(--f-disp)}
.spx-cx{margin-top:4px;font:500 16px/1.5 var(--f-body);color:color-mix(in srgb,var(--pInk) 82%,transparent);max-width:30ch;margin-inline:auto}
.spx-cx .it{white-space:nowrap}
.spx-cx b{font-family:var(--f-mono);font-weight:600;color:var(--pAcc)}
.spx-ca{display:inline-flex;align-items:center;gap:8px;margin-top:9px;height:38px;padding:0 16px;border-radius:99px;background:var(--band);color:var(--bandInk);font:700 15px/1 var(--f-body)}
.spx-ca svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.spx-ca:active{transform:scale(.96)}

/* ================= C: a postcard to the couple ================= */
.spx-pw{position:relative;z-index:2;margin-top:12px;width:min(100%,calc((100svh - 300px) * .8),360px);aspect-ratio:4/5;perspective:1400px}
.spx-stack{position:absolute;inset:0;pointer-events:none}
.spx-stack i{position:absolute;inset:0;border-radius:6px;opacity:0;box-shadow:0 20px 30px -20px var(--shadow)}
.spx-stack i:nth-child(1){transform:rotate(-5deg) translate(-8px,6px);background:linear-gradient(160deg,#e9e1d1,#ddd3bf)}
.spx-stack i:nth-child(2){transform:rotate(3.5deg) translate(6px,4px);background:linear-gradient(160deg,#f3ecdf,#e2d9c7)}
.spx-pc{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform}
.spx-pb,.spx-pf{position:absolute;inset:0;border-radius:6px;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;box-shadow:0 36px 56px -34px rgba(15,27,51,.6),0 2px 4px rgba(0,0,0,.08)}
.spx-pb{background:radial-gradient(120% 90% at 50% 40%,#fffaf0,#f4ead6 70%,#e8dcc2);color:#0f1b33}
.spx-pb::before{content:'';position:absolute;inset:0;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .35 0 0 0 0 .2 0 0 0 .5 -.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
.spx-am{position:absolute;inset:0;border:8px solid transparent;border-radius:6px;background:repeating-linear-gradient(-45deg,var(--accent) 0 13px,#fffaf0 13px 20px,var(--band) 20px 33px,#fffaf0 33px 40px) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0);opacity:.92;pointer-events:none}
.spx-pi{position:absolute;inset:8px;display:flex;flex-direction:column;padding:12px 14px 12px}
.spx-ptop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.spx-ptl{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:start}
.spx-ptl b{font:var(--dw) 22px/1 var(--f-disp);color:#0f1b33}
.spx-ptl .lt{font-size:9px;color:#d9460d;letter-spacing:.2em}
.spx-stp{position:relative;flex:none;width:58px;height:70px;transform:rotate(3deg)}
.spx-stp .pp{position:absolute;inset:0;padding:5px;background:#fffdf7;box-shadow:0 3px 5px rgba(15,27,51,.25);-webkit-mask:radial-gradient(circle 2.6px,transparent 96%,#000) -3.5px -3.5px/7px 7px,linear-gradient(#000 0 0) 3.5px 3.5px/calc(100% - 7px) calc(100% - 7px) no-repeat;mask:radial-gradient(circle 2.6px,transparent 96%,#000) -3.5px -3.5px/7px 7px,linear-gradient(#000 0 0) 3.5px 3.5px/calc(100% - 7px) calc(100% - 7px) no-repeat}
.spx-stp .in{position:relative;width:100%;height:100%;overflow:hidden;background:var(--night);display:grid;place-items:center}
.spx-stp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.spx-stp svg{width:24px;height:24px;fill:var(--lamp);transform:rotate(-45deg)}
.spx-pm{position:absolute;top:4px;inset-inline-end:34px;width:104px;height:72px;pointer-events:none;opacity:0;z-index:3}
.spx-pm svg{width:100%;height:100%;overflow:visible}
.spx-msg{position:relative;flex:1;margin-top:10px;min-height:0;background:repeating-linear-gradient(180deg,transparent 0 33px,rgba(15,27,51,.18) 33px 34px);background-position:0 1px}
.spx-msg textarea{display:block;width:100%;height:100%;resize:none;border:0;outline:0;background:transparent;padding:0 2px;font:500 19px/34px var(--f-hand);color:#1d2c6b;text-align:start;overflow:hidden}
.spx-msg textarea::placeholder{color:rgba(29,44,107,.42)}
.spx-sig{display:flex;align-items:baseline;gap:8px;margin-top:2px;font:500 18px/1.4 var(--f-hand);color:#1d2c6b}
.spx-sig span{flex:none}
.spx-sig input{flex:1;min-width:0;border:0;outline:0;background:transparent;border-bottom:1.5px dashed rgba(29,44,107,.35);font:inherit;color:inherit;padding:0 2px 2px;text-align:start}
.spx-sig input::placeholder{color:rgba(29,44,107,.4)}
.spx-msg textarea:focus-visible,.spx-sig input:focus-visible{outline:none}
.spx-pw.err .spx-msg{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent);border-radius:6px}
.spx-addr{margin-top:8px;padding-top:7px;border-top:1px dashed rgba(15,27,51,.25);display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:start}
.spx-addr .lt{font-size:9px;color:rgba(15,27,51,.55)}
.spx-addr b{font:800 16px/1.3 var(--f-body);color:#0f1b33}
.spx-addr span{font:500 13.5px/1.3 var(--f-body);color:rgba(15,27,51,.7)}
.spx-pf{transform:rotateY(180deg);background:var(--night)}
.spx-pf img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.spx-pf .scr{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,48,0) 42%,rgba(10,20,48,.3) 58%,rgba(10,20,48,.92) 82%)}
.spx-pf .ft2{position:absolute;left:0;right:0;bottom:0;padding:0 16px 22px;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--nInk)}
.spx-pf .ft2 .lt{color:var(--lamp)}
.spx-pf .ft2 b{font:var(--dw) 30px/1.08 var(--f-disp);color:#fff}
.spx-pf .ft2 span{font:500 15px/1.3 var(--f-body);color:rgba(246,240,228,.8)}
.spx-pf .edge{position:absolute;inset:0;border:8px solid #fffaf0;border-radius:6px;pointer-events:none}
.spx-pf.np{background:radial-gradient(90% 70% at 50% 35%,var(--night2),var(--night))}
.spx-pact{position:relative;margin-top:16px;width:100%;max-width:360px;min-height:58px;display:grid;place-items:center}
.spx-pact .btn{width:100%}
.spx-pact .btn svg{width:20px;height:20px;fill:currentColor;transform:rotate(-45deg)}
[dir="rtl"] .spx-pact .btn svg{transform:rotate(-45deg) scaleX(-1)}
.spx-ok{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font:700 16.5px/1.35 var(--f-body);color:var(--pAcc);opacity:0;visibility:hidden}
.spx-ok span{display:block;max-width:30ch}
.spx-ok b{font-weight:inherit}
.spx-ok svg{display:inline-block;vertical-align:-5px;margin-inline-end:7px;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
html[data-dark="1"] .spx-ok{color:var(--lamp)}
html:lang(ru) .spx-msg textarea,html:lang(ru) .spx-sig,html:lang(ar) .spx-msg textarea,html:lang(ar) .spx-sig{font-family:var(--f-body);font-style:normal}
html:lang(ar) .spx-msg textarea{font-size:18px}

@media (min-width:700px){
  .spx{padding-block:56px 64px}
  .spx-cv{height:clamp(240px,calc(100svh - 420px),420px)}
  .spx-board.spx-wl .spx-cv{height:clamp(220px,calc(100svh - 470px),400px)}
  .spx-flaps{--cw:25px}
}
@media (prefers-reduced-motion:reduce){.spx-go .rd::after,.spx-rl.nudge .spx-lens{animation:none}}
.spx:not(.vis) .spx-go .rd::after,.spx:not(.vis) .spx-rl.nudge .spx-lens{animation-play-state:paused}
@media (min-width:700px){.spx-pw{width:min(100%,calc((100svh - 250px) * .8),420px)}}