/* ЭКИПАЖ / CREW — grid (13), constellation (15), field (F), artist card (25). MVP_PLAN §7.3, PLAN_V2 §B */

/* ---------- header telemetry ---------- */
.crew-tele{display:flex;align-items:center;gap:9px;text-align:left;white-space:nowrap}
.crew-tele__star{display:block;width:17px;height:17px;color:var(--text);opacity:.85}
.crew-tele__star svg{width:100%;height:100%;display:block}
.crew-tele__txt{display:flex;flex-direction:column;gap:2px;padding-left:9px;border-left:1px solid rgba(255,255,255,.22);font:400 7px/1.3 var(--f-mono);letter-spacing:.18em}
.crew-tele__n{color:var(--text);font-size:8.5px;letter-spacing:.2em}
@media (max-width:389px){.crew-tele__txt,.crew-tele__n{letter-spacing:.12em}}
/* field view (F): TOTAL ROSTER: / 1,428 ARTISTS + globe */
.crew-tele--roster{gap:11px}
.crew-tele--roster .crew-tele__txt{align-items:flex-end;padding-left:0;border-left:0;text-align:right}
.crew-tele__globe{display:block;width:21px;height:21px;color:var(--text);opacity:.8}
.crew-tele__globe svg{width:100%;height:100%;display:block;stroke-width:1.1}

/* ---------- layout ---------- */
.crew{display:flex;flex-direction:column;padding-top:calc(max(20px,calc(var(--safe-t) + 8px)) + 40px);padding-bottom:0}
.crew__top{position:relative;z-index:3;flex:none;display:flex;flex-direction:column;gap:8px}
/* PLAN_V4 §10.3: a dark glass bar so the switch reads over the glowing field; views · own avatar · count */
.crew__bar{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:48px;padding:0 6px;border-radius:var(--r-pill);
  background:rgba(6,6,8,.84);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);
  border:1px solid var(--glass-border-strong);box-shadow:0 10px 28px rgba(0,0,0,.6)}
/* soft shade under the bar so the field does not shine through its edge */
.crew:not([data-mode=grid]) .crew__bar::after{content:"";position:absolute;left:-12px;right:-12px;top:100%;height:26px;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.6),transparent)}
.crew__views{justify-self:start;display:flex;gap:2px}
.crew__view-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid transparent;color:rgba(255,255,255,.72);
  transition:color 300ms var(--ease),border-color 300ms var(--ease),box-shadow 300ms var(--ease)}
.crew__view-btn svg{width:18px;height:18px}
.crew__view-btn[aria-pressed=true]{color:var(--amber);border-color:rgba(247,176,100,.85);background:rgba(247,176,100,.06);
  box-shadow:0 0 12px rgba(247,176,100,.4),inset 0 0 8px rgba(247,176,100,.2)}
.crew__view-btn[aria-pressed=true] svg{filter:drop-shadow(0 0 4px rgba(247,176,100,.6))}
/* own avatar: slightly taller than the bar, amber ring, the profile form's scanner line once every 30 s */
.crew__me{position:relative;width:54px;height:54px;margin:-3px 0;padding:0;border-radius:50%;overflow:hidden;background:#000;
  border:1.5px solid var(--amber);box-shadow:0 0 16px rgba(247,176,100,.55),inset 0 0 8px rgba(247,176,100,.3);transition:transform 150ms var(--ease)}
.crew__me:active{transform:scale(.94)}
.crew__me-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.crew__me-scan{position:absolute;left:-10%;right:-10%;top:0;height:100%;opacity:0;pointer-events:none;transform:translateY(-100%);animation:pf-scan 30s linear -25s infinite}
.crew__me-scan::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#fff;box-shadow:0 0 8px 2px rgba(200,235,255,.9),0 0 18px 5px rgba(164,239,249,.4)}
.crew__count{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding-right:12px;text-align:right;white-space:nowrap}
.crew__count-n{font:400 11px/1 var(--f-mono);letter-spacing:.14em;color:var(--text)}
.crew__count-v{font:400 7.5px/1 var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--amber)}
.crew__seg{display:flex;height:36px;padding:3px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.09);
  background:rgba(14,15,18,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.crew__seg-btn{flex:1 1 auto;min-width:0;padding:0 7px;border-radius:var(--r-pill);border:1px solid transparent;white-space:nowrap;
  font:400 8.5px/1 var(--f-sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.62);
  transition:color 300ms var(--ease),border-color 300ms var(--ease),box-shadow 300ms var(--ease)}
:lang(ru) .crew__seg-btn{letter-spacing:.12em;padding:0 5px}
.crew__seg-btn[aria-pressed=true]{flex-grow:1.6;color:var(--text);border-color:var(--amber);box-shadow:0 0 12px rgba(247,176,100,.45),inset 0 0 8px rgba(247,176,100,.22)}
.crew:not([data-mode=grid]) .crew__top > .crew__seg{display:none}
@media (prefers-reduced-motion:reduce){.crew__me-scan{animation:none}}
.crew:not([data-mode=grid]) .crew__grid,.crew:not([data-mode=const]) .crew__const,.crew:not([data-mode=field]) .crew__field{display:none}

/* ---------- grid (13) ---------- */
.crew__grid{flex:1;min-height:0;margin:0 calc(-1 * (var(--gutter) + var(--safe-r))) 0 calc(-1 * (var(--gutter) + var(--safe-l)));
  padding:16px calc(var(--gutter) + var(--safe-r)) calc(var(--dock-space) + 8px) calc(var(--gutter) + var(--safe-l));
  display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:max-content;gap:12px;align-content:start;transition:opacity 180ms var(--ease)}
.crew__grid.is-fading{opacity:0}

.cg{--c:var(--amber);--cb:rgba(247,176,100,.78);--cg:rgba(247,150,70,.3);position:relative;border-radius:10px;overflow:hidden;background:#08080b;
  border:1px solid var(--cb);box-shadow:0 0 14px var(--cg),0 0 2px var(--cg);
  animation:cg-rise 500ms var(--ease-out) both;animation-delay:calc(var(--i,0) * 50ms)}
.cg.is-lav{--c:var(--lavender);--cb:rgba(209,192,239,.72);--cg:rgba(150,128,255,.32)}
@keyframes cg-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.cg__open{position:absolute;inset:0;z-index:1;border-radius:inherit}
.cg__open:focus-visible{outline-offset:-3px}
.cg{display:flex;flex-direction:column}
.cg__photo{flex:none;aspect-ratio:1.58;overflow:hidden;background:#000}
.cg__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;animation:cg-in 1100ms var(--ease-out)}
@keyframes cg-in{from{transform:scale(1.09)}to{transform:none}}
.cg__you{position:absolute;left:8px;top:8px;padding:4px 8px 4px 9px;border-radius:var(--r-pill);border:1px solid var(--cb);background:rgba(0,0,0,.55);
  font:400 8px/1 var(--f-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--c);box-shadow:0 0 10px var(--cg)}
.cg__info{position:relative;display:flex;flex-direction:column;flex:1;padding:9px 9px 8px 11px;background:linear-gradient(180deg,#101016,#0a0a0e);border-top:1px solid rgba(255,255,255,.07)}
.cg__star{position:absolute;right:9px;top:9px;width:12px;height:12px;color:rgba(255,255,255,.55)}
.cg__star svg{width:100%;height:100%;display:block}
.cg__name{padding-right:16px;font:500 10px/1.2 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cg__genre{margin-top:3px;font:500 7.5px/1.2 var(--f-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--c)}
.cg__loc{display:flex;align-items:center;gap:4px;margin-top:7px;font:400 7.5px/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);white-space:nowrap;overflow:hidden}
.cg__loc svg{width:9px;height:9px;flex:none}
.cg__loc span{overflow:hidden;text-overflow:ellipsis}
.cg__coords{margin:2px 0 0 13px;font:300 7.5px/1.2 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cg__foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:6px}
.cg__wave{width:72px;height:16px;display:block}
.cg__play{--s:24px;position:relative;z-index:2;border-color:rgba(255,255,255,.55)}
.cg__play[data-on=true]{border-color:var(--c);box-shadow:0 0 10px var(--cg)}
.cg__play svg{width:40%;height:40%}

/* ---------- constellation (15) ---------- */
.crew__const{position:absolute;inset:0;z-index:1;overflow:hidden}
.crew__const::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(38% 30% at -6% 78%,rgba(247,150,60,.34),transparent 72%),
    radial-gradient(26% 24% at -4% 28%,rgba(247,160,80,.16),transparent 72%),
    radial-gradient(34% 26% at 106% 14%,rgba(130,105,255,.36),transparent 72%),
    radial-gradient(30% 28% at 104% 92%,rgba(130,105,255,.3),transparent 72%)}
.crew__cv{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}
.crew__cv:active{cursor:grabbing}

/* ---------- field (F) ---------- */
.crew__field{position:absolute;inset:0;z-index:1;overflow:hidden}
/* edge glows as in (F): amber down the left edge (strongest low), lavender down the right */
.crew__field::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(30% 34% at -8% 82%,rgba(247,150,60,.4),transparent 72%),
    radial-gradient(22% 30% at -6% 40%,rgba(247,160,80,.18),transparent 72%),
    radial-gradient(26% 30% at 108% 12%,rgba(130,105,255,.34),transparent 72%),
    radial-gradient(24% 34% at 106% 70%,rgba(130,105,255,.28),transparent 72%)}
/* keeps the logo and the dock readable over the tiles */
.crew__field::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.72),transparent 96px,transparent calc(100% - var(--dock-space)),rgba(0,0,0,.5))}
.crew__fcv{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}

.crew-mini{position:absolute;left:50%;top:47%;z-index:2;width:min(66vw,270px);padding:14px 14px 14px;border-radius:22px;
  background:rgba(14,14,18,.8);border-color:rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05);
  transform:translate(-50%,-50%) scale(.94);opacity:0;transition:opacity 350ms var(--ease-out),transform 450ms var(--ease-out)}
.crew-mini.is-shown{opacity:1;transform:translate(-50%,-50%)}
.crew-mini__open{position:absolute;inset:0;z-index:1;border-radius:inherit}
.crew-mini__orb{position:absolute;left:22px;top:22px;z-index:2;width:14px;height:14px;border-radius:50%;pointer-events:none;
  border:1px solid rgba(255,255,255,.8);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.5),rgba(0,0,0,.6) 60%);box-shadow:0 0 6px rgba(255,255,255,.35)}
.crew-mini__photo{aspect-ratio:1;border-radius:10px;overflow:hidden;background:#000;
  -webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}
.crew-mini__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:grayscale(1) contrast(1.05)}
.crew-mini__name{margin-top:6px;font:300 15px/1.15 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;overflow-wrap:anywhere}
.crew-mini__role{margin-top:5px;font:400 8px/1.35 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}
.crew-mini__player{display:flex;align-items:center;gap:10px;margin-top:12px}
.crew-mini__play{--s:30px;position:relative;z-index:2;border-color:rgba(255,255,255,.7)}
.crew-mini__wave{flex:1;min-width:0;height:22px;display:block}
.crew-mini__time{font:300 9px/1 var(--f-mono);letter-spacing:.08em;color:var(--text-2);min-width:24px;text-align:right}
.crew-mini__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.crew-mini__chips{flex-wrap:nowrap;gap:5px}
.crew-mini__chips .chip{flex:1 1 auto;min-width:0;justify-content:center;height:24px;padding:0 7px;gap:5px;font-size:7px;letter-spacing:.1em}
:lang(ru) .crew-mini__chips{flex-wrap:wrap}
.crew-mini__chips .chip svg{width:11px;height:11px}

/* ---------- full card (25) ---------- */
.crew-card{width:84vw;max-width:400px;max-height:calc(var(--app-h) - var(--safe-t) - var(--safe-b) - 32px);display:flex;flex-direction:column;overflow:hidden;
  border-radius:24px;background:linear-gradient(180deg,rgba(10,10,14,.97),rgba(8,8,12,.98));border-color:rgba(209,192,239,.1);
  box-shadow:-10px 16px 46px -18px rgba(140,124,255,.85),0 30px 90px rgba(0,0,0,.65)}
.crew-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:3;
  background:linear-gradient(32deg,rgba(150,135,255,.95) 0%,rgba(190,175,255,.4) 22%,transparent 48%,rgba(209,192,239,.18) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.crew-card .modal__close{top:12px;right:12px;width:44px;height:44px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.8))}
.crew-card .modal__close svg{width:26px;height:26px;stroke-width:1.2}
.cc__body{flex:1;min-height:0}
.cc__photo{height:min(calc(var(--app-h) * .36),380px);background:#000 center 22%/cover no-repeat;touch-action:none;
  -webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
.cc__content{position:relative;margin-top:-18px;padding:0 22px 22px}
.cc__name{margin:0;font:300 clamp(22px,7vw,28px)/1.08 var(--f-serif);letter-spacing:.1em;text-transform:uppercase;overflow-wrap:anywhere}
.cc__role{margin-top:9px;font:400 9px/1.5 var(--f-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--text-2)}
.cc__chip{margin-top:14px;height:30px;padding:0 15px;gap:10px;font-size:9px;letter-spacing:.2em;color:var(--text)}
.cc__chip svg{width:12px;height:12px}
.cc__quote{margin:18px 0 0;font:italic 300 18px/1.35 var(--f-serif);color:var(--text);user-select:text;-webkit-user-select:text}
.cc__div{margin:18px 0 16px}
.cc__track{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px}
.cc__cover{width:52px;height:52px;border-radius:8px;display:grid;place-items:center;color:#fff;overflow:hidden;
  background:linear-gradient(135deg,rgba(0,0,0,.85) 20%,rgba(0,0,0,.15) 75%),url(../assets/img/moon-640.webp) 90% 85%/120% no-repeat,#030304;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.cc__cover svg{width:12px;height:12px;margin:0 6px 6px 0;filter:drop-shadow(0 0 3px #fff)}
.cc__meta{min-width:0}
.cc__title{font:400 11px/1.2 var(--f-sans);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc__sub{display:flex;margin-top:5px;font:300 8.5px/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);white-space:nowrap}
.cc__sub span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
.cc__time{flex:none}
.cc__play{--s:36px}
.cc__play svg{width:38%;height:38%}
.cc__wave{display:block;width:100%;height:34px;margin-top:16px}
.cc__line{position:relative;height:1px;margin-top:12px;background:rgba(255,255,255,.12)}
.cc__line span{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0);background:var(--lavender);box-shadow:0 0 6px var(--violet)}
.cc__nodemo{margin:0;font:300 9px/1.6 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.cc__social{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.cc__pill{flex:1 1 0;min-width:max-content;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 12px;border-radius:var(--r-pill);
  border:1px solid var(--glass-border-strong);font:400 8.5px/1 var(--f-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--text-2)}
.cc__pill svg{width:14px;height:14px}
.cc__pill:active{border-color:rgba(255,255,255,.4)}
.cc__cta{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:54px;margin-top:20px;padding:0 42px 0 14px;border-radius:20px;
  border:1px solid rgba(209,192,239,.5);background:rgba(20,18,30,.35);box-shadow:0 0 18px rgba(140,124,255,.16),inset 0 0 14px rgba(140,124,255,.1);
  font:400 9px/1.3 var(--f-sans);letter-spacing:.15em;white-space:nowrap;text-transform:uppercase;color:var(--text);transition:transform 150ms var(--ease),box-shadow 300ms var(--ease)}
.cc__cta:active{transform:scale(.98);box-shadow:0 0 28px rgba(140,124,255,.35),inset 0 0 18px rgba(140,124,255,.2)}
.cc__cta svg{position:absolute;right:18px;top:50%;width:22px;height:22px;margin-top:-11px;color:rgba(255,255,255,.55);stroke-width:1}
/* report another artist (no pre-moderation): quiet, below the main action */
.cc__report{display:block;width:max-content;margin:14px auto 0;padding:8px 10px;font:300 9px/1.6 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);text-decoration:none}
.cc__report:active{color:var(--text-2)}
/* PLAN_V13: the other tracks, the SHORTS preview and clip, the fundraiser */
.cc__trks{display:grid;margin:12px 0 0;padding:0;list-style:none}
.cc__trk{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:52px;border-bottom:1px solid rgba(255,255,255,.06)}
.cc__trk-play{--s:44px}
.cc__trk-play svg{width:32%;height:32%}
.cc__trk-title{min-width:0;font:400 10px/1.3 var(--f-sans);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc__trk-time{font:300 9px/1 var(--f-mono);letter-spacing:.1em;color:var(--text-3)}
.cc__short{position:relative;display:block;width:112px;aspect-ratio:9/16;margin-top:18px;border-radius:14px;overflow:hidden;border:1px solid var(--glass-border-strong);
  background:radial-gradient(circle at 50% 35%,rgba(140,124,255,.18),transparent 70%),#07070a;transition:transform 150ms var(--ease)}
.cc__short:active{transform:scale(.97)}
.cc__short img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cc__short-tag{position:absolute;left:8px;top:9px;font:500 8px/1 var(--f-mono);letter-spacing:.22em;color:var(--text);text-shadow:0 0 6px #000}
.cc__short-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;
  border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.35);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cc__short-play svg{width:16px;height:16px}
.modal--full .cc-short{background:#000}
.cc-short__v{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.cc-short__more{position:absolute;z-index:2;top:calc(var(--safe-t) + 12px);left:calc(var(--safe-l) + 12px);display:grid;place-items:center;width:44px;height:44px;color:var(--text)}
.cc-short__more svg{width:22px;height:22px}
.cc__fund{margin-top:20px;padding:16px;border-radius:18px;border:1px solid rgba(247,176,100,.35);background:rgba(247,176,100,.04)}
.cc__fund > :first-child{margin-top:0}
.cc__fund-title{font:400 10px/1.35 var(--f-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--text)}
.cc__fund-bar{position:relative;height:6px;margin-top:12px;border-radius:3px;overflow:hidden;background:rgba(255,255,255,.08)}
.cc__fund-bar span{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:var(--amber);box-shadow:0 0 10px rgba(247,176,100,.6)}
.cc__fund-sum{margin-top:9px;font:400 10px/1.3 var(--f-mono);letter-spacing:.08em;color:var(--amber)}
.cc__fund-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px}
.cc__fund-go{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:var(--r-pill);border:1px solid var(--amber);
  box-shadow:0 0 12px rgba(247,176,100,.35),inset 0 0 8px rgba(247,176,100,.15);font:400 9px/1 var(--f-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--text);text-decoration:none}
.cc__fund-go:active{background:rgba(247,176,100,.12)}
.cc__fund-note{font:300 8.5px/1.4 var(--f-mono);letter-spacing:.12em;color:var(--text-3)}
.cc__fund-done{margin:10px 0 0;font:300 9px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2)}
/* «Мой сбор» sheet (js/me.js); the fields share the signals form styles */
.me-fund__set{display:grid;gap:10px;min-width:0;margin:0;padding:0;border:0}
.me-fund__set:disabled{opacity:.5}
.me-fund__wait{color:var(--amber)}
.me-fund__done{margin:4px 0 0;font:300 9px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2)}
.me-form__err{margin:0;min-height:1.4em;font:300 12px/1.4 var(--f-sans);color:#ffb4a6}
@media (prefers-reduced-motion:reduce){.cc__short{transition:none}.cc__short:active{transform:none}}
.cc__leave{display:block;width:100%;min-height:40px;margin-top:10px;border-radius:14px;border:1px solid transparent;
  font:400 9px/1.3 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,150,130,.8);transition:color 250ms,border-color 250ms}
.cc__leave.is-armed{color:#ffb4a6;border-color:rgba(255,140,120,.55);background:rgba(255,90,70,.06)}

/* edit-profile overlay (form comes from js/profile-form.js) */
.crew-edit{background:rgba(4,4,6,.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.crew-edit__inner{min-height:100%;display:flex;flex-direction:column;align-items:center;
  padding:calc(var(--safe-t) + 60px) calc(16px + var(--safe-r)) calc(var(--safe-b) + 32px) calc(16px + var(--safe-l))}
.crew-edit__card{width:min(100%,380px);padding:24px 20px 26px;border-color:var(--glass-border-strong)}

@media (prefers-reduced-motion:reduce){
  .cg,.cg__photo img{animation:none}
}

/* ---------- own profile, full screen (PLAN_V4 §10.3, js/me.js) ---------- */
.modal--full .crew-card--me{width:100%;max-width:none;max-height:none;height:100%;border:0;border-radius:0;box-shadow:none;background:rgba(5,5,8,.97)}
.modal--full .crew-card--me::after{display:none}
.crew-card--me .cc__body{overflow-y:auto;overscroll-behavior:contain}
.crew-card--me .cc__photo{height:min(calc(var(--app-h) * .46),520px);max-width:520px;margin:0 auto}
.crew-card--me .cc__content{max-width:480px;margin:-18px auto 0;padding:0 calc(22px + var(--safe-r)) calc(30px + var(--safe-b)) calc(22px + var(--safe-l))}
.crew-card--me .modal__close{top:calc(var(--safe-t) + 10px)}
.me__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.me__chips .chip{height:26px;padding:0 12px;font-size:8px;letter-spacing:.16em}
.me__row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.me__text{min-width:0}
.me__label{font:400 8px/1.2 var(--f-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--text-3)}
.me__value{margin-top:6px;font:400 10px/1.35 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--text)}
.me__btn{flex:none;min-height:44px;padding:0 14px;border-radius:var(--r-pill);border:1px solid rgba(209,192,239,.45);
  font:400 8px/1 var(--f-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--text);white-space:nowrap}
.me__btn:active{border-color:var(--lavender);box-shadow:0 0 12px rgba(140,124,255,.3)}
.me__share{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;margin-top:10px;border-radius:14px;
  font:400 9px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-2)}
.me__share svg{width:15px;height:15px}
.me__share:active{color:var(--text)}
.cc__adddemo{display:block;width:100%;min-height:44px;border:1px dashed rgba(255,255,255,.25);border-radius:14px;color:var(--text-2)}
/* signed copy viewer */
.modal--full .me-copy{background:#000}
.me-copy__scroll{position:absolute;inset:0;padding:calc(var(--safe-t) + 64px) 16px calc(var(--safe-b) + 96px)}
.me-copy__img{display:block;width:100%;max-width:560px;height:auto;margin:0 auto;border:1px solid rgba(255,255,255,.12)}
.me-copy__dl{position:absolute;left:50%;bottom:calc(var(--safe-b) + 20px);transform:translateX(-50%)}
.me-copy__dl:active{transform:translateX(-50%) scale(.97)}

/* ---------- settings (js/settings.js) ---------- */
.set__title{margin:0 0 16px;font:300 15px/1.2 var(--f-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--text)}
.set__tabs{width:min(100%,380px);margin-bottom:14px}
.set__tabs .crew__seg-btn{font-size:9px}
.set__pane[hidden]{display:none}
.set__dev{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.set__dev .cc__chip{margin:0}
.set__dev .divider{align-self:stretch}
.set__note{margin:0;font:300 12.5px/1.6 var(--f-sans);color:var(--text-2)}
.set__opt{display:flex;flex-direction:column;gap:10px;align-self:stretch}
.set__sw{display:flex;align-items:center;justify-content:space-between;gap:16px;align-self:stretch;cursor:pointer}
.set__sw input{appearance:none;flex:none;position:relative;width:42px;height:24px;margin:0;border-radius:12px;border:1px solid var(--line,rgba(255,255,255,.18));background:rgba(255,255,255,.05);transition:background .2s}
.set__sw input::before{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text-3);transition:transform .2s,background .2s}
.set__sw input:checked{background:rgba(255,255,255,.16)}
.set__sw input:checked::before{transform:translateX(18px);background:var(--text)}
.set__sw input:focus-visible{outline:2px solid var(--text);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.set__sw input,.set__sw input::before{transition:none}}
.set__danger{display:flex;flex-direction:column;gap:10px;align-self:stretch}
.set__danger-title{font:400 9px/1.2 var(--f-mono);letter-spacing:.24em;text-transform:uppercase;color:#ff8f84}
.set__leave{height:46px;margin-top:4px;border-radius:14px;border:1px solid rgba(229,72,77,.6);background:rgba(229,72,77,.06);
  font:400 9px/1 var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:#ffb4ac}
.set__leave:active{background:rgba(229,72,77,.14)}
/* erase confirmation */
.set-erase{width:min(100%,380px);border-color:rgba(229,72,77,.35)}
.set-erase__body{display:flex;flex-direction:column;gap:12px;padding:28px 22px 22px}
.set-erase__title{margin:0 40px 4px 0;font:300 17px/1.3 var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text)}
.set-erase__lose{font:400 8.5px/1.2 var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:#ff8f84}
.set-erase__list{margin:0;padding:0 0 0 18px;font:300 13px/1.7 var(--f-sans);color:var(--text-2)}
.set-erase__hint{margin-top:6px;font:400 9px/1.4 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text)}
.set-erase__field input{padding:0 18px;text-align:center}
.set-erase__btns{display:flex;gap:10px;margin-top:8px}
.set-erase__btns .pill{flex:1;width:auto;min-width:0;max-width:none;height:48px;padding:0 10px;letter-spacing:.12em;font-size:9.5px;white-space:nowrap}
.set-erase__go{--c:#E5484D;--glow:rgba(229,72,77,.4)}