/* "Share your vibe" sheet (Instagram-tag only). LIVE since 2026-10-30 (t94s442). */
.sv-cam{flex:0 0 auto;width:78px;text-align:center;background:none;border:0;color:var(--white);cursor:pointer;padding:0;font:700 12px/1.25 var(--body);scroll-snap-align:start}
.sv-cam .ring{background:conic-gradient(from 200deg,#ff2d55,#c58cff,#3fa9ff,#ff2d55);animation:svspin 5s linear infinite}
.sv-cam .ph{background:var(--navy);display:flex;align-items:center;justify-content:center;font-size:26px;animation:svspin 5s linear infinite reverse}
.sv-cam{position:relative}
.sv-cam::after{content:"+";position:absolute;left:52px;top:50px;width:22px;height:22px;border-radius:50%;background:#ff2d55;color:#fff;font:800 16px/22px var(--body);box-shadow:0 0 0 3px var(--navy),0 0 12px rgba(255,45,85,.7)}
.sv-cam .t{display:block;color:var(--neon);font-weight:600;font-size:11px}
@keyframes svspin{to{transform:rotate(360deg)}}
.rail.sv-has-cam .story-empty{flex:1 1 auto;min-width:240px}
.sv-bar{display:flex;align-items:center;gap:10px;margin:2px 0 6px}
.sv-bar .btn{min-height:42px;padding:9px 16px;font-size:14px}
.sv-bar .muted{font-size:12px}
/* sheet */
.sv-back{position:fixed;inset:0;z-index:70;background:rgba(8,3,24,.78);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center}
.sv-back[hidden]{display:none}
.sv-sheet,.sv-sheet *{box-sizing:border-box}
.sv-sheet{width:100%;overflow-x:hidden;max-width:560px;max-height:92vh;overflow-y:auto;background:linear-gradient(180deg,#2a1460,#1a0b3d 60%);border:1px solid rgba(197,140,255,.4);border-bottom:0;border-radius:24px 24px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(63,169,255,.25);animation:svup .28s ease-out}
@keyframes svup{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media (min-width:700px){.sv-back{align-items:center}.sv-sheet{border-radius:24px;border-bottom:1px solid rgba(197,140,255,.4)}}
.sv-grab{width:44px;height:5px;border-radius:3px;background:rgba(255,255,255,.25);margin:0 auto 10px}
.sv-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.sv-head h2{font-size:30px;margin:0;line-height:1}
.sv-head p{margin:4px 0 0;color:var(--mist);font-size:14px}
.sv-x{background:rgba(255,255,255,.08);border:0;color:#fff;width:38px;height:38px;border-radius:50%;font-size:22px;cursor:pointer;flex:0 0 auto}

.sv-steps{list-style:none;counter-reset:s;padding:0;margin:0 0 14px}
.sv-steps li{counter-increment:s;position:relative;padding:10px 12px 10px 48px;margin:0 0 8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;font-size:14px;color:var(--mist)}
.sv-steps li strong{color:var(--white)}
.sv-steps li::before{content:counter(s);position:absolute;left:12px;top:10px;width:26px;height:26px;border-radius:50%;background:var(--grad);color:#14072e;font:800 14px/26px var(--body);text-align:center}
.sv-tagline{display:flex;gap:8px;align-items:center;background:#140832;border:1px solid rgba(197,140,255,.45);border-radius:14px;padding:10px 12px;font:700 15px var(--body);color:var(--lav);margin:0 0 12px;word-break:break-word}
.sv-tagline code{flex:1;font:inherit}
.sv-copy{background:rgba(197,140,255,.2);border:0;color:#fff;border-radius:999px;padding:8px 12px;font:700 12px var(--body);cursor:pointer;flex:0 0 auto}
.sv-ig{width:100%;min-height:52px;background:linear-gradient(135deg,#ff2d55,#c58cff 55%,#3fa9ff);color:#fff}
.sv-hint{font-size:12px;color:var(--mist);margin:10px 0 0;line-height:1.45}
.sv-head{margin-bottom:14px}

.rail.sv-has-cam .story-empty .ring{flex:0 0 58px}