:root{
  --ds-pinkbg-100:#fdeef3;
  --ds-pinkbg-200:#f9dae9;
  --ds-pinkbg-300:#fac4de;
  --ds-pinkbg-deep:#f4a9c8;
  --ds-mauve:#ebe4f5;
  --ds-mauve-deep:#dbdef7;

  --ds-card:#fefefe;
  --ds-card-pale:#fdf4f7;
  --ds-card-deep:#fee8f0;

  --ds-pink:#ed4f97;
  --ds-pink-active:#e3317b;
  --ds-flush:#fa5a73;
  --ds-flush-deep:#fb4862;
  --ds-tangerine:#fd7b3e;
  --ds-tangerine-deep:#f76b23;
  --ds-like:#ff4e60;
  --ds-blueviolet:#c5caf3;
  --ds-promo-active:linear-gradient(95deg,var(--ds-tangerine),var(--ds-flush) 55%,var(--ds-pink));

  --ds-copy:#2a262e;
  --ds-copy-pale:#6e6271;
  --ds-faint:#9c929e;
  --ds-rule:#f3d6e5;

  --ds-ondark:#fefefe;
  --ds-base:#fefefe;
  --ds-success:#8ec4a8;
  --ds-rule-pale:rgba(254,254,254,.91);
  --ds-card-wash:rgba(254,254,254,.94);
  --ds-scrim:rgba(42,38,46,.49);
  --ds-foot-wash:#2a262e;
  --ds-foot:#d7d3db;
  --ds-foot-deep:#fefefe;
  --ds-foot-pale:#a8a1af;
  --ds-foot-edge:rgba(254,254,254,.11);

  --ds-ro-sm:14px;
  --ds-ro-md:20px;
  --ds-ro-lg:28px;
  --ds-ro-xl:36px;
  --ds-ro-pill:999px;

  --ds-sd-sm:0 6px 16px -8px rgba(237,79,151,.35);
  --ds-sd-md:0 18px 38px -18px rgba(237,79,151,.39);
  --ds-sd-lg:0 30px 60px -24px rgba(227,49,123,.41);

  --ds-headline:"Trebuchet MS","Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;
  --ds-type:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;

  --ds-shell:1200px;
  --ds-gap:10px;
  --ds-section-pad:clamp(56px,7vw,104px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(1200px 700px at 85% -8%, var(--ds-pinkbg-300) 0%, transparent 55%),
    radial-gradient(900px 600px at -10% 8%, var(--ds-mauve) 0%, transparent 55%),
    linear-gradient(180deg, var(--ds-pinkbg-100) 0%, var(--ds-card-pale) 40%, var(--ds-pinkbg-100) 100%);margin:0;color:var(--ds-copy);line-height:1.6;
  font-family:var(--ds-type);
  -webkit-font-smoothing:antialiased;background-attachment:fixed;
}
img{display:block;max-width:100%}
.block-head{text-align:center;margin:0 auto 44px;max-width:640px}
.block-head .button{margin-top:24px}

.web-topbar{z-index:60;position:sticky;background:var(--ds-card);top:0;border-bottom:1px solid var(--ds-rule)}
.web-topbar__body{justify-content:space-between;min-height:74px;display:flex;padding-block:12px;align-items:center;gap:20px}
.tagline{margin-top:14px;color:var(--ds-copy-pale);font-size:1.06rem}

.wrap{max-width:var(--ds-shell);margin-inline:auto;padding-inline:var(--ds-gap)}
.overline{margin-bottom:10px;font-weight:800;color:var(--ds-pink);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}

.pill-chip{align-items:center;padding:8px 16px;box-shadow:var(--ds-sd-sm);letter-spacing:.06em;border:1px solid var(--ds-rule);color:var(--ds-pink);background:var(--ds-card);display:inline-flex;gap:8px;border-radius:var(--ds-ro-pill);font-weight:700;font-size:.82rem}
.pill-chip svg{color:var(--ds-flush);width:16px;height:16px}
.links-backdrop{inset:0;position:fixed;z-index:1090;transition:opacity .3s ease;background:var(--ds-scrim);visibility:hidden;opacity:0}
.links-backdrop.active{opacity:1;visibility:visible}
.name{letter-spacing:-.02em;font-family:var(--ds-headline);align-items:center;font-weight:800;color:var(--ds-copy);gap:11px;font-size:1.28rem;display:flex}
.name:hover{color:var(--ds-copy)}
.name__mark{justify-content:center;border-radius:14px;width:42px;display:inline-flex;align-items:center;height:42px;background:linear-gradient(135deg,var(--ds-pink),var(--ds-flush) 55%,var(--ds-tangerine));color:var(--ds-ondark);box-shadow:0 8px 18px -8px rgba(237,79,151,.79);flex-shrink:0}
.name__mark svg{width:22px;height:22px}
.pop{color:transparent;background:linear-gradient(92deg,var(--ds-pink),var(--ds-flush) 60%,var(--ds-tangerine));-webkit-background-clip:text;background-clip:text}
.aside-mob{box-shadow:-6px 0 30px rgba(42,38,46,.19);z-index:1100;transition:right .3s ease;background:var(--ds-card);height:100vh;top:0;width:80%;right:-100%;padding:84px 22px 22px;max-width:320px;overflow-y:auto;position:fixed;height:100dvh}
.aside-mob.active{right:0}
.aside-mob nav{display:flex;flex-direction:column}
.aside-mob a:not(.button){border-bottom:1px solid var(--ds-rule);color:var(--ds-copy);font-weight:600;font-size:15px;padding:14px 2px}
.aside-mob a:not(.button):hover{color:var(--ds-pink-active)}
.aside-mob a.button{margin-top:22px}
.links-a{border-radius:var(--ds-ro-pill);color:var(--ds-copy);transition:background .18s,color .18s;font-weight:600;font-size:.96rem;padding:9px 14px}
.links-a:hover{color:var(--ds-pink-active);background:var(--ds-card-deep)}
.links-glint{text-decoration:none;padding:9px 12px;border:none;border-radius:var(--ds-ro-pill);font-weight:600;align-items:center;cursor:pointer;gap:7px;position:relative;transition:background .18s ease,color .18s ease;background:none;color:var(--ds-copy);display:inline-flex;font-size:.96rem}
.links-glint:hover{color:var(--ds-pink-active);background:var(--ds-card-deep)}
.links-glint svg{height:20px;width:20px;color:var(--ds-pink)}
.links-glint:hover svg{color:var(--ds-pink-active)}
.links-glint__copy{white-space:nowrap}
.links-glint .thread-pill{top:auto;position:static;right:auto}
.links-glint-mob{cursor:pointer;text-align:left;padding:14px 2px;color:var(--ds-copy);border:none;font-weight:600;background:none;align-items:center;text-decoration:none;gap:9px;border-bottom:1px solid var(--ds-rule);display:flex;font-size:15px;width:100%}
.links-glint-mob:hover{color:var(--ds-pink-active)}
.links-glint-mob svg{color:var(--ds-pink);height:18px;width:18px}

.button{
  display:inline-flex;border:1.5px solid transparent;padding:14px 26px;font-weight:700;
  white-space:nowrap;align-items:center;text-align:center;gap:9px;
  justify-content:center;border-radius:var(--ds-ro-pill);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;cursor:pointer;
  font-size:1rem;
}
.button svg{height:18px;width:18px}
.button--mini{padding:10px 18px;font-size:.9rem}
.button--stretch{width:100%}
.button--main{background:linear-gradient(95deg,var(--ds-tangerine),var(--ds-flush) 55%,var(--ds-pink));box-shadow:0 14px 26px -12px rgba(251,72,98,.73);color:var(--ds-ondark)}
.button--main:hover{background:var(--ds-promo-active);transform:translateY(-2px);color:var(--ds-ondark);box-shadow:0 20px 34px -12px rgba(251,72,98,.83)}
.button--soft{background:var(--ds-card);color:var(--ds-pink);border-color:var(--ds-rule)}
.button--soft:hover{background:var(--ds-card-deep);color:var(--ds-pink-active);transform:translateY(-2px)}
.button--clear{color:var(--ds-pink-active);background:var(--ds-base)}
.button--clear:hover{box-shadow:var(--ds-sd-md);transform:translateY(-2px);color:var(--ds-pink-active)}
.pic-lit svg{fill:currentColor;stroke:none}
figure{margin:0}
ul{padding:0;margin:0;list-style:none}
:focus-visible{border-radius:6px;outline:3px solid var(--ds-pink);outline-offset:2px}
.title-2{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}



.users-cols{gap:5px;display:grid;grid-template-columns:repeat(4,1fr)}
p{margin:0}
.band{padding-block:var(--ds-section-pad)}
.band--inv{background:var(--ds-card-deep)}

.nav-toggle{cursor:pointer;gap:5px;flex-direction:column;z-index:1105;padding:6px;border:none;display:none;background:none}
.nav-toggle span{height:3px;background:var(--ds-copy);transition:transform .3s ease,opacity .3s ease;width:26px;display:block;border-radius:2px}
.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.nav-toggle.active span:nth-child(2){opacity:0}
.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
h1,h2,h3,h4{color:var(--ds-copy);letter-spacing:-.01em;line-height:1.12;font-family:var(--ds-headline);margin:0}
::selection{background:rgba(237,79,151,.2)}
.breadcrumb a:hover{color:var(--ds-pink-active)}
.page-links{margin-left:auto;align-items:center;display:flex;gap:8px}
button{font-family:inherit}
svg{display:block}
.name,.links-a,.aside-mob a,.button,.breadcrumb a,.web-colophon a,.area-menu a,.user__thread{text-decoration:none}
.user-panel{background:var(--ds-card);border-radius:var(--ds-ro-lg);cursor:pointer;overflow:hidden;border:1px solid var(--ds-rule-pale);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;position:relative}
.user-panel:hover{box-shadow:var(--ds-sd-lg);z-index:3;transform:translateY(-8px) scale(1.02)}
.user__face{aspect-ratio:3/4;background:linear-gradient(160deg,var(--ds-pinkbg-200),var(--ds-mauve-deep));overflow:hidden;display:block;position:relative}
.user__face img{object-fit:cover;height:100%;display:block;transition:transform .5s ease,filter .3s ease;width:100%}
.user-panel:hover .user__face img{filter:brightness(.7);transform:scale(1.1)}
.user__pill{color:#ebf6ff;gap:6px;padding:5px 9px;display:inline-flex;top:10px;border:1px solid #599bd8;border-radius:var(--ds-ro-pill);box-shadow:0 2px 8px rgba(0,0,2,.17);font-weight:800;letter-spacing:.05em;font-size:.68rem;right:10px;align-items:center;position:absolute;z-index:3;background:linear-gradient(135deg,#112d49,#0a1e31)}
.user__pill .led{box-shadow:0 0 6px rgba(142,196,168,.72);height:8px;width:8px;background:var(--ds-success);position:relative;font-size:0;color:transparent;border-radius:50%}
.user__pill .led::after{content:"";background:var(--ds-success);position:absolute;inset:0;animation:lull 1.8s ease-out infinite;border-radius:50%}
.user__body{z-index:2;left:0;transition:opacity .3s ease;position:absolute;right:0;text-align:left;bottom:0;padding:20px 15px 15px;background:linear-gradient(to top,rgba(0,0,2,.97),rgba(0,0,2,.72) 55%,rgba(0,0,2,0))}
.user-panel:hover .user__body{opacity:0}
.user__subtitle{align-items:center;border-radius:var(--ds-ro-pill);display:inline-flex;box-shadow:0 2px 8px rgba(0,0,2,.17);font-size:.68rem;letter-spacing:.02em;border:1px solid rgba(72,116,107,.91);font-weight:700;background:rgba(24,48,44,.94);margin-bottom:8px;padding:4px 9px;color:#f1fbf5;gap:5px}
.user__subtitle svg{height:14px;color:#a6e3cf;width:14px}
.user__label{font-family:var(--ds-headline);line-height:1.2;color:#fefefe;font-weight:800;font-size:1.32rem}
.user__label span{font-weight:600;font-size:.86rem;color:rgba(254,254,254,.84)}
.user__place{align-items:center;gap:6px;font-size:.82rem;color:rgba(254,254,254,.91);margin-top:3px;display:flex}
.user__place .needle svg{width:14px;color:#fefefe;height:14px}
.user__backdrop{padding:20px;align-items:flex-end;z-index:4;position:absolute;opacity:0;inset:0;visibility:hidden;justify-content:center;background:linear-gradient(to bottom,rgba(0,0,2,.11),rgba(0,0,2,.91));transition:opacity .3s ease,visibility .3s ease;display:flex}
.user-panel:hover .user__backdrop{visibility:visible;opacity:1}
.user__box{transform:translateY(20px);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);text-align:center;width:100%}
.user-panel:hover .user__box{transform:translateY(0)}
.user__copy{line-height:1.4;text-shadow:0 2px 4px rgba(0,0,2,.79);color:#fefefe;margin:0 0 12px;-webkit-box-orient:vertical;font-size:.85rem;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}
.user__thread{box-shadow:0 4px 15px rgba(0,0,2,.32);align-items:center;justify-content:center;color:var(--ds-ondark);display:inline-flex;border-radius:50%;transition:transform .3s ease,box-shadow .3s ease;height:50px;width:50px;background:linear-gradient(135deg,var(--ds-pink),var(--ds-flush))}
.user__thread svg{height:22px;width:22px}
.user__thread:hover{box-shadow:var(--ds-sd-md);transform:scale(1.1)}
.user__glint{box-shadow:0 2px 8px rgba(0,0,2,.3);place-items:center;border-radius:50%;background:rgba(0,0,2,.41);transition:transform .2s ease,background .2s ease,color .2s ease;height:34px;cursor:pointer;border:none;top:10px;color:#fefefe;z-index:6;width:34px;position:absolute;display:grid;left:10px}
.user__glint svg{height:18px;width:18px}
.user__glint:hover{transform:scale(1.1);background:rgba(0,0,2,.6)}
.user__glint.lit{color:var(--ds-ondark);background:var(--ds-flush)}
.user__glint.lit svg{fill:currentColor}
@media(max-width:768px){.user__backdrop{opacity:1;visibility:visible;inset:auto 7px 8px auto;width:auto;height:auto;padding:0;background:none}.user__box{width:auto;transform:none}.user__copy{display:none}.user__thread{width:34px;height:34px}.user__thread svg{width:16px;height:16px}.user__glint{top:8px;left:8px;width:30px;height:30px}.user__glint svg{width:16px;height:16px}.user__pill{top:8px;right:8px;gap:4px;padding:3px 7px;font-size:9.5px;letter-spacing:.03em}.user__pill .led{width:6px;height:6px}.user-panel .user__body{padding:10px 9px 9px}.user__subtitle{gap:3px;margin-bottom:5px;padding:3px 6px;font-size:9.5px}.user__subtitle svg{width:12px;height:12px}.user__label{font-size:.92rem;line-height:1.2;padding-right:40px}.user__label span{font-size:.72rem;white-space:nowrap}.user__place{font-size:.72rem;gap:4px;margin-top:2px;padding-right:40px}.user__place .needle svg{width:12px;height:12px}}
@keyframes lull{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(2.4)}}

.ask{padding:clamp(24px,3vw,40px);border-radius:var(--ds-ro-lg);box-shadow:var(--ds-sd-md);border:1px solid var(--ds-rule-pale);background:var(--ds-card)}
.ask-block{margin-bottom:18px;gap:7px;display:grid}
.ask-block label{font-weight:700;font-size:.92rem}
.hour{color:var(--ds-copy-pale);font-size:.9rem;display:flex;gap:12px;justify-content:space-between}
.guide__copy .button{margin-top:26px}
.guide-band .breadcrumb{display:flex}.guide-band .breadcrumb li{padding-left:0}.guide-band .breadcrumb li::before{display:none}

.guide{align-items:center;gap:clamp(28px,4vw,56px);grid-template-columns:1fr 1fr;display:grid}
.guide__copy>p:not(.overline){font-size:1.04rem;margin-top:16px;color:var(--ds-copy-pale)}
.guide__subtitle{font-family:var(--ds-headline);font-size:1.1rem;font-weight:800;color:var(--ds-pink-active);margin-top:22px}
.field-row{display:grid;gap:18px;grid-template-columns:1fr 1fr}
.field{font-family:inherit;transition:border-color .16s,box-shadow .16s;width:100%;background:var(--ds-card-pale);padding:13px 16px;border-radius:var(--ds-ro-sm);color:var(--ds-copy);font-size:1rem;border:1.5px solid var(--ds-rule)}
.field:focus{border-color:var(--ds-pink);outline:none;box-shadow:0 0 0 3px rgba(237,79,151,.13)}
textarea.field{min-height:140px;resize:vertical}
.user-frame__glint{top:14px;width:46px;height:46px;right:14px}
.user-frame__glint svg{height:21px;width:21px}
.user-cols{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;margin-top:22px;gap:clamp(24px,4vw,52px)}
.user-side{min-width:0}
.user-frame{border-radius:var(--ds-ro-lg);box-shadow:var(--ds-sd-md);position:relative;overflow:hidden;margin:0;background:linear-gradient(160deg,var(--ds-pinkbg-200),var(--ds-mauve-deep))}
.user-frame img{height:auto;aspect-ratio:4/5;display:block;width:100%;object-fit:cover}
.user-ctrl{transform:translateY(-50%);border-radius:50%;color:var(--ds-pink-active);top:50%;background:var(--ds-card-wash);border:none;position:absolute;height:44px;z-index:2;display:grid;width:44px;box-shadow:var(--ds-sd-md);place-items:center;cursor:pointer;transition:transform .15s ease,background .15s ease}
.user-ctrl:hover{transform:translateY(-50%) scale(1.07);background:var(--ds-card-wash)}
.user-ctrl svg{height:22px;width:22px}
.user-back{left:12px}
.user-right{right:12px}
.user-band{gap:10px;margin-top:12px;display:flex;flex-wrap:wrap}
.user-block{border:2px solid transparent;box-shadow:var(--ds-sd-sm);padding:0;width:72px;flex:0 0 auto;cursor:pointer;aspect-ratio:3/4;background:var(--ds-card-deep);border-radius:var(--ds-ro-sm);transition:transform .15s ease,border-color .15s ease;overflow:hidden}
.user-block img{object-fit:cover;display:block;height:100%;width:100%}
.user-block:hover{transform:translateY(-2px)}
.user-block.lit{border-color:var(--ds-pink)}
.user-side [hidden]{display:none!important}
.user-reel{object-fit:contain;width:100%;display:block;max-height:70vh;background:#000002;height:auto}
.user-block--reel{position:relative}
.reel-frame{background:#000002;pointer-events:none;height:100%;display:block;width:100%;object-fit:cover}
.reel-led{color:#fefefe;width:28px;border-radius:50%;padding-left:2px;top:50%;background:rgba(0,0,2,.57);transform:translate(-50%,-50%);place-items:center;font-size:.64rem;pointer-events:none;left:50%;height:28px;box-shadow:var(--ds-sd-sm);position:absolute;line-height:1;display:grid}
.reel-pill{gap:4px;position:absolute;align-items:center;font-weight:700;padding:5px 9px;letter-spacing:.02em;color:#fefefe;z-index:2;bottom:12px;border-radius:var(--ds-ro-pill);font-size:.7rem;box-shadow:var(--ds-sd-sm);background:rgba(0,0,2,.64);display:inline-flex;left:12px}
.times{gap:4px;margin-top:10px;display:grid}

.web-colophon{background:var(--ds-foot-wash);color:var(--ds-foot)}
.web-colophon .wrap{padding-block:56px 22px}
.web-colophon a{color:var(--ds-foot)}
.web-colophon a:hover{color:var(--ds-foot-deep)}
.user-reel-play{transition:transform .15s ease,background .15s ease;color:#fefefe;transform:translate(-50%,-50%);width:78px;display:grid;box-shadow:var(--ds-sd-md);border-radius:50%;padding-left:6px;position:absolute;font-size:1.9rem;top:50%;place-items:center;line-height:1;z-index:3;border:none;cursor:pointer;height:78px;background:rgba(0,0,2,.49);left:50%}
.user-reel-play:hover{background:rgba(0,0,2,.72);transform:translate(-50%,-50%) scale(1.07)}
.user-aside{top:96px;position:sticky}
.user-intro{align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}
.user-intro .pill-chip{flex:none}
.user-tagline{font-family:var(--ds-headline);line-height:1.1;font-weight:800;font-size:clamp(1.7rem,3.2vw,2.3rem)}
.user-tagline span{font-weight:600;font-size:.62em;color:var(--ds-faint)}
.user-small{margin-top:10px;align-items:center;color:var(--ds-copy-pale);display:flex;gap:7px;font-size:1.02rem}
.user-small .needle svg{color:var(--ds-pink);width:18px;height:18px}
.user-small a{text-decoration:none;color:var(--ds-pink-active);transition:border-color .15s ease;border-bottom:1px solid transparent;font-weight:600}
.user-small a:hover{border-bottom-color:currentColor}
.user-figures{margin-top:16px;gap:8px;display:flex;flex-wrap:wrap}
.user-aside .tagline{margin-top:18px}
.user-items{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

.led{color:var(--ds-success);line-height:1;font-size:.6rem}
.colophon-cols{grid-template-columns:1.6fr 1fr 1fr;display:grid;gap:40px}
.colophon-name{display:flex;font-family:var(--ds-headline);font-weight:800;gap:10px;color:var(--ds-foot-deep);font-size:1.2rem;margin-bottom:12px;align-items:center}
.colophon-side>p:not(.colophon-label){font-size:.94rem;max-width:34ch;color:var(--ds-foot-pale)}
.colophon-label{font-size:1rem;color:var(--ds-foot-deep);font-weight:800;margin-bottom:14px}
.colophon-menu{display:grid;font-size:.94rem;gap:10px}

.thread-pill{border-radius:var(--ds-ro-pill);font-size:.72rem;background:var(--ds-like);border:2px solid var(--ds-card);box-shadow:var(--ds-sd-sm);color:var(--ds-ondark);top:-3px;position:absolute;font-weight:800;padding:0 6px;right:-3px;height:22px;min-width:22px;display:grid;line-height:1;place-items:center}
.thread-pill[hidden]{display:none}
.rights{padding-top:22px;margin-top:34px;color:var(--ds-foot-pale);border-top:1px solid var(--ds-foot-edge);font-size:.86rem}

.record{align-items:start;gap:clamp(28px,4vw,48px);display:grid;grid-template-columns:1.2fr 1fr}
.record-figures{gap:16px;display:grid;grid-template-columns:1fr 1fr}

.find-ask{border-radius:var(--ds-ro-pill);box-shadow:var(--ds-sd-md);border:1px solid var(--ds-rule-pale);background:var(--ds-card);margin:0 auto;padding:12px;gap:12px;display:flex}
.find-ask .field{box-shadow:none;background:transparent;font-size:1.06rem;border:none}
.find-ask .field:focus{box-shadow:none}
.find-ask+.area{margin-top:40px}


.prompt__panel{box-shadow:var(--ds-sd-lg);color:var(--ds-ondark);overflow:hidden;gap:30px;background:linear-gradient(100deg,var(--ds-pink-active),var(--ds-flush) 60%,var(--ds-tangerine));align-items:center;display:flex;position:relative;flex-wrap:wrap;justify-content:space-between;padding:clamp(38px,5vw,64px);border-radius:var(--ds-ro-xl)}
.prompt__glob{background:rgba(254,254,254,.12);width:320px;right:-90px;position:absolute;top:-120px;border-radius:50%;height:320px}
.prompt__copy{z-index:2;position:relative}
.prompt__copy h2{max-width:16ch;color:var(--ds-ondark)}
.prompt__copy p{margin-top:10px;color:rgba(254,254,254,.94);max-width:46ch}
.prompt__panel .button{z-index:2;position:relative}

.ask-box{max-width:640px}
.ask-placeholder{left:-9999px;width:1px;overflow:hidden;height:1px;position:absolute}

.area{display:flex;flex-direction:column;gap:32px}
.area-block h2{color:var(--ds-copy);font-size:1.15rem;font-weight:800;margin-bottom:16px}
.area-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.area-menu a{align-items:center;justify-content:space-between;display:flex;font-size:.92rem;box-shadow:var(--ds-sd-sm);border:1px solid var(--ds-rule);gap:10px;color:var(--ds-copy);font-weight:600;transition:transform .14s,box-shadow .14s,color .14s;border-radius:var(--ds-ro-md);background:var(--ds-card);padding:13px 16px}
.area-menu a:hover{transform:translateY(-3px);box-shadow:var(--ds-sd-md);color:var(--ds-pink-active)}
.area-menu a .needle{place-items:center;display:grid;color:var(--ds-pink);flex:none}
.area-menu a .needle svg{width:16px;height:16px}
.record-town-hall{background:var(--ds-card);padding:24px;border-radius:var(--ds-ro-lg);border:1px solid var(--ds-rule-pale);box-shadow:var(--ds-sd-md)}
.town-hall-label{font-family:var(--ds-headline);font-weight:800;margin-bottom:14px}
.town-hall-row{gap:10px;margin-top:10px;font-size:.94rem;display:flex;align-items:flex-start;color:var(--ds-copy-pale)}
.town-hall-row .needle{flex:none;color:var(--ds-pink)}
.town-hall-row .needle svg{width:16px;height:16px}

.placeholder{text-align:center;padding-block:clamp(60px,10vw,140px)}
.placeholder__no{font-family:var(--ds-headline);line-height:.9;font-weight:800;font-size:clamp(6rem,20vw,13rem)}
.placeholder__block{gap:14px;display:flex;justify-content:center;margin-top:30px;flex-wrap:wrap}

.guide-band h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.guide-band h2{margin-top:34px;font-size:1.35rem;color:var(--ds-pink-active);font-weight:800}
.guide-band p{margin-top:14px;color:var(--ds-copy-pale);font-size:1.04rem}
.guide-band p a{font-weight:600}
.guide-band ul{display:grid;gap:10px;margin-top:14px}
.guide-band li{padding-left:24px;position:relative;color:var(--ds-copy-pale)}
.guide-band li::before{width:10px;position:absolute;left:0;height:10px;background:var(--ds-flush);top:.5em;border-radius:50%;content:""}
.ask-small{font-weight:700}
.ask-small--lit{color:var(--ds-success)}
.ask-small--off{color:var(--ds-pink-active)}
.breadcrumb li:not(:last-child)::after{content:"\00203a";color:var(--ds-faint);margin-left:6px}
.breadcrumb a{color:var(--ds-copy-pale)}
.breadcrumb{margin-bottom:14px;display:flex;flex-wrap:wrap;color:var(--ds-faint);gap:6px;font-size:.86rem;justify-content:flex-start}

.doc-top{padding-block:clamp(40px,6vw,80px) 20px}
.doc-top h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.doc-top p{color:var(--ds-copy-pale);font-size:1.08rem;margin:16px auto 0}
.figure{background:var(--ds-card);gap:12px;padding:14px 16px;display:flex;box-shadow:var(--ds-sd-sm);align-items:center;border-radius:var(--ds-ro-md);border:1px solid var(--ds-rule-pale)}
.figure-pic{width:40px;height:40px;place-items:center;flex:none;display:grid;background:var(--ds-card-deep);border-radius:12px;color:var(--ds-pink)}
.figure-pic svg{height:18px;width:18px}
.figure-copy dt{text-transform:uppercase;font-size:.78rem;letter-spacing:.05em;color:var(--ds-faint)}
.figure-copy dd{font-family:var(--ds-headline);margin:2px 0 0;font-weight:800;font-size:.98rem}
.zone-panel{border-radius:var(--ds-ro-lg);border:1px solid var(--ds-rule-pale);aspect-ratio:4/3;overflow:hidden;box-shadow:var(--ds-sd-md);background:var(--ds-mauve);position:relative}
.zone-panel.zone-later{cursor:pointer}
.zone-placeholder{inset:0;place-items:center;position:absolute;background:linear-gradient(160deg,var(--ds-mauve-deep),var(--ds-card-deep));display:grid;gap:10px;padding:20px;text-align:center}
.zone-placeholder p{font-weight:700;color:var(--ds-copy)}
.zone-needle{filter:drop-shadow(0 10px 12px rgba(251,72,98,.49));color:var(--ds-flush)}
.zone-needle svg{height:40px;width:40px;fill:currentColor;stroke:none}
.zone-panel iframe{height:100%;border:0;position:absolute;width:100%;inset:0}
.zone-panel.loaded .zone-placeholder{display:none}

.quick-trigger{width:60px;right:22px;border-radius:50%;display:flex;box-shadow:var(--ds-sd-lg);bottom:22px;text-decoration:none;color:var(--ds-ondark);position:fixed;height:60px;justify-content:center;z-index:80;border:none;align-items:center;background:linear-gradient(135deg,var(--ds-pink),var(--ds-flush));cursor:pointer}
.quick-trigger svg{width:26px;height:26px;fill:currentColor;stroke:none}
.quick-trigger--copy{font-family:var(--ds-headline);padding:13px 20px;max-width:calc(100vw - 44px);border-radius:var(--ds-ro-pill);height:auto;font-weight:800;font-size:.95rem;gap:9px;width:auto}
.quick-trigger--copy svg{height:20px;width:20px}
.quick-copy{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.guide-band .breadcrumb,.breadcrumb:has(+ .block-head){justify-content:center}
.reasons-items{display:grid;margin-top:14px;gap:10px}
.reasons-items li{padding-left:24px;position:relative;color:var(--ds-copy)}
.reasons-items li::before{left:0;height:10px;border-radius:50%;position:absolute;width:10px;background:var(--ds-flush);content:"";top:.5em}

@media (max-width:980px){
  .users-cols{grid-template-columns:repeat(3,1fr)}
  .user-cols{grid-template-columns:1fr}
  .user-frame{width:100%;max-width:380px;justify-self:start}
  .user-aside{position:static}
  .guide,.record{grid-template-columns:1fr}
  .colophon-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .page-links{display:none}
  .nav-toggle{display:flex;position:fixed;top:22px;right:18px}
}
@media (min-width:861px){
  .aside-mob,.links-backdrop{display:none}
}
@media (max-width:600px){
  :root{--ds-section-pad:clamp(30px,7vw,48px);--ds-gap:8px}
  .colophon-cols,.field-row{grid-template-columns:1fr}
  .users-cols{grid-template-columns:repeat(2,1fr);gap:5px}
  .user-panel{border-radius:var(--ds-ro-sm)}
  .user__body{padding:16px 10px}
  .prompt__panel{flex-direction:column;align-items:stretch;padding:32px 24px}
  .prompt__panel .button{width:100%;white-space:normal}
  .find-ask{flex-direction:column;border-radius:var(--ds-ro-lg)}
  .find-ask .button{width:100%}
  .band--user{padding-top:0}
  .user-frame img{aspect-ratio:1/1;max-height:46vh}
  .user-cols{margin-top:0}
  .user-aside{display:flex;flex-direction:column;margin-top:14px}
  .user-intro{order:1;margin-top:0}
  .user-small{order:2}
  .user-items{order:3;margin-top:16px;gap:10px}
  .user-items .button{flex:1 1 auto}
  .user-band{display:none}
  .user-figures{order:4}
  .user-aside .tagline{order:5}
  .record-figures{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .figure{padding:11px 12px;gap:8px;flex-direction:column;align-items:flex-start}
  .figure-pic{width:34px;height:34px}
  .figure-copy{min-width:0}
  .figure-copy dd{font-size:.92rem;overflow-wrap:anywhere}
}