:root{
  --green:#8db63f;
  --green-dark:#7aa32e;
  --purple:#7400a8;
  --purple-dark:#5b008d;
  --ink:#111;
  --muted:#717171;
  --bubble:#efefef;
  --line:#e8e8e8;
  --white:#fff;
  --safe-bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);
  background:#f3f3f3;
}
button,input,textarea{font:inherit}
button{cursor:pointer}
.app-loading{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  color:#fff;
  background:
    radial-gradient(circle at 50% 42%,rgba(141,182,63,.24),transparent 30%),
    linear-gradient(145deg,#07070a,#17141c 52%,#050506);
  transition:opacity .24s ease, visibility .24s ease;
}
.app-loading.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:auto;
}
.app-loading>div{
  display:grid;
  place-items:center;
  gap:18px;
}
.app-loading strong{
  font-size:1.35rem;
  font-weight:950;
  letter-spacing:.01em;
  text-shadow:0 8px 22px rgba(0,0,0,.44);
}
.app-loading strong span{color:var(--green)}
.app-loading i{
  width:42px;
  height:42px;
  border-radius:999px;
  border:4px solid rgba(255,255,255,.18);
  border-top-color:var(--green);
  box-shadow:0 0 24px rgba(141,182,63,.22);
  animation:appLoadingSpin .75s linear infinite;
}
@keyframes appLoadingSpin{to{transform:rotate(360deg)}}
.app-shell{min-height:100%;display:grid;place-items:center;padding:18px}
.login-whatsapp-help{
  position:fixed;
  top:calc(18px + env(safe-area-inset-top,0px));
  right:18px;
  z-index:10000;
  display:none;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 14px 0 11px;
  border-radius:999px;
  color:#071207;
  background:#25d366;
  box-shadow:0 12px 28px rgba(0,0,0,.26);
  font-size:.88rem;
  font-weight:900;
}
body.is-guest .login-whatsapp-help{display:inline-flex}
body.is-guest .app-services-launcher{display:none}
.login-whatsapp-help:hover,.login-whatsapp-help:focus-visible{background:#51e782;outline:3px solid rgba(37,211,102,.28);outline-offset:3px}
.login-whatsapp-help svg{width:22px;height:22px;fill:currentColor}
.login-screen{display:none;width:min(430px,100%);gap:18px}
body.is-guest .login-screen{display:grid}
body.is-guest .phone{display:none}
.login-hero{
  min-height:260px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:24px;
  color:#fff;
  border-radius:8px;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.72)),url('/assets/hero-bg.jpg') center/cover;
}
.brand,.mini-logo{font-weight:900}.brand span,.mini-logo span{color:var(--green)}
.login-hero h1{margin:14px 0 4px;font-size:2.6rem;line-height:1}
.login-hero p{margin:0;max-width:280px}
.login-card{display:grid;gap:10px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.12)}
.code-row{display:none}.login-card[data-step="code"] .code-row{display:grid;gap:8px}
.login-card[data-step="code"] .friend-code-row{display:none}
.login-terms{display:none;grid-template-columns:auto 1fr;align-items:flex-start;gap:9px;color:#3d4539;font-size:.82rem;font-weight:700;line-height:1.42}
.login-card[data-new-account="1"] .login-terms{display:grid}
.login-terms input{margin-top:3px;accent-color:var(--green)}
.login-terms a{color:#557d13;font-weight:900;text-decoration:underline;text-underline-offset:2px}
.login-legal-links{margin:2px 0 0;text-align:center;color:#697064;font-size:.76rem;font-weight:700}
.login-legal-links a{color:#557d13;font-weight:900;text-decoration:underline;text-underline-offset:2px}
.field{
  width:100%;
  border:0;
  border-radius:8px;
  background:#eee;
  padding:13px 14px;
  outline:0;
}
.field::placeholder{
  color:#8a929d;
  opacity:1;
  font-style:italic;
  font-weight:500;
}
.gig-embed-loading{
  position:absolute;
  inset:0;
  z-index:4;
  display:none;
  place-content:center;
  justify-items:center;
  gap:10px;
  color:#fff;
  background:rgba(5,7,9,.54);
  pointer-events:none;
}
.gig-embed-loading.show{display:grid}
.gig-embed-loading i{
  width:34px;
  height:34px;
  border:4px solid rgba(197,239,85,.28);
  border-top-color:#c5ef55;
  border-radius:50%;
  animation:dg-embed-spin .75s linear infinite;
}
.gig-embed-loading strong{font-size:1rem;letter-spacing:.04em}
.gig-embed-loading strong span{color:#b9e458}
@keyframes dg-embed-spin{to{transform:rotate(360deg)}}
textarea.field{resize:vertical}
.primary-btn,.outline-btn{
  border:0;
  border-radius:8px;
  min-height:48px;
  padding:0 18px;
  font-weight:800;
}
.primary-btn{background:var(--green);color:#fff}
.outline-btn{background:transparent;color:#eaff00;border:4px solid #eaff00;border-radius:999px}
.form-note{margin:0;color:var(--muted);font-size:.86rem}
.phone{
  position:relative;
  width:min(1180px,90vw);
  height:min(850px,calc(100dvh - 36px));
  min-height:690px;
  overflow:hidden;
  border-radius:36px;
  background:#fff;
  box-shadow:0 24px 80px rgba(0,0,0,.24);
}
.phone:before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:45%;
  height:28px;
  transform:translateX(-50%);
  border-radius:0 0 18px 18px;
  background:#050505;
  z-index:12;
}
.app-header{
  position:absolute;
  inset:0 0 auto;
  z-index:10;
  min-height:190px;
  display:grid;
  grid-template-columns:1fr 58px;
  align-items:center;
  gap:8px;
  padding:50px 22px 58px;
  color:#fff;
  background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.55)),url('/assets/hero-bg.jpg') center/cover;
}
.app-header.menu-open{z-index:100}
.app-header strong{display:block;font-size:1.35rem}
.app-header span{font-size:.8rem}
#artistMeta{display:none}
.mini-logo{position:absolute;right:24px;top:122px;color:#fff}
.menu-btn{
  width:56px;height:56px;border:0;border-radius:999px;
  background:var(--green);color:#fff;
  display:grid;place-items:center;align-content:center;gap:5px;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  position:relative;
}
.menu-btn span{display:block;width:27px;height:4px;border-radius:999px;background:#fff}
.menu-btn i{display:none;position:absolute;right:1px;top:1px;width:18px;height:18px;border-radius:999px;background:#ff2d2d;border:3px solid var(--green)}
.menu-btn.has-notification i{display:block}
.credits-chip{
  width:64px;
  height:38px;
  border:0;
  border-radius:0 0 16px 16px;
  background:linear-gradient(180deg,#8d1cc0,#65009b);
  color:#fff;
  position:absolute;
  right:22px;
  top:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  font-weight:900;
  box-shadow:0 12px 28px rgba(101,0,155,.28), inset 0 1px 0 rgba(255,255,255,.26);
  z-index:12;
  opacity:0;
  pointer-events:none;
  transform:translateY(-8px);
  transition:opacity .18s ease, transform .18s ease;
}
.credits-chip.has-credits{opacity:1;pointer-events:auto;transform:none}
.credits-chip span{font-size:.95rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.24)}
.credits-chip b{font-size:1rem}
.view{
  position:absolute;
  inset:0;
  display:none;
  overflow:auto;
  padding:110px 0 calc(88px + var(--safe-bottom));
  background:#fff;
}
.view.active{display:block}
.view-feed{
  background:linear-gradient(180deg,rgba(0,0,0,0) 0 300px,#fff 300px),url('/assets/hero-bg.jpg') center top/auto 430px no-repeat;
}
.search-panel{
  position:relative;
  z-index:14;
  display:grid;
  grid-template-columns:1fr 58px;
  margin:0 22px;
  border-radius:8px;
  overflow:hidden;
}
.search-panel input{border:0;background:#f2f2f2;padding:0 14px;min-height:58px;outline:0}
.search-panel button{border:0;background:var(--green);color:#fff;font-size:2.3rem;font-weight:900}
.city-suggestions{
  display:none;
  margin:0 22px;
  padding:12px 22px 22px;
  background:#f2f2f2;
  border-radius:0 0 42px 8px;
  position:relative;
  z-index:13;
}
.city-suggestions.open{display:grid;gap:12px}
.city-suggestions button{border:0;background:transparent;text-align:left;padding:6px;color:#111}
.gig-card{
  position:relative;
  width:min(760px,calc(100% - 44px));
  margin:200px auto 0;
  min-height:385px;
  padding:0 0 26px;
  transition:opacity .18s ease, transform .18s ease;
}
.gig-card.is-changing{opacity:.28;transform:translateX(18px)}
.feed-campaign{
  display:grid;
  gap:7px;
  width:min(100%,420px);
  margin:18px 0 0;
  padding:14px 16px;
  border:1px solid rgba(123,165,46,.46);
  border-radius:14px;
  color:#20251a;
  background:linear-gradient(135deg,#f8fdeb,#eaf6cf);
  box-shadow:0 10px 22px rgba(0,0,0,.14);
}
.feed-campaign[hidden]{display:none!important}
.feed-campaign span{color:#547b19;font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.feed-campaign strong{font-size:1rem;line-height:1.2}
.feed-campaign p{margin:0;color:#47503a;font-size:.82rem;line-height:1.35}
.feed-campaign a{justify-self:start;padding:7px 11px;border-radius:8px;color:#152109;background:#b9dd68;text-decoration:none;font-size:.8rem;font-weight:900}
.gig-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.gig-title{
  display:inline-block;
  max-width:calc(100% - 58px);
  margin-top:0;
  padding:7px 16px;
  color:#fff;
  background:var(--purple);
}
.gig-title h2{margin:0;font-size:1.35rem;line-height:1}
.gig-title p{margin:2px 0 0;font-weight:800}
.verified-seal{
  display:inline-grid;
  place-items:center;
  margin-left:7px;
  padding:3px 7px;
  border-radius:999px;
  color:#101010;
  background:#eaff00;
  font-size:.68rem;
  font-weight:950;
  vertical-align:2px;
  box-shadow:0 5px 12px rgba(0,0,0,.18);
}
.unclaimed-wrap{
  position:relative;
  display:inline-flex;
  margin-left:7px;
  vertical-align:2px;
}
.unclaimed-seal{
  display:inline-grid;
  place-items:center;
  max-width:220px;
  padding:3px 8px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px;
  color:#fff;
  background:rgba(16,16,16,.36);
  font:inherit;
  font-size:.66rem;
  font-weight:950;
  line-height:1.15;
  text-align:center;
  cursor:pointer;
  box-shadow:0 5px 12px rgba(0,0,0,.18);
}
.unclaimed-seal[aria-expanded="true"]{
  color:#101010;
  background:#fff;
}
.unclaimed-wrap.is-open:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:178;
  background:rgba(0,0,0,.58);
}
.unclaimed-popover{
  position:fixed;
  left:50%;
  top:50%;
  z-index:179;
  width:min(620px,calc(100vw - 42px));
  max-height:min(72dvh,620px);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  transform:translate(-50%,-50%);
  padding:22px 24px;
  border:1px solid rgba(16,16,16,.18);
  border-radius:12px;
  color:#171717;
  background:#fff;
  font-size:clamp(.95rem,1.8vw,1.08rem);
  font-weight:750;
  line-height:1.45;
  text-align:left;
  white-space:pre-line;
  box-shadow:0 28px 80px rgba(0,0,0,.42);
}
.unclaimed-popover-text{display:block}
.unclaimed-popover h3,.unclaimed-popover p{margin:0}
.unclaimed-popover p{white-space:pre-line}
.unclaimed-claim-btn{width:100%;margin-top:18px;font-size:.95rem;line-height:1.25}
.unclaimed-claim-btn:disabled{opacity:.65;cursor:wait}
.collapse-btn{width:52px;height:52px;border:0;background:rgba(255,255,255,.9);color:var(--green);font-size:2.3rem;font-weight:900;line-height:1;border-radius:999px;transition:transform .28s ease, background .2s ease}
.gig-card.is-open .collapse-btn{transform:rotate(180deg)}
.score-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;transition:transform .28s ease}
.gig-card.is-open .score-row{transform:translateY(4px)}
.score-row span{background:var(--purple);color:#fff;text-align:center;border-radius:6px;padding:8px;font-size:.9rem;box-shadow:0 8px 20px rgba(116,0,168,.18)}
.gig-card.no-gig .score-row{display:none}
.gig-detail{
  display:grid;
  grid-template-rows:0fr;
  margin-top:12px;
  padding:0 24px;
  border-radius:8px;
  background:#eadbd3;
  font-size:1.05rem;
  line-height:1.45;
  overflow:hidden;
  opacity:0;
  transition:grid-template-rows .32s ease, opacity .24s ease, padding .32s ease;
}
.gig-card.is-open .gig-detail{grid-template-rows:1fr;opacity:1;padding:26px 24px}
.gig-detail>*{min-height:0}
.gig-detail p{margin:0 0 16px}
.gig-detail p:last-child{margin-bottom:0}
.gig-detail strong{display:block;margin-top:24px;font-size:.9rem}
.gig-detail p strong{display:inline;margin:0;font-size:inherit}
#gigLooking{display:none}
.gig-commercial-badges{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px}
.gig-commercial-badges span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.62);color:#17110e;font-size:.8rem;font-weight:850;line-height:1.2}
.gig-actions{
  display:none;
  grid-template-columns:54px 1fr 54px;
  gap:12px;
  align-items:center;
  margin-top:18px;
}
.ghost-btn,.hello-btn{
  border:0;
  min-height:54px;
  border-radius:999px;
  font-weight:900;
}
.ghost-btn{background:#f0f0f0;color:var(--purple);font-size:2rem}
.hello-btn{background:var(--green);color:#fff;font-size:1rem}
.gig-progress{display:flex;justify-content:center;gap:7px;margin-top:14px}
.gig-progress button{width:8px;height:8px;border:0;border-radius:999px;background:#d5d5d5;padding:0}
.gig-progress button.active{width:28px;background:var(--green)}
.chat-input{
  position:absolute;
  left:22px;
  right:22px;
  bottom:calc(84px + var(--safe-bottom));
  z-index:20;
  display:grid;
  grid-template-columns:1fr 46px;
  align-items:center;
  border-radius:999px;
  background:#eee;
  overflow:hidden;
}
.chat-input input{border:0;background:transparent;min-height:60px;padding:0 22px;outline:0}
.chat-input button{border:0;background:transparent;color:var(--green);font-size:2.2rem}
.chat-suggestion{
  position:absolute;
  left:32px;
  right:92px;
  bottom:calc(154px + var(--safe-bottom));
  z-index:20;
  display:none;
  width:max-content;
  max-width:calc(100% - 124px);
  min-height:34px;
  border:0;
  border-radius:999px;
  padding:0 14px;
  color:#f5f5f5;
  background:linear-gradient(145deg,rgba(22,22,24,.82),rgba(20,20,22,.62));
  box-shadow:0 8px 22px rgba(0,0,0,.18), inset 1px 1px 0 rgba(255,255,255,.09);
  font-size:.82rem;
  font-weight:850;
  text-align:left;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.chat-suggestion.show{display:block}
.profile-warning{
  position:absolute;
  left:0;right:0;bottom:calc(66px + var(--safe-bottom));
  background:var(--green);color:#fff;text-align:center;font-weight:900;padding:12px 28px;
}
.view-chat{padding-top:210px;overflow:hidden}
.chat-thread{height:100%;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:0 28px 110px}
.bubble{max-width:78%;padding:16px 18px;border-radius:8px;font-size:1.05rem;line-height:1.25;white-space:pre-line}
.bubble.bot{background:var(--bubble);border-radius:24px 24px 24px 8px}
.bubble.user{align-self:flex-end;background:var(--green);color:#fff;border-radius:24px 24px 8px 24px}
.bubble.bot{position:relative;padding-bottom:30px}
.bubble-feedback{
  position:absolute;
  right:10px;
  bottom:6px;
  display:flex;
  gap:5px;
  opacity:.34;
  transition:opacity .16s ease;
}
.bubble.bot:hover .bubble-feedback,
.bubble-feedback.rated-up,
.bubble-feedback.rated-down{opacity:.9}
.bubble-rate{
  width:22px;
  height:22px;
  border:0;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#777;
  background:rgba(255,255,255,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 8px rgba(0,0,0,.08);
  font-size:.95rem;
  font-weight:900;
  line-height:1;
}
.bubble-rate-up{color:#6d9b25}
.bubble-rate-down{color:#b64a4a}
.bubble-feedback.rated-up .bubble-rate-up,
.bubble-feedback.rated-down .bubble-rate-down{
  color:#fff;
  background:var(--green);
}
.bubble-feedback.rated-down .bubble-rate-down{background:#d94848}
.bubble-rate:disabled{cursor:default}
.bubble.thinking{display:flex;gap:5px;align-items:center;width:72px}
.bubble.thinking i{width:8px;height:8px;border-radius:999px;background:#999;animation:think 1s infinite ease-in-out}
.bubble.thinking i:nth-child(2){animation-delay:.14s}.bubble.thinking i:nth-child(3){animation-delay:.28s}
@keyframes think{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-5px);opacity:1}}
.chat-thread time{color:#999;font-size:.78rem;margin-left:22px}
.view-profile{padding:215px 22px 100px;background:#fff}
.profile-material-views{position:relative;margin:0 0 14px}
.profile-material-views[hidden]{display:none!important}
.profile-material-views-trigger{
  width:100%;min-height:48px;border:1px solid #d7e8b5;border-radius:12px;padding:10px 14px;
  display:flex;align-items:center;gap:8px;color:#365516;background:#f6fbe9;text-align:left;
}
.profile-material-views-trigger:hover,.profile-material-views-trigger[aria-expanded="true"]{border-color:#9abd55;background:#eef7d8}
.profile-material-views-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;background:var(--green);font-size:.72rem}
.profile-material-views-trigger strong{font-size:1.12rem;line-height:1}.profile-material-views-trigger span:not(.profile-material-views-icon){font-size:.9rem;font-weight:850}.profile-material-views-trigger i{margin-left:auto;font-style:normal;font-size:1.05rem;transition:transform .16s ease}.profile-material-views-trigger[aria-expanded="true"] i{transform:rotate(180deg)}
.profile-material-views-breakdown{position:absolute;z-index:14;top:calc(100% + 7px);left:0;width:min(330px,calc(100vw - 48px));display:grid;gap:8px;padding:13px;border:1px solid #d6e4bb;border-radius:12px;color:#365516;background:#fff;box-shadow:0 12px 28px rgba(45,74,15,.16)}
.profile-material-views-breakdown[hidden]{display:none!important}.profile-material-views-breakdown>strong{font-size:.81rem}.profile-material-views-breakdown>div{display:flex;justify-content:space-between;gap:12px;font-size:.84rem}.profile-material-views-breakdown b{font-size:.9rem}
.profile-public-link{display:flex;align-items:center;justify-content:center;gap:10px;width:min(100%,390px);min-height:62px;margin:8px auto 22px;padding:13px 18px;border:0;border-radius:16px;color:#172400;background:linear-gradient(135deg,#dfff65,#a9d545);box-shadow:0 12px 24px rgba(101,145,34,.22);font:inherit;font-size:.98rem;font-weight:950;letter-spacing:-.015em;text-decoration:none;cursor:pointer;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.profile-public-link::before{content:'↗';display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#fff;background:#456914;font-size:1rem;line-height:1}.profile-public-link:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 15px 28px rgba(101,145,34,.3)}.profile-public-link[hidden]{display:none!important}
.completion{display:grid;gap:8px;margin-bottom:16px}
.completion strong{font-size:2rem;color:var(--green)}
.completion div{height:10px;background:#eee;border-radius:999px;overflow:hidden}
.completion i{display:block;height:100%;width:0;background:var(--green)}
.profile-required-progress{display:grid;gap:12px;margin:0 0 20px;padding:16px;border:1px solid #c8dfa1;border-radius:16px;background:#f3fadf;color:#28410d}.profile-required-progress[hidden]{display:none!important}.profile-required-progress>div:first-child{display:grid;gap:4px}.profile-required-progress strong{font-size:.98rem}.profile-required-progress span{font-size:.82rem;font-weight:850}.profile-required-progress p{margin:2px 0 0;font-size:.82rem;line-height:1.45}.profile-required-progress-track{height:8px;border-radius:999px;background:rgba(95,133,31,.18);overflow:hidden}.profile-required-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:var(--green);transition:width .25s ease}.profile-form{display:grid;gap:26px}.profile-section{display:grid;gap:14px}.profile-section-header{display:grid;gap:5px}.profile-section-header h2{margin:0;color:#161617;font-size:1.18rem;letter-spacing:-.025em}.profile-section-header p{margin:0;color:#62636a;font-size:.84rem;line-height:1.45}.profile-field-grid{display:grid;gap:12px}.profile-field-grid label{display:grid;gap:6px;font-weight:800;font-size:.88rem}.profile-field-label{display:flex;align-items:center;gap:5px;min-height:18px}.profile-required-mark{color:#c23f31;font-size:1rem;line-height:1}.profile-required-badge{padding:3px 6px;border-radius:999px;background:#fff0e9;color:#a73e2c;font-size:.62rem;font-weight:900;letter-spacing:.02em;line-height:1}.profile-required-check{display:none;width:18px;height:18px;place-items:center;border-radius:50%;background:#e4f4c7;color:#547d17;font-size:.76rem;font-style:normal;font-weight:950}.profile-field-grid label.is-required-complete .profile-required-mark,.profile-field-grid label.is-required-complete .profile-required-badge{display:none}.profile-field-grid label.is-required-complete .profile-required-check{display:grid}.profile-field-grid label.is-required-complete .profile-field-label{color:#456914}.profile-optional-section{padding-top:24px;border-top:1px solid #e3e3e6}
.view-gogo{padding:250px 22px 100px;background:#000;color:#fff}
.gogo-panel{display:grid;place-items:center;text-align:center;gap:18px;min-height:430px;border-radius:8px;background:var(--purple);padding:34px}
.gogo-panel h2{font-size:2.4rem;margin:0}.gogo-panel p{margin:0}.hand{font-size:3.6rem}
.bottom-nav{
  position:absolute;
  left:0;right:0;bottom:0;
  z-index:32;
  height:calc(76px + var(--safe-bottom));
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding-bottom:var(--safe-bottom);
  background:var(--green);
}
.bottom-nav button{border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:900;text-align:center;min-width:0}
.bottom-nav button span{font-size:1.8rem;line-height:1}.bottom-nav button small{font-size:.72rem}
.profile-nav-views{margin-top:-2px;color:rgba(255,255,255,.84);font-size:.72rem;font-style:normal;font-weight:500;line-height:1}
.profile-nav-views[hidden]{display:none!important}
.bottom-nav button.active{background:rgba(255,255,255,.16)}
.bottom-nav button.locked{display:none}
.confirm-modal{
  position:absolute;inset:0;z-index:40;display:none;place-items:end center;background:rgba(0,0,0,.35);
}
.hello-modal{
  position:absolute;inset:0;z-index:42;display:none;place-items:end center;background:rgba(0,0,0,.42);
}
.hello-modal.open{display:grid}
.hello-modal form{
  width:100%;
  display:grid;
  gap:14px;
  padding:24px 22px calc(24px + var(--safe-bottom));
  border-radius:24px 24px 0 0;
  background:#fff;
  position:relative;
}
.hello-modal h2{margin:0;font-size:1.35rem}.hello-modal p{margin:0;color:var(--muted);line-height:1.4}
.hello-modal textarea{width:100%;border:0;outline:0;background:#eee;border-radius:8px;padding:14px;resize:vertical}
.modal-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:1.8rem;color:#777}
.confirm-modal.open{display:grid}
.confirm-modal>div{
  width:100%;min-height:58%;display:grid;place-items:center;text-align:center;align-content:center;gap:22px;
  padding:32px;border-radius:8px 8px 0 0;background:var(--purple);color:#fff;
}
.confirm-modal h2{margin:0;font-size:clamp(1.15rem,4.2vw,2rem);line-height:1.18}.confirm-modal span{font-size:3rem}
.confirm-modal button{border:4px solid #eaff00;background:transparent;color:#eaff00;border-radius:999px;padding:8px 34px;font-size:2rem;font-weight:900}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;background:#111;color:#fff;border-radius:8px;padding:12px 16px;z-index:100;transition:.18s}
.toast.show{opacity:1;transform:translateX(-50%)}
.cookie-consent{position:fixed;z-index:180;left:18px;right:18px;bottom:18px;max-width:590px;margin:0 auto;padding:18px;border:1px solid rgba(196,226,132,.45);border-radius:16px;background:rgba(17,19,15,.98);box-shadow:0 22px 65px rgba(0,0,0,.42);color:#fff}.cookie-consent[hidden]{display:none!important}.cookie-consent strong{display:block;font-size:1.04rem}.cookie-consent p{margin:7px 0 10px;color:#e6e6e6;font-size:.88rem;line-height:1.4}.cookie-consent a{color:#c6e878;font-size:.83rem;font-weight:850}.cookie-consent>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.cookie-consent button{min-height:38px;border-radius:999px;padding:0 14px;font-weight:900}.cookie-necessary{border:1px solid rgba(255,255,255,.35);color:#fff;background:transparent}.cookie-external{border:0;color:#152000;background:#a9d545}.gig-external-consent{position:absolute;z-index:12;left:50%;top:42%;width:min(320px,calc(100% - 42px));transform:translate(-50%,-50%);display:grid;gap:8px;padding:18px;border:1px solid rgba(255,255,255,.5);border-radius:16px;color:#fff;background:rgba(14,16,13,.9);box-shadow:0 16px 42px rgba(0,0,0,.35);text-align:left}.gig-external-consent[hidden]{display:none!important}.gig-external-consent strong{font-size:1rem}.gig-external-consent span{color:#e9e9e9;font-size:.83rem;line-height:1.35}.gig-external-consent>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.gig-external-consent button{border:0;border-radius:999px;padding:9px 12px;font:inherit;font-size:.8rem;font-weight:850;cursor:pointer}.gig-external-consent button:first-child{color:#152000;background:#a9d545}.gig-external-consent button:last-child{border:1px solid rgba(255,255,255,.45);color:#fff;background:transparent}
.feedback-bubble{
  position:absolute;
  right:18px;
  bottom:calc(92px + var(--safe-bottom));
  z-index:45;
  display:none;
  width:min(310px,calc(100% - 36px));
  padding:16px 16px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  color:#fff;
  background:linear-gradient(180deg,rgba(28,28,32,.98),rgba(10,10,12,.98));
  box-shadow:0 24px 60px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.08);
}
.feedback-bubble.show{display:block;animation:feedbackIn .2s ease-out}
.feedback-bubble p{
  margin:0 28px 12px 0;
  font-weight:900;
  line-height:1.25;
}
.feedback-bubble a{
  display:inline-grid;
  place-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:linear-gradient(180deg,#a4c758,#7ea72f);
  color:#fff;
  text-decoration:none;
  font-weight:900;
  box-shadow:0 10px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.28);
}
.feedback-bubble button{
  position:absolute;
  top:8px;
  right:8px;
  width:30px;
  height:30px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-size:1.2rem;
  font-weight:900;
}
.negotiations-drawer{
  position:absolute;
  top:190px;
  right:0;
  bottom:calc(76px + var(--safe-bottom));
  z-index:21;
  width:min(430px,calc(100% - 44px));
  display:none;
  transform:translateX(100%);
  transition:transform .34s cubic-bezier(.2,.78,.2,1);
  pointer-events:none;
}
.negotiations-drawer.has-items{display:block}
.negotiations-drawer.open{
  transform:translateX(0);
  pointer-events:auto;
}
.negotiations-tab{
  position:absolute;
  left:-46px;
  top:50%;
  width:46px;
  min-height:156px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.18);
  border-right:0;
  border-radius:18px 0 0 18px;
  color:#fff;
  background:linear-gradient(180deg,#a3c753,#739b29);
  box-shadow:-10px 16px 32px rgba(0,0,0,.3), inset 1px 1px 0 rgba(255,255,255,.35), inset 0 -2px 0 rgba(0,0,0,.18);
  pointer-events:auto;
}
.negotiations-tab span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#161619;
  color:#eaff00;
  font-size:.82rem;
  font-weight:950;
}
.negotiations-tab small{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:.66rem;
  font-weight:950;
}
.negotiations-panel{
  height:100%;
  display:grid;
  grid-template-rows:auto 1fr;
  overflow:hidden;
  border-radius:22px 0 0 22px;
  border:1px solid rgba(255,255,255,.12);
  border-right:0;
  color:#fff;
  background:
    linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,0) 28%),
    linear-gradient(180deg,rgba(28,28,32,.98),rgba(9,9,11,.99));
  box-shadow:-24px 0 58px rgba(0,0,0,.42), inset 1px 1px 0 rgba(255,255,255,.08);
}
.negotiations-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:20px 18px 14px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.negotiations-head span{
  display:block;
  color:#a9cd59;
  font-size:.74rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.negotiations-head h2{
  margin:2px 0 0;
  font-size:1.45rem;
  line-height:1;
}
.negotiations-head button{
  width:36px;
  height:36px;
  border:0;
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.1);
  font-size:1.45rem;
  font-weight:900;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.16);
}
.negotiations-list{
  display:grid;
  align-content:start;
  gap:12px;
  overflow:auto;
  padding:16px 14px 20px;
}
.negotiation-item{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:92px;
  padding:12px;
  border-radius:16px;
  color:#fff;
  text-decoration:none;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
  box-shadow:0 14px 30px rgba(0,0,0,.24), inset 1px 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(0,0,0,.24);
  transition:transform .16s ease, background .16s ease;
}
.negotiation-item:hover{
  transform:translateX(-3px);
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(141,182,63,.08));
}
.negotiation-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#fff;
  font-weight:950;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.26),0 10px 18px rgba(0,0,0,.25);
}
.type-meet .negotiation-icon{background:linear-gradient(145deg,#2c87ff,#13a66b)}
.type-whatsapp .negotiation-icon{background:linear-gradient(145deg,#38d36a,#128c44)}
.negotiation-body{
  min-width:0;
  display:grid;
  gap:3px;
}
.negotiation-body small{
  color:#b8d976;
  font-size:.72rem;
  font-weight:900;
}
.negotiation-body strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:1.03rem;
}
.negotiation-body em{
  color:#d8d8d8;
  font-size:.78rem;
  font-style:normal;
}
.negotiation-actions{
  display:grid;
  gap:7px;
  justify-items:end;
}
.negotiation-actions a,
.negotiation-actions button{
  min-width:88px;
  min-height:32px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:999px;
  text-decoration:none;
  color:#101010;
  background:linear-gradient(180deg,#eaff82,#a4c758);
  font-size:.72rem;
  font-weight:950;
  box-shadow:0 6px 13px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.38);
}
.negotiation-actions button{
  color:#fff;
  background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.06));
}
.side-drawer{
  position:absolute;
  top:190px;
  right:0;
  bottom:calc(76px + var(--safe-bottom));
  z-index:76;
  width:min(430px,calc(100% - 44px));
  display:none;
  transform:translateX(100%);
  transition:transform .34s cubic-bezier(.2,.78,.2,1);
  pointer-events:none;
}
.side-drawer.has-items{display:block}
.side-drawer.open{
  transform:translateX(0);
  pointer-events:auto;
}
.side-tab{
  position:absolute;
  left:-46px;
  width:46px;
  height:76px;
  min-height:0;
  transform:none;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-right:0;
  border-radius:18px 0 0 18px;
  color:#fff;
  background:linear-gradient(180deg,#a3c753,#739b29);
  box-shadow:-10px 16px 32px rgba(0,0,0,.34), inset 1px 1px 0 rgba(255,255,255,.35), inset 0 -2px 0 rgba(0,0,0,.18);
  pointer-events:auto;
}
.negotiations-tab{top:24%}
.hellos-tab{top:46%}
.goals-tab{top:68%}
.side-tab .tab-icon{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#fff;
  background:rgba(0,0,0,.18);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.14);
  font-size:1.45rem;
  font-weight:950;
}
.side-tab b{
  position:absolute;
  right:4px;
  top:4px;
  min-width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#fff;
  background:#ff2d2d;
  border:2px solid #a3c753;
  font-size:.68rem;
  font-weight:950;
  box-shadow:0 6px 14px rgba(0,0,0,.28);
}
.side-tab b[hidden]{display:none}
.side-tab small{display:none}
.side-panel{
  height:100%;
  display:grid;
  grid-template-rows:auto 1fr;
  overflow:hidden;
  border-radius:22px 0 0 22px;
  border:1px solid rgba(255,255,255,.12);
  border-right:0;
  color:#fff;
  background:
    linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,0) 28%),
    linear-gradient(180deg,rgba(28,28,32,.98),rgba(9,9,11,.99));
  box-shadow:-24px 0 58px rgba(0,0,0,.46), inset 1px 1px 0 rgba(255,255,255,.08);
}
.side-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:20px 18px 14px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.hello-history-item{
  display:grid;
  gap:8px;
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 12px 24px rgba(0,0,0,.18);
}
.hello-history-top,.hello-history-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.hello-history-top strong{font-size:1rem}
.hello-history-top small{
  flex:0 0 auto;
  padding:4px 7px;
  border-radius:999px;
  color:#111;
  background:#e8ff9a;
  font-weight:900;
  font-size:.68rem;
}
.hello-history-item em{
  color:rgba(255,255,255,.72);
  font-style:normal;
  font-size:.82rem;
}
.hello-history-note{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:.78rem;
  line-height:1.42;
}
.hello-history-meta time{
  color:rgba(255,255,255,.62);
  font-size:.75rem;
  font-weight:800;
}
.hello-history-meta b{
  padding:6px 8px;
  border-radius:999px;
  color:#101010;
  font-size:.72rem;
  font-weight:950;
  text-align:center;
}
.hello-history-item.status-contacting .hello-history-meta b{background:#9fd5ff}
.hello-history-item.status-gig_message_received .hello-history-meta b{background:#ffc46b}
.hello-history-item.status-followup_second .hello-history-meta b{background:#c7b3ff}
.hello-history-item.status-followup_third .hello-history-meta b{background:#a9d8ff}
.hello-history-item.status-gig_requested_more_info .hello-history-meta b{background:#ffb1d0}
.hello-history-item.status-interested .hello-history-meta b{background:#9fff7f}
.hello-history-item.status-rejected .hello-history-meta b{background:#ff9b9b}
.hello-history-item.status-meeting_scheduled .hello-history-meta b{background:#7ff4d4}
.hello-history-item.status-whatsapp_group_created .hello-history-meta b{background:#8ce7a4}
.hello-history-item.status-no_answer .hello-history-meta b{background:#d6c2ff}
.followup-updates-balloon{
  position:fixed;
  right:76px;
  top:50%;
  z-index:130;
  max-width:210px;
  padding:11px 13px;
  border:1px solid rgba(181,225,103,.82);
  border-radius:12px;
  background:#f4ffe1;
  color:#315319;
  font-size:.78rem;
  font-weight:900;
  line-height:1.25;
  box-shadow:0 10px 26px rgba(0,0,0,.25);
  opacity:0;
  pointer-events:none;
  transform:translate(12px,-50%);
  transition:opacity .2s ease,transform .2s ease;
}
.followup-updates-balloon:after{
  content:'';
  position:absolute;
  right:-7px;
  top:50%;
  width:12px;
  height:12px;
  border-top:1px solid rgba(181,225,103,.82);
  border-right:1px solid rgba(181,225,103,.82);
  background:#f4ffe1;
  transform:translateY(-50%) rotate(45deg);
}
.followup-updates-balloon.show{opacity:1;transform:translateY(-50%)}
@media(max-width:640px){
  .followup-updates-balloon{right:61px;max-width:174px;font-size:.72rem}
}
.side-head span{
  display:block;
  color:#a9cd59;
  font-size:.74rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.side-head h2{
  margin:2px 0 0;
  font-size:1.45rem;
  line-height:1;
}
.side-head button{
  width:36px;
  height:36px;
  border:0;
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.1);
  font-size:1.45rem;
  font-weight:900;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.16);
}
.side-list{
  display:grid;
  align-content:start;
  gap:12px;
  overflow:auto;
  padding:16px 14px 20px;
}
.negotiation-icon svg{
  width:34px;
  height:34px;
  display:block;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.22));
}
.goal-item{
  display:grid;
  gap:10px;
  padding:14px;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(141,182,63,.08));
  box-shadow:0 14px 30px rgba(0,0,0,.24), inset 1px 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(0,0,0,.24);
}
.goal-item-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.goal-icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#eaff00;
  background:linear-gradient(145deg,#242428,#101013);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.24);
  font-size:1.35rem;
  font-weight:950;
}
.goal-item small{
  color:#b8d976;
  font-size:.74rem;
  font-weight:900;
}
.goal-item strong{
  font-size:1.05rem;
  line-height:1.12;
}
.goal-item p{
  margin:0;
  color:#dfdfdf;
  font-size:.86rem;
  line-height:1.35;
}
.goal-deadline{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:6px 10px;
  border-radius:999px;
  color:#e9f5c8;
  background:rgba(0,0,0,.28);
  font-size:.74rem;
  font-weight:900;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.1);
}
.goal-item em{
  justify-self:start;
  padding:6px 10px;
  border-radius:999px;
  color:#101010;
  background:linear-gradient(180deg,#eaff82,#a4c758);
  font-size:.72rem;
  font-style:normal;
  font-weight:950;
  box-shadow:0 6px 13px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.38);
}
.goal-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:2px;
}
.goal-actions button{
  min-height:38px;
  border:0;
  border-radius:999px;
  font-weight:950;
  color:#101010;
  box-shadow:0 7px 16px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.34);
}
.goal-action.done{
  background:linear-gradient(180deg,#dfff76,#8fba32);
}
.goal-action.abandon{
  color:#fff;
  background:linear-gradient(180deg,#ff6969,#d62c2c);
}
.tour-feed-photo{
  position:absolute;
  left:50%;
  top:38%;
  width:86px;
  height:86px;
  transform:translate(-50%,-50%);
  border-radius:999px;
  pointer-events:none;
  z-index:26;
}
.tutorial-overlay{
  position:absolute;
  inset:0;
  z-index:80;
  display:none;
  pointer-events:none;
}
.tutorial-overlay.open{display:block}
.tutorial-card{
  position:absolute;
  max-width:calc(100% - 32px);
  padding:18px 16px 14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  color:#fff;
  background:linear-gradient(180deg,rgba(28,28,32,.98),rgba(10,10,12,.98));
  box-shadow:0 24px 60px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08);
  pointer-events:auto;
}
.tutorial-card:before{
  content:"";
  position:absolute;
  left:var(--arrow-x,36px);
  width:16px;
  height:16px;
  background:rgba(18,18,21,.98);
  transform:translateX(-50%) rotate(45deg);
}
.tutorial-card[data-arrow="top"]:before{
  top:-8px;
  border-left:1px solid rgba(255,255,255,.14);
  border-top:1px solid rgba(255,255,255,.14);
}
.tutorial-card[data-arrow="bottom"]:before{
  bottom:-8px;
  border-right:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.tutorial-card p{
  margin:0 28px 14px 0;
  font-weight:850;
  line-height:1.32;
}
.tutorial-close{
  position:absolute;
  right:8px;
  top:8px;
  width:30px;
  height:30px;
  border:0;
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.1);
  font-size:1.2rem;
  font-weight:900;
}
.tutorial-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}
.tutorial-actions button{
  min-height:38px;
  border:0;
  border-radius:999px;
  padding:0 14px;
  font-weight:900;
}
.tutorial-actions button:first-child{
  color:#d8d8d8;
  background:rgba(255,255,255,.08);
}
.tutorial-actions button:last-child{
  color:#fff;
  background:linear-gradient(180deg,#a4c758,#7ea72f);
  box-shadow:0 9px 18px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.24);
}
.tutorial-target{
  outline:3px solid rgba(255,212,61,.95);
  outline-offset:6px;
  box-shadow:0 0 0 12px rgba(255,212,61,.14), 0 0 34px rgba(255,212,61,.36) !important;
}
@keyframes feedbackIn{
  from{opacity:0;transform:translateY(12px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media (max-width:520px){
  .app-shell{padding:0;background:#000}
  .phone{width:100%;height:100dvh;min-height:0;border-radius:0}
  .login-screen{min-height:100dvh;padding:16px}
  .negotiations-drawer{
    top:170px;
    width:calc(100% - 38px);
  }
  .negotiations-tab{
    left:-38px;
    width:38px;
    min-height:138px;
  }
}
@media (min-width:760px){
  .phone:before{display:none}
  .app-header{min-height:170px;padding:34px 40px 54px;background-size:cover}
  .mini-logo{right:42px;top:104px}
  .view{padding-top:100px}
  .view-feed{background:linear-gradient(180deg,rgba(0,0,0,0) 0 270px,#fff 270px),url('/assets/hero-bg.jpg') center top/100% 380px no-repeat}
  .search-panel{width:min(640px,calc(100% - 80px));margin:0 auto}
  .city-suggestions{width:min(640px,calc(100% - 80px));margin:0 auto}
  .gig-card{margin-top:155px}
  .view-profile{padding:190px 40px 110px}
  .profile-field-grid{grid-template-columns:1fr 1fr}
  .profile-field-grid .profile-field-wide{grid-column:1 / -1}
  .profile-form .primary-btn{grid-column:1 / -1}
  .chat-input{left:50%;right:auto;width:min(700px,calc(100% - 80px));transform:translateX(-50%)}
  .bottom-nav{left:50%;right:auto;width:min(760px,72%);transform:translateX(-50%);border-radius:22px 22px 0 0;overflow:hidden}
}

/* Final profile/gogo fixes */
.metrics-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr) auto;
  gap:10px;
  align-items:stretch;
  margin:0 0 18px;
}
.metrics-strip div,.metrics-strip button{
  border:0;
  border-radius:10px;
  background:#f0f0f0;
  padding:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 18px rgba(0,0,0,.08);
}
.metrics-strip span{display:block;color:#666;font-size:.75rem;font-weight:800}
.metrics-strip strong{display:block;margin-top:4px;font-size:1.2rem}
.metrics-strip button{background:var(--green);color:#fff;font-weight:900}
.metrics-strip button:disabled{opacity:.55}
.bottom-nav button.locked{
  display:flex;
  opacity:.48;
  filter:saturate(.6);
}
.gogo-hint{
  position:absolute;
  right:12px;
  bottom:calc(82px + var(--safe-bottom));
  z-index:24;
  display:none;
  max-width:min(300px,calc(100% - 24px));
  padding:10px 12px;
  border-radius:12px;
  color:#fff;
  background:rgba(20,20,20,.9);
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  font-size:.82rem;
  font-weight:800;
}
.gogo-hint.show{display:block}
.view-profile{overflow:auto}
.profile-form input[readonly]{
  color:#555;
  background:#e4e4e4;
}
@media (max-width:620px){
  .metrics-strip{grid-template-columns:repeat(3,1fr)}
  .metrics-strip button{grid-column:1 / -1}
}

/* Chico/profile persistence and header fixes */
.phone:not([data-current-view="feed"]) .app-header{
  background:
    linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.62)),
    var(--artist-photo, url('/assets/hero-bg.jpg')) center/cover;
  background-color:#000;
}
.view-chat{
  padding-top:230px;
}
.chat-thread{
  padding-top:28px;
}
.view-profile{
  padding-top:190px;
}
.profile-warning{
  cursor:pointer;
}
.view-feed{
  background:
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08) 48%,rgba(0,0,0,.72)),
    var(--gig-photo) center/cover no-repeat;
}
.phone[data-current-view="feed"] .app-header{
  background:
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.32)),
    var(--gig-photo, url('/assets/hero-bg.jpg')) center/cover;
}

/* Skeuomorphic skin */
body{
  background:
    radial-gradient(circle at 18% 10%, rgba(255,255,255,.9), transparent 34%),
    linear-gradient(135deg,#ecece7,#bec4ba 48%,#f8f7f0);
}
.app-shell{background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(0,0,0,.05))}
.phone{
  border-radius:34px;
  background:linear-gradient(145deg,#fff,#e9e9e9);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:22px 28px 70px rgba(0,0,0,.26), -10px -10px 26px rgba(255,255,255,.7), inset 0 0 0 1px rgba(0,0,0,.06);
}
.login-card,.hello-modal form{
  background:linear-gradient(145deg,#fff,#e8e8e8);
  box-shadow:12px 16px 34px rgba(0,0,0,.18), inset 1px 1px 0 rgba(255,255,255,.95);
}
.field,.hello-modal textarea{
  background:linear-gradient(180deg,#e2e2e2,#fafafa);
  box-shadow:inset 4px 5px 9px rgba(0,0,0,.12), inset -2px -2px 5px rgba(255,255,255,.9);
}
.primary-btn,.hello-btn{
  background:linear-gradient(180deg,#a8cb58,var(--green-dark));
  box-shadow:0 7px 0 #668e28, 0 14px 22px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.55);
}
.primary-btn:active,.hello-btn:active,.ghost-btn:active{transform:translateY(3px)}
.outline-btn{
  background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(0,0,0,.08));
  box-shadow:inset 0 2px 0 rgba(255,255,255,.28),0 8px 18px rgba(0,0,0,.22);
}
.app-header{
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(0,0,0,.58)),url('/assets/hero-bg.jpg') center/cover;
  box-shadow:inset 0 -18px 34px rgba(0,0,0,.28);
}
.menu-btn{
  background:linear-gradient(180deg,#afd25e,#7ca62f);
  box-shadow:0 7px 0 #628a25, 0 16px 30px rgba(0,0,0,.24), inset 0 2px 0 rgba(255,255,255,.55);
}
.view{background:linear-gradient(145deg,#fff,#f0f0f0)}
.search-panel{
  box-shadow:10px 14px 28px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.9);
}
.search-panel input{
  background:linear-gradient(180deg,#f8f8f8,#e4e4e4);
  box-shadow:inset 3px 4px 8px rgba(0,0,0,.12);
}
.search-panel button{
  background:linear-gradient(180deg,#a9cc5b,#789f2c);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.55);
}
.city-suggestions{
  background:linear-gradient(145deg,#f7f7f7,#e2e2e2);
  box-shadow:9px 14px 26px rgba(0,0,0,.16), inset 1px 1px 0 rgba(255,255,255,.95);
}
.gig-title{
  background:linear-gradient(180deg,#8a15bd,var(--purple-dark));
  box-shadow:0 8px 0 #4d0077, 0 14px 22px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.32);
}
.collapse-btn{
  background:linear-gradient(145deg,#fff,#dcdcdc);
  box-shadow:7px 9px 18px rgba(0,0,0,.2), inset 1px 1px 0 rgba(255,255,255,.95);
}
.score-row span{
  background:linear-gradient(180deg,#8d1cc0,#65009b);
  box-shadow:0 5px 0 #4d0077, 0 10px 18px rgba(116,0,168,.25), inset 0 1px 0 rgba(255,255,255,.25);
}
.gig-detail{
  background:linear-gradient(145deg,#f0dfd6,#dcc8be);
  box-shadow:inset 7px 9px 18px rgba(90,58,42,.14), inset -2px -2px 5px rgba(255,255,255,.55);
}
.ghost-btn{
  background:linear-gradient(145deg,#fff,#dedede);
  box-shadow:0 6px 0 #c3c3c3, 0 12px 20px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.95);
}
.chat-input{
  background:linear-gradient(180deg,#e1e1e1,#f7f7f7);
  box-shadow:inset 5px 6px 11px rgba(0,0,0,.14), inset -2px -2px 5px rgba(255,255,255,.9), 0 9px 20px rgba(0,0,0,.14);
}
.profile-warning,.bottom-nav{
  background:linear-gradient(180deg,#a7ca58,#7ea72f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 -5px 15px rgba(0,0,0,.12);
}
.bubble.bot{
  background:linear-gradient(145deg,#f9f9f9,#dedede);
  box-shadow:7px 9px 18px rgba(0,0,0,.12), inset 1px 1px 0 rgba(255,255,255,.95);
}
.bubble.user{
  background:linear-gradient(180deg,#a7ca58,#7da62f);
  box-shadow:0 6px 0 #668e28, 0 11px 18px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.42);
}
.completion div{
  height:12px;
  background:linear-gradient(180deg,#d6d6d6,#f5f5f5);
  box-shadow:inset 3px 4px 8px rgba(0,0,0,.14);
}
.completion i{background:linear-gradient(180deg,#a9cc5b,#7ba32e)}
.gogo-panel,.confirm-modal>div{
  background:linear-gradient(145deg,#8a13bd,#620099);
  box-shadow:inset 10px 12px 24px rgba(255,255,255,.08), inset -12px -14px 25px rgba(0,0,0,.22), 0 16px 30px rgba(0,0,0,.22);
}
.bottom-nav button{text-shadow:0 1px 0 rgba(0,0,0,.18)}
.bottom-nav button.active{
  box-shadow:inset 4px 5px 10px rgba(0,0,0,.14), inset -2px -2px 5px rgba(255,255,255,.28);
}

/* Dark realistic app skin */
body{
  background:
    radial-gradient(circle at 20% 0%, rgba(96,132,43,.22), transparent 32%),
    radial-gradient(circle at 88% 18%, rgba(116,0,168,.24), transparent 30%),
    linear-gradient(145deg,#07070a,#17141c 52%,#050506);
}
.app-shell{background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(0,0,0,.4))}
.phone{
  background:#070707;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 32px 100px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,255,255,.05);
}
.app-header{
  background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.5)),url('/assets/hero-bg.jpg') center/cover;
  box-shadow:inset 0 -24px 34px rgba(0,0,0,.46);
}
.phone[data-current-view="feed"] .app-header>div:first-child{display:none}
.phone[data-current-view="feed"] .app-header{
  grid-template-columns:1fr 58px;
  padding:50px 22px 58px;
}
.mini-logo{right:26px;top:136px;font-size:.9rem;text-shadow:0 2px 6px rgba(0,0,0,.5)}
.menu-btn{
  justify-self:end;
  background:linear-gradient(180deg,#a4c758,#7ea72f);
  box-shadow:0 10px 22px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.42), inset 0 -2px 0 rgba(0,0,0,.14);
}
.app-menu{
  position:absolute;
  right:22px;
  top:116px;
  z-index:44;
  display:none;
  min-width:230px;
  padding:8px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(26,26,30,.98),rgba(10,10,12,.98));
  box-shadow:0 22px 50px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.08);
}
.app-menu.open{display:grid}
.app-menu a,.app-menu button{
  border:0;
  background:transparent;
  color:#f7f7f7;
  text-align:left;
  padding:13px 12px;
  border-radius:8px;
  text-decoration:none;
  font-weight:800;
}
.language-row{
  display:grid;
  gap:6px;
  color:#f7f7f7;
  padding:10px 12px;
  font-weight:900;
}
.language-row select{
  width:100%;
  border:0;
  border-radius:8px;
  padding:10px;
  background:#efefef;
  color:#111;
  font-weight:800;
}
.app-menu a:hover,.app-menu button:hover{background:rgba(141,182,63,.18)}
.app-menu-legal{border-radius:8px}.app-menu-legal summary{cursor:pointer;list-style:none;padding:13px 12px;border-radius:8px;color:#f7f7f7;font-weight:800}.app-menu-legal summary::-webkit-details-marker{display:none}.app-menu-legal summary::after{content:'+';float:right;font-size:1.1rem;line-height:.8}.app-menu-legal[open] summary{background:rgba(141,182,63,.18)}.app-menu-legal[open] summary::after{content:'−'}.app-menu-legal a{display:block;margin-left:8px;font-size:.9rem;color:#dfe8ce}
.view{background:#09090b}
.view-feed{
  background:linear-gradient(180deg,rgba(0,0,0,0) 0 430px,#080809 430px),url('/assets/hero-bg.jpg') center top/auto 560px no-repeat;
}
.phone[data-current-view="feed"] .search-panel{
  position:absolute;
  top:50px;
  left:22px;
  right:92px;
  width:auto;
  margin:0;
  z-index:28;
}
.search-panel{
  box-shadow:0 18px 34px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.22);
}
.search-panel input{
  background:rgba(246,246,246,.95);
  box-shadow:inset 0 2px 7px rgba(0,0,0,.12);
}
.search-panel button{
  background:linear-gradient(180deg,#9fc34f,#7fa831);
}
.city-suggestions{
  background:rgba(245,245,245,.96);
  box-shadow:0 18px 36px rgba(0,0,0,.3);
}
.gig-card{
  margin-top:315px;
  color:#111;
}
.gig-title{
  box-shadow:0 10px 20px rgba(0,0,0,.34);
}
.score-row{
  margin-top:18px;
}
.score-row span{
  box-shadow:0 9px 18px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.16);
}
.gig-detail{
  margin-top:18px;
  border-radius:0 22px 0 0;
  background:#eadbd3;
  box-shadow:0 16px 30px rgba(0,0,0,.24);
}
.collapse-btn{
  background:transparent;
  box-shadow:none;
  color:var(--green);
  text-shadow:0 2px 5px rgba(0,0,0,.5);
}
.gig-actions{
  display:none;
  grid-template-columns:1fr;
  position:absolute;
  left:0;
  right:0;
  bottom:calc(76px + var(--safe-bottom));
  z-index:20;
  margin:0;
}
.hello-btn,.profile-warning{
  min-height:70px;
  border-radius:0;
  background:linear-gradient(180deg,#9fc34f,#7fa831);
  box-shadow:0 -10px 24px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.22);
  font-size:1.1rem;
}
.profile-warning{
  bottom:calc(76px + var(--safe-bottom));
  display:grid;
  place-items:center;
}
.ghost-btn{display:none}
.gig-progress{display:none}
.bottom-nav{
  left:0;
  right:0;
  width:auto;
  transform:none;
  border-radius:0;
  background:linear-gradient(180deg,#95b94a,#7ca62f);
}
.bottom-nav button.active{background:rgba(0,0,0,.18);box-shadow:inset 0 5px 12px rgba(0,0,0,.22)}
.primary-btn,.hello-btn,.menu-btn{
  box-shadow:0 10px 24px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.24), inset 0 -1px 0 rgba(0,0,0,.18);
}
.primary-btn:active,.hello-btn:active,.menu-btn:active{transform:translateY(1px)}
.primary-btn.is-saving{
  position:relative;
  pointer-events:none;
  opacity:.82;
}
.primary-btn.is-saving::after{
  content:"";
  width:18px;
  height:18px;
  margin-left:10px;
  display:inline-block;
  vertical-align:-3px;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.42);
  border-top-color:#fff;
  animation:dg-spin .8s linear infinite;
}
@keyframes dg-spin{to{transform:rotate(360deg)}}
.photo-status{
  display:block;
  margin-top:6px;
  color:#666;
  font-size:.82rem;
  font-weight:700;
}
.photo-status.has-photo{
  color:#6f9f25;
}
.limit-bubble{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.bubble-action{
  border:0;
  border-radius:999px;
  padding:10px 14px;
  background:linear-gradient(180deg,#9fc34f,#7fa831);
  color:#fff;
  font-weight:900;
  box-shadow:0 8px 18px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.22);
  cursor:pointer;
}
.bubble-action:disabled{opacity:.55;cursor:wait}
.confirm-modal,.logout-modal,.goal-modal,.gig-modal,.credits-modal,.referral-modal,.social-post-review-modal{
  position:absolute;
  inset:0 0 calc(76px + var(--safe-bottom)) 0;
  z-index:40;
  display:none;
  place-items:end center;
  background:rgba(0,0,0,.5);
}
.confirm-modal.open,.logout-modal.open,.goal-modal.open,.gig-modal.open,.credits-modal.open,.referral-modal.open,.social-post-review-modal.open{display:grid}
.confirm-modal>div{
  border-radius:22px 22px 0 0;
  min-height:60%;
}
.logout-modal>div{
  width:100%;
  display:grid;
  gap:14px;
  padding:24px 22px;
  border-radius:22px 22px 0 0;
  background:#151519;
  color:#fff;
  box-shadow:0 -18px 42px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.08);
}
.logout-modal h2,.logout-modal p{margin:0}
.logout-modal p{color:#cfcfcf;line-height:1.4}
.logout-modal div div{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.logout-modal button,.logout-modal a{
  min-height:48px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:0;
  text-decoration:none;
  font-weight:900;
}
.logout-modal button{background:#ececec;color:#111}
.logout-modal a{background:var(--green);color:#fff}
.credits-modal form,.referral-modal form{
  width:min(390px,calc(100% - 28px));
  background:#fff;
  color:#111;
  border-radius:22px 22px 0 0;
  padding:26px 22px calc(28px + var(--safe-bottom));
  display:grid;
  gap:12px;
  position:relative;
}
.referral-modal form{
  max-height:calc(100dvh - 100px - var(--safe-bottom));
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.credits-modal h2,.credits-modal p,.referral-modal h2,.referral-modal p{margin:0}
.credits-modal p,.referral-modal p{color:#4d4d4d;line-height:1.45}
#creditsModalEyebrow{color:var(--green);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.referral-modal form>span{color:#7b4dff;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.referral-modal label{display:grid;gap:6px;font-weight:900}
.referral-type{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.referral-type label{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:999px;
  background:#f1eefb;
  color:#221438;
}
.credit-earn-section{
  display:grid;
  gap:10px;
  padding:15px;
  border:1px solid rgba(123,77,255,.22);
  border-radius:16px;
  background:linear-gradient(145deg,#faf8ff,#f0f9df);
}
.credit-earn-section>span,.social-post-review-modal>div>span{
  color:#6d42e8;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.08em;
}
.credit-earn-section h2,.credit-earn-section h3,.credit-earn-section p{margin:0}
.credit-earn-section h2,.credit-earn-section h3{font-size:1.08rem;line-height:1.15}
.credit-earn-section p{font-size:.91rem;line-height:1.42}
.credit-earn-section label{display:grid;gap:6px;font-weight:900}
.credit-earn-section .primary-btn{min-height:46px}
.social-post-review-modal{
  z-index:65;
  place-items:center;
  padding:18px;
}
.social-post-review-modal>div{
  position:relative;
  width:min(440px,100%);
  display:grid;
  gap:14px;
  padding:28px 22px;
  border-radius:22px;
  color:#111;
  background:#fff;
  box-shadow:0 24px 60px rgba(0,0,0,.42);
}
.social-post-review-modal h2,.social-post-review-modal p{margin:0}
.social-post-review-modal h2{font-size:1.55rem;line-height:1.08}
.social-post-review-modal p{color:#4d4d4d;line-height:1.46}
.credits-balance-line{background:#f2f2f2;border-radius:8px;padding:10px 12px;font-weight:800}
.credits-confirm{display:none;background:#f7fbeb;border:1px solid #cfe69a;border-radius:8px;padding:10px 12px;line-height:1.35}
.credits-confirm.show{display:block}
.credits-voucher-label{display:grid;gap:6px;font-weight:900}
.credits-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.goal-modal{
  z-index:90;
  place-items:center;
  padding:20px;
}
.goal-modal form{
  position:relative;
  width:min(520px,100%);
  display:grid;
  gap:13px;
  padding:24px;
  border-radius:20px;
  color:#fff;
  background:
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,0) 30%),
    linear-gradient(180deg,#202024,#111114);
  box-shadow:0 24px 56px rgba(0,0,0,.42), inset 1px 1px 0 rgba(255,255,255,.1);
}
.goal-modal span{
  color:#a9cd59;
  font-size:.76rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.goal-modal h2,.goal-modal p{margin:0}
.goal-modal h2{font-size:1.55rem;line-height:1}
.goal-modal p{color:#d8d8d8;line-height:1.42}
.goal-modal textarea{
  width:100%;
  border:0;
  outline:0;
  resize:vertical;
  min-height:132px;
  border-radius:14px;
  padding:14px;
  color:#111;
  background:#ededed;
  box-shadow:inset 4px 4px 16px rgba(0,0,0,.16), inset -4px -4px 14px rgba(255,255,255,.85);
}
.goal-modal form>div{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.gig-modal{
  z-index:91;
  place-items:center;
  padding:20px;
}
.gig-info-card{
  position:relative;
  width:min(620px,100%);
  max-height:calc(100% - 32px);
  display:grid;
  grid-template-columns:minmax(160px,42%) 1fr;
  overflow:hidden;
  border-radius:22px;
  color:#fff;
  background:
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,0) 30%),
    linear-gradient(180deg,#202024,#101012);
  box-shadow:0 24px 56px rgba(0,0,0,.44), inset 1px 1px 0 rgba(255,255,255,.1);
}
.gig-info-photo{
  min-height:270px;
  background:
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.58)),
    var(--gig-info-photo, url('https://images.unsplash.com/photo-1501386761578-eac5c94b800a?auto=format&fit=crop&w=1600&q=80')) center/cover;
}
.gig-info-body{
  display:grid;
  grid-template-rows:auto auto minmax(0,auto) auto auto;
  align-content:center;
  gap:12px;
  padding:26px 24px;
  min-height:0;
  overflow:hidden;
}
.gig-info-body span{
  color:#a9cd59;
  font-size:.76rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.gig-info-body h2,
.gig-info-body p{margin:0}
.gig-info-body h2{
  font-size:1.6rem;
  line-height:1.05;
}
.gig-info-location{
  color:#b8d976;
  font-weight:900;
}
.gig-info-body p:not(.gig-info-location){
  color:#e5e5e5;
  line-height:1.42;
}
#gigInfoDescription{
  max-height:min(220px,38vh);
  overflow:auto;
  padding-right:6px;
}
.gig-info-terms{
  display:grid;
  gap:7px;
  margin-top:2px;
}
.gig-info-terms span{
  display:block;
  border-radius:12px;
  padding:8px 10px;
  background:rgba(141,182,63,.13);
  color:#eff8df;
  font-size:13px;
  font-weight:850;
  line-height:1.25;
  text-transform:none;
  letter-spacing:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.gig-info-body .primary-btn{
  width:max-content;
  min-width:140px;
  text-decoration:none;
}
@media (max-width:640px){
  .gig-info-card{
    grid-template-columns:1fr;
  }
  .gig-info-photo{
    min-height:190px;
  }
}

/* The browser location request is an explicit Feed action, never part of boot. */
.feed-top-badges{
  position:absolute;
  top:18px;
  left:24px;
  z-index:29;
  display:flex;
  align-items:center;
  gap:8px;
}
.feed-location-button{
  position:static;
  min-height:34px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:999px;
  color:#fff;
  background:rgba(8,8,10,.74);
  box-shadow:0 8px 20px rgba(0,0,0,.24);
  font-size:.78rem;
  font-weight:850;
}
.feed-location-button:hover,.feed-location-button:focus-visible{background:rgba(141,182,63,.9);outline:2px solid rgba(255,255,255,.72);outline-offset:2px}
.feed-location-button:disabled{cursor:wait;opacity:.76}
.feed-location-button.is-loading{animation:locationButtonPulse 1s ease-in-out infinite}
body .phone[data-current-view="feed"] .city-suggestions{top:104px}
@keyframes locationButtonPulse{50%{opacity:.5}}
@media (min-width:760px){
  .feed-top-badges{top:16px;left:42px}
  body .phone[data-current-view="feed"] .city-suggestions{top:98px}
}
.view-chat,.view-profile,.view-gogo{background:#09090b;color:#f5f5f5}
.profile-form label{color:#f5f5f5}
.completion div{background:#202026}
.chat-input{background:#ececec}
.bubble.bot{background:#efefef;color:#111;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.bubble.user{box-shadow:0 10px 24px rgba(0,0,0,.24)}
@media (min-width:760px){
  .phone[data-current-view="feed"] .app-header{padding:34px 40px 54px}
  .phone[data-current-view="feed"] .search-panel{top:44px;left:40px;right:118px}
  .menu-btn{margin-right:0}
  .mini-logo{right:42px;top:112px}
  .app-menu{right:40px;top:106px}
  .view-feed{background:linear-gradient(180deg,rgba(0,0,0,0) 0 395px,#080809 395px),url('/assets/hero-bg.jpg') center top/100% 540px no-repeat}
  .gig-card{margin-top:280px}
  .bottom-nav{left:0;right:0;width:auto;transform:none;border-radius:0}
}
@media (max-width:520px){
  body{background:#050506}
  .phone{border-radius:0}
}

/* 20260620g: Chico contextual prompt suggestion */
@media (min-width:760px){
  .view-chat .chat-suggestion{
    left:50%;
    right:auto;
    width:max-content;
    max-width:min(620px,calc(100% - 170px));
    transform:translateX(-50%);
  }
}
@media (max-width:640px){
  .view-chat .chat-suggestion{
    left:22px;
    right:76px;
    max-width:calc(100% - 98px);
  }
}

/* Current feed layout refinements */
.phone{
  background:#fff;
  border:0;
  box-shadow:0 32px 100px rgba(0,0,0,.58);
}
.view,.view-chat,.view-profile,.view-gogo{
  background:#fff;
  color:#111;
}
.profile-form label{color:#111}
.app-header{
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55)),var(--gig-photo, url('/assets/hero-bg.jpg')) center/cover;
}
.view-feed{
  --gig-photo:url('/assets/hero-bg.jpg');
  background:
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08) 48%,rgba(0,0,0,.72)),
    var(--gig-photo) center/cover no-repeat;
}
.phone[data-current-view="feed"] .search-panel{
  left:22px;
  right:102px;
  top:48px;
  grid-template-columns:minmax(0,1fr) 54px;
}
.phone[data-current-view="feed"] .search-panel input{
  min-height:56px;
}
.phone[data-current-view="feed"] .search-panel button{
  min-height:56px;
  font-size:2rem;
}
.phone[data-current-view="feed"] .city-suggestions{
  position:absolute;
  top:104px;
  left:22px;
  right:102px;
  width:auto;
  margin:0;
  z-index:27;
  border-radius:0 0 38px 8px;
}
.mini-logo{right:28px;top:132px}
.photo-nav{
  position:absolute;
  bottom:calc(146px + var(--safe-bottom));
  z-index:18;
  width:38px;
  height:54px;
  border:0;
  border-radius:999px;
  background:rgba(0,0,0,.16);
  color:rgba(255,255,255,.78);
  font-size:2rem;
  line-height:1;
  backdrop-filter:blur(8px);
}
.feed-actions{
  position:absolute;
  right:10px;
  bottom:calc(150px + var(--safe-bottom));
  z-index:30;
  display:none;
  width:154px;
  grid-template-rows:54px 97px;
  gap:12px;
  justify-items:center;
  align-items:center;
}
.feed-actions.enabled{display:grid}
.skip-gig-btn,.hello-hand-btn{
  border:0;
  color:#fff;
  box-shadow:0 16px 34px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.24), inset 0 -3px 0 rgba(0,0,0,.18);
  transition:filter .12s ease, transform .12s ease;
}
.skip-gig-btn:active,
.hello-hand-btn:active,
.skip-gig-btn.is-pressing,
.hello-hand-btn.is-pressing{
  filter:brightness(1.18);
  transform:scale(.9);
}
.custom-action-icon{
  display:none;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
}
.skip-gig-btn.icon-loaded i,
.hello-hand-btn.icon-loaded .hand-icon{
  display:none;
}
.skip-gig-btn.icon-loaded{
  background:transparent;
  box-shadow:none;
}
.skip-gig-btn.icon-loaded .custom-action-icon,
.hello-hand-btn.icon-loaded .custom-action-icon{
  display:block;
}
.skip-gig-btn.icon-loaded .custom-action-icon{
  width:54px;
  height:54px;
}
.hello-hand-btn.icon-loaded .custom-action-icon{
  width:97px;
  height:97px;
}
.skip-gig-btn{
  width:54px;
  height:54px;
  border-radius:999px;
  background:linear-gradient(180deg,#ff5e5e,#e02b32);
  display:grid;
  place-items:center;
}
.skip-gig-btn i{
  position:relative;
  display:block;
  width:26px;
  height:26px;
}
.skip-gig-btn i:before,
.skip-gig-btn i:after{
  content:"";
  position:absolute;
  left:12px;
  top:0;
  width:6px;
  height:26px;
  border-radius:999px;
  background:#fff;
}
.skip-gig-btn i:before{transform:rotate(45deg)}
.skip-gig-btn i:after{transform:rotate(-45deg)}
.hello-hand-btn{
  position:relative;
  width:97px;
  height:97px;
  border-radius:44px;
  background:transparent;
  display:grid;
  grid-template-columns:1fr;
  align-items:center;
  justify-items:center;
  box-shadow:none;
}
.hello-hand-btn span{
  position:absolute;
  right:calc(100% + 6px);
  top:50%;
  transform:translateY(-50%);
  color:#fff;
  font-size:2.15rem;
  font-weight:900;
  line-height:1;
  text-shadow:0 3px 12px rgba(0,0,0,.62),0 1px 1px rgba(0,0,0,.52);
}
.hand-icon{
  width:72px;
  height:72px;
  overflow:visible;
  fill:#ffd43d;
  stroke:#651aa4;
  stroke-width:2.6;
  stroke-linejoin:round;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.26));
  transform-origin:65% 80%;
}
.hand-icon .wave{
  fill:none;
  stroke:#651aa4;
  stroke-width:3.4;
  stroke-linecap:round;
  opacity:.78;
}
.hello-hand-btn.is-waving .hand-icon{
  animation:helloWave .28s ease-in-out 4;
}
.hello-hand-btn:disabled,
.hello-hand-btn.is-unavailable{
  opacity:.46;
  cursor:not-allowed;
  filter:grayscale(.38);
  transform:none;
}
@keyframes helloWave{
  0%,100%{transform:rotate(0) scale(1)}
  45%{transform:rotate(-16deg) scale(1.05)}
}
.photo-nav{display:none}
.photo-prev{left:12px}
.photo-next{right:12px}
.gig-card{
  position:absolute;
  left:22px;
  right:154px;
  bottom:calc(150px + var(--safe-bottom));
  width:auto;
  min-height:0;
  margin:0;
  padding:0;
  color:#111;
}
.gig-main{
  align-items:flex-end;
}
.gig-title{
  max-width:100%;
}
.collapse-btn{
  width:44px;
  height:44px;
  margin-bottom:2px;
  color:var(--green);
  font-size:2.2rem;
}
.score-row{
  max-width:100%;
  margin-top:14px;
  transform:none;
  transition:transform .36s cubic-bezier(.2,.78,.2,1), margin .36s cubic-bezier(.2,.78,.2,1);
}
.gig-card.is-open{
  top:210px;
  bottom:calc(84px + var(--safe-bottom));
  display:flex;
  flex-direction:column;
}
.gig-card.is-open .score-row{
  order:2;
  margin-top:12px;
}
.gig-card.is-open .gig-detail{
  order:3;
  flex:1 1 auto;
  max-height:none;
  overflow:auto;
  grid-template-rows:1fr;
  opacity:1;
  padding:30px 24px;
  margin-top:12px;
  border-radius:28px 28px 0 0;
}
.gig-detail{
  max-height:0;
  border-radius:28px 28px 0 0;
  transition:max-height .42s cubic-bezier(.2,.78,.2,1), opacity .25s ease, padding .42s cubic-bezier(.2,.78,.2,1), margin .42s cubic-bezier(.2,.78,.2,1);
}
.gig-card:not(.is-open) .gig-detail{
  margin-top:0;
  padding-top:0;
  padding-bottom:0;
}
.gig-actions{
  bottom:calc(76px + var(--safe-bottom));
}
.profile-warning{
  bottom:calc(76px + var(--safe-bottom));
}
.chat-thread{
  padding-top:24px;
}
@media (min-width:760px){
  .phone[data-current-view="feed"] .search-panel{left:40px;right:126px;top:42px;width:auto}
  .phone[data-current-view="feed"] .city-suggestions{left:40px;right:126px;top:98px;width:auto}
  .view-feed{background:
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08) 48%,rgba(0,0,0,.72)),
    var(--gig-photo) center/cover no-repeat}
  .gig-card{left:calc(50% - 380px);right:calc(50% - 260px);bottom:calc(150px + var(--safe-bottom))}
  .feed-actions{right:calc(50% - 492px)}
  .gig-card.is-open{top:190px;bottom:calc(84px + var(--safe-bottom))}
  .photo-prev{left:calc(50% - 430px)}
  .photo-next{right:calc(50% - 430px)}
}

/* 20260618h app layout corrections */
body{
  background:
    radial-gradient(circle at 16% 0%, rgba(92,121,42,.18), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(116,0,168,.22), transparent 30%),
    linear-gradient(145deg,#060608,#141218 54%,#040405);
}
.phone[data-current-view="feed"]{
  background:#050506;
}
.phone[data-current-view="feed"] .app-header{
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,0));
  box-shadow:none;
}
.phone[data-current-view="feed"] .app-header .menu-btn,
.phone[data-current-view="feed"] .app-header .mini-logo,
.phone[data-current-view="feed"] .app-header .app-menu{
  pointer-events:auto;
}
.phone[data-current-view="feed"] .view-feed{
  background:
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.06) 44%,rgba(0,0,0,.70)),
    var(--gig-photo, url('https://images.unsplash.com/photo-1501386761578-eac5c94b800a?auto=format&fit=crop&w=1600&q=80')) center/cover no-repeat;
}
.phone[data-current-view="feed"] .search-panel{
  left:22px;
  right:auto;
  top:48px;
  width:min(640px,calc(100% - 132px));
  grid-template-columns:minmax(0,1fr) 56px;
}
.phone[data-current-view="feed"] .city-suggestions{
  left:22px;
  right:auto;
  top:104px;
  width:min(640px,calc(100% - 132px));
  max-height:calc(100% - 180px - var(--safe-bottom));
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}
.phone[data-current-view="feed"] .menu-btn{
  position:absolute;
  top:48px;
  right:26px;
}
.phone[data-current-view="feed"] .credits-chip{
  position:absolute;
  top:0;
  right:26px;
}
.phone[data-current-view="feed"] .mini-logo{
  right:24px;
  top:128px;
}
.phone[data-current-view="feed"] .app-menu{
  right:22px;
  top:112px;
}
.gogo-hint{
  right:16px;
  bottom:calc(18px + var(--safe-bottom));
  z-index:26;
  transform:translateY(-100%);
  animation:gogoHintIn .18s ease-out;
}
@keyframes gogoHintIn{
  from{opacity:0;transform:translateY(-86%) scale(.98)}
  to{opacity:1;transform:translateY(-100%) scale(1)}
}

/* 20260618k: GOGO hint removed */
.gogo-hint,.gogo-hint.show{
  display:none !important;
}
.view-chat{
  padding-top:190px;
}
.chat-thread{
  padding-top:0;
}
@media (min-width:760px){
  .phone[data-current-view="feed"] .search-panel{
    left:40px;
    right:auto;
    top:42px;
    width:min(760px,calc(100% - 230px));
  }
  .phone[data-current-view="feed"] .city-suggestions{
    left:40px;
    right:auto;
    top:98px;
    width:min(760px,calc(100% - 230px));
    max-height:calc(100% - 174px - var(--safe-bottom));
  }
  .phone[data-current-view="feed"] .menu-btn{
    top:42px;
    right:42px;
  }
  .phone[data-current-view="feed"] .mini-logo{
    right:40px;
    top:132px;
  }
  .phone[data-current-view="feed"] .app-menu{
    right:40px;
    top:106px;
  }
  .view-chat{
    padding-top:170px;
  }
}

/* 20260618m: align feed menu and logo */
.phone[data-current-view="feed"] .menu-btn{
  right:28px;
}
.phone[data-current-view="feed"] .mini-logo{
  right:28px;
  width:56px;
  text-align:center;
}
@media (min-width:760px){
  .phone[data-current-view="feed"] .menu-btn{
    right:42px;
  }
  .phone[data-current-view="feed"] .mini-logo{
    right:42px;
    width:56px;
    text-align:center;
  }
}

/* Side drawers and mobile orientation final overrides */
.orientation-lock{
  display:none;
}
@media (max-width:760px) and (orientation:landscape){
  body.is-authenticated:not(.agency-embedded) .orientation-lock{
    position:fixed;
    inset:0;
    z-index:9999;
    display:grid;
    place-items:center;
    align-content:center;
    gap:10px;
    padding:24px;
    color:#fff;
    text-align:center;
    background:
      radial-gradient(circle at 50% 18%, rgba(141,182,63,.22), transparent 34%),
      linear-gradient(145deg,#050506,#15131a);
  }
  .orientation-lock strong{
    font-size:2rem;
    font-weight:950;
  }
  .orientation-lock p{
    max-width:340px;
    margin:0;
    color:#e8e8e8;
    font-weight:850;
    line-height:1.35;
  }
}
@media (max-width:520px){
  .side-drawer{
    top:170px;
    width:calc(100% - 38px);
  }
  .side-tab{
    left:-38px;
    width:38px;
    height:68px;
    min-height:0;
    transform:none;
  }
  .side-tab .tab-icon{
    width:29px;
    height:29px;
    font-size:1.25rem;
  }
  .side-tab b{
    right:1px;
    top:1px;
  }
}

/* 20260620a: Chico beta and animated achievement popups */
.bottom-nav button small em{
  display:inline-grid;
  place-items:center;
  margin-left:4px;
  padding:1px 5px 2px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  color:#f3ffbf;
  font-size:.55rem;
  font-style:normal;
  line-height:1;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}
.chico-beta-chip{
  position:absolute;
  left:clamp(22px,5vw,58px);
  top:184px;
  z-index:7;
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff;
  font-weight:900;
  text-shadow:0 2px 12px rgba(0,0,0,.55);
}
.chico-beta-chip span,.chico-beta-pill{
  display:inline-grid;
  place-items:center;
  min-height:22px;
  padding:2px 9px;
  border-radius:999px;
  background:linear-gradient(145deg,#b6db52,#789b23);
  color:#101010;
  text-transform:uppercase;
  font-size:.68rem;
  letter-spacing:.04em;
  box-shadow:0 10px 24px rgba(141,182,63,.28), inset 0 1px 0 rgba(255,255,255,.48), inset 0 -3px 7px rgba(67,93,16,.3);
}
.chico-celebration{
  position:absolute;
  inset:0;
  z-index:90;
  display:none;
  place-items:center;
  padding:24px;
  background:radial-gradient(circle at 50% 42%,rgba(247,255,183,.16),rgba(0,0,0,.54) 42%,rgba(0,0,0,.72));
  overflow:hidden;
}
.chico-celebration.open{display:grid}
.chico-celebration-card{
  position:relative;
  z-index:2;
  width:min(650px,calc(100% - 18px));
  display:grid;
  grid-template-columns:minmax(120px,190px) 1fr;
  align-items:center;
  gap:18px;
  padding:22px 26px 22px 18px;
  border-radius:28px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(232,236,224,.92)),
    radial-gradient(circle at 20% 0,rgba(255,255,255,.9),transparent 40%);
  color:#101010;
  box-shadow:
    0 34px 80px rgba(0,0,0,.46),
    0 0 0 1px rgba(255,255,255,.48),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -18px 32px rgba(63,72,52,.13);
  transform-origin:center bottom;
  animation:chicoPrizePop 3s cubic-bezier(.2,1.2,.18,1) both;
}
.chico-celebration.settled .chico-celebration-card{
  animation:chicoPrizeFloat 2.8s ease-in-out infinite;
}
.chico-celebration-card img{
  width:100%;
  max-height:220px;
  object-fit:contain;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.32));
  transform-origin:center bottom;
  animation:chicoAstronautBounce 3s ease-out both;
}
.chico-celebration-card p{
  margin:12px 0 18px;
  font-weight:850;
  font-size:clamp(1rem,2.4vw,1.24rem);
  line-height:1.28;
}
.chico-celebration-card .primary-btn{
  width:auto;
  min-width:180px;
  border-radius:999px;
  box-shadow:0 14px 30px rgba(141,182,63,.34), inset 0 1px 0 rgba(255,255,255,.48), inset 0 -4px 9px rgba(64,88,19,.28);
}
.chico-celebration-close{
  color:#111;
  z-index:4;
}
.chico-party span{
  position:absolute;
  left:var(--x);
  top:var(--y);
  z-index:1;
  color:#f5ff50;
  font-size:var(--s);
  font-weight:900;
  text-shadow:0 3px 0 rgba(103,22,160,.35),0 0 16px rgba(245,255,80,.65);
  opacity:0;
  transform:translate(-50%,-50%) scale(.2) rotate(-20deg);
  animation:chicoSpark 3s cubic-bezier(.16,1,.3,1) var(--d) both;
}
.chico-party span:nth-child(3n){color:#8db63f}
.chico-party span:nth-child(3n+1){color:#fff}
.chico-party span:nth-child(4n){color:#7d16b8}
@keyframes chicoPrizePop{
  0%{opacity:0;transform:translateY(46px) scale(.62) rotate(-4deg)}
  18%{opacity:1;transform:translateY(-22px) scale(1.09) rotate(2deg)}
  34%{transform:translateY(10px) scale(.96) rotate(-1.2deg)}
  48%{transform:translateY(-8px) scale(1.02) rotate(.7deg)}
  68%{transform:translateY(0) scale(1) rotate(0)}
  100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}
}
@keyframes chicoPrizeFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@keyframes chicoAstronautBounce{
  0%{transform:translateY(22px) rotate(-7deg) scale(.9)}
  20%{transform:translateY(-16px) rotate(5deg) scale(1.06)}
  45%{transform:translateY(6px) rotate(-2deg) scale(.98)}
  70%,100%{transform:translateY(0) rotate(0) scale(1)}
}
@keyframes chicoSpark{
  0%{opacity:0;transform:translate(-50%,28px) scale(.2) rotate(-30deg)}
  14%{opacity:1}
  42%{opacity:1;transform:translate(-50%,-34px) scale(1.35) rotate(18deg)}
  76%{opacity:.82;transform:translate(-50%,-8px) scale(1) rotate(0)}
  100%{opacity:.35;transform:translate(-50%,0) scale(.82) rotate(0)}
}
@media (max-width:640px){
  .chico-beta-chip{top:154px;left:28px}
  .chico-celebration{padding:18px}
  .chico-celebration-card{
    grid-template-columns:1fr;
    text-align:center;
    justify-items:center;
    gap:6px;
    padding:20px 18px 22px;
    border-radius:24px;
  }
  .chico-celebration-card img{max-height:190px}
}
@media (prefers-reduced-motion:reduce){
  .chico-celebration-card,.chico-celebration.settled .chico-celebration-card,.chico-celebration-card img,.chico-party span{
    animation:none;
  }
  .chico-party span{opacity:.7;transform:translate(-50%,-50%)}
}

/* 20260620b: tutorial copy support, subtler side tabs, chat right breathing room */
.side-tab{
  width:46px;
  height:76px;
  box-shadow:-5px 8px 16px rgba(0,0,0,.18), inset 1px 1px 0 rgba(255,255,255,.28), inset 0 -2px 0 rgba(0,0,0,.14);
}
.side-panel{
  box-shadow:-12px 0 28px rgba(0,0,0,.24), inset 1px 1px 0 rgba(255,255,255,.08);
}
.hellos-tab{top:calc(50% - 166px)}
.goals-tab{top:calc(50% - 84px)}
.negotiations-tab{top:calc(50% - 2px)}
.side-tab b{
  box-shadow:0 3px 7px rgba(0,0,0,.18);
}
.view-chat .chat-thread{
  padding-right:28px;
}
.view-chat .bubble.user{
  max-width:72%;
}
.phone.has-side-tabs .view-chat .chat-thread{
  padding-right:86px;
}
.phone.has-side-tabs .view-chat .bubble.user{
  max-width:min(72%,calc(100% - 78px));
}
.side-tab{
  min-height:76px;
}
@media (max-width:640px){
  .hellos-tab{
    top:calc(50% - 150px);
  }
  .goals-tab{
    top:calc(50% - 76px);
  }
  .negotiations-tab{
    top:calc(50% - 2px);
  }
  .view-chat .chat-thread{
    padding-right:22px;
  }
  .view-chat .bubble.user{
    max-width:76%;
  }
  .phone.has-side-tabs .view-chat .chat-thread{
    padding-right:70px;
  }
.phone.has-side-tabs .view-chat .bubble.user{
  max-width:min(76%,calc(100% - 58px));
}
}

/* daleGig service app pool */
.app-services-pool{
  position:fixed;
  inset:0 auto 0 0;
  z-index:9998;
  width:min(50vw,760px);
  min-width:0;
  transform:translateX(-100%);
  pointer-events:none;
  transition:transform .5s cubic-bezier(.16,.84,.24,1);
}
.app-services-pool.open{transform:translateX(0);pointer-events:auto}
.app-services-launcher{
  position:fixed;
  left:0;
  top:50%;
  z-index:10001;
  width:56px;
  height:88px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.34);
  border-left:0;
  border-radius:0 19px 19px 0;
  color:#fff;
  background:linear-gradient(145deg,#c9ea70,#718f2e 72%);
  box-shadow:12px 16px 34px rgba(0,0,0,.42),inset 1px 1px 0 rgba(255,255,255,.65),inset 0 -3px 0 rgba(0,0,0,.2);
}
.app-services-launcher>span{display:grid;grid-template-columns:repeat(2,10px);gap:6px}
.app-services-launcher i{width:10px;height:10px;border-radius:3px;background:#152008;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 5px rgba(0,0,0,.2)}
.app-services-launcher:hover,.app-services-launcher:focus-visible{background:linear-gradient(145deg,#ddff85,#829f3d);outline:3px solid rgba(212,242,126,.38);outline-offset:3px}
body.app-services-pool-open .app-services-launcher{
  z-index:9997;
  pointer-events:none;
  opacity:0;
  transform:translate(-105%,-50%);
  transition:opacity .2s ease,transform .28s ease;
}
.phone .app-services-pool-tab{
  position:fixed;
  left:0;
  right:auto;
  z-index:9999;
  border-left:1px solid rgba(255,255,255,.28);
  border-radius:0 18px 18px 0;
}
.services-pool-tab{
  position:absolute;
  top:50%;
  right:-50px;
  width:50px;
  height:82px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.28);
  border-left:0;
  border-radius:0 18px 18px 0;
  color:#fff;
  background:linear-gradient(145deg,#b3d85d,#658d26 72%);
  box-shadow:10px 14px 28px rgba(0,0,0,.3),inset 1px 1px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(0,0,0,.2);
  pointer-events:auto;
  z-index:2;
}
.services-pool-tab>span{display:grid;grid-template-columns:repeat(2,9px);gap:5px}
.services-pool-tab i{width:9px;height:9px;border-radius:3px;background:#fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,.15),0 2px 5px rgba(0,0,0,.2)}
.services-pool-panel{
  height:100%;
  display:grid;
  grid-template-rows:auto 1fr;
  overflow:auto;
  padding:28px clamp(20px,3vw,40px) 118px;
  color:#fff;
  background:radial-gradient(circle at 70% 2%,rgba(184,225,88,.22),transparent 30%),linear-gradient(145deg,#121415,#050506 68%);
  border-right:1px solid rgba(255,255,255,.13);
  box-shadow:24px 0 60px rgba(0,0,0,.42),inset -1px 0 0 rgba(255,255,255,.06);
}
.services-pool-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:28px}
.services-pool-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 10px;border-radius:999px;color:#1a230b;background:#d7f27f;box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(170,220,67,.16);font-size:.68rem;font-weight:950;letter-spacing:.055em;text-transform:uppercase}
.services-pool-head h2{margin:10px 0 0;color:#fff;font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1;font-weight:950;letter-spacing:-.04em}
.services-pool-close{width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,.17);border-radius:13px;color:#fff;background:rgba(255,255,255,.08);font-size:1.7rem;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.17)}
.services-pool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:clamp(14px,2vw,24px)}
.service-app{position:relative;display:grid;gap:8px;min-width:0;color:#fff;text-align:center;outline:none}
.app-services-pool .service-app,.app-services-pool .service-app strong,.app-services-pool .service-app small{text-decoration:none}
.service-app-icon{position:relative;isolation:isolate;width:100%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.45);border-radius:26%;box-shadow:0 17px 26px rgba(0,0,0,.43),inset 3px 3px 4px rgba(255,255,255,.42),inset -5px -7px 10px rgba(0,0,0,.28)}
.service-app-icon::after{content:"";position:absolute;z-index:-1;inset:8% 12% 52%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(255,255,255,0));filter:blur(4px)}
.service-app strong{font-size:clamp(.78rem,1.25vw,1rem);line-height:1.08;font-weight:950;letter-spacing:-.025em}
.service-app small{min-height:3.9em;color:#ced3cc;font-size:clamp(.66rem,1vw,.78rem);line-height:1.3;font-weight:680}
.service-app:hover .service-app-icon,.service-app:focus-visible .service-app-icon{transform:translateY(-5px) rotate(-2deg);filter:brightness(1.1);box-shadow:0 23px 31px rgba(0,0,0,.48),inset 3px 3px 4px rgba(255,255,255,.47),inset -5px -7px 10px rgba(0,0,0,.28)}
.service-app-icon{transition:transform .26s ease,filter .26s ease,box-shadow .26s ease}
.service-app:focus-visible{outline:3px solid #d7f27f;outline-offset:7px;border-radius:12px}
.service-app-lff .service-app-icon{background:linear-gradient(145deg,#f4b84c,#b64c14 70%,#62230e)}
.service-app-lff i{position:absolute;width:39%;height:13%;border-radius:999px;background:#fff0bc;box-shadow:inset 0 -3px 2px rgba(124,45,7,.25)}
.service-app-lff i:nth-child(1){transform:rotate(45deg)}.service-app-lff i:nth-child(2){transform:rotate(-45deg)}.service-app-lff i:nth-child(3){width:17%;height:17%;border-radius:50%;background:#fff}
.service-app-ads .service-app-icon{background:linear-gradient(145deg,#6e62ff,#2b166f 72%,#11072f)}
.service-app-ads i{position:absolute;border-radius:50%;background:#d9e7ff;box-shadow:inset 0 -3px 4px rgba(15,11,100,.35)}
.service-app-ads i:nth-child(1){width:37%;height:37%}.service-app-ads i:nth-child(2){width:18%;height:18%;transform:translate(82%,-82%)}.service-app-ads i:nth-child(3){width:12%;height:12%;transform:translate(-138%,135%)}
.service-app-audio .service-app-icon{background:linear-gradient(145deg,#48d8bd,#056d70 70%,#07383f)}
.service-app-audio i{position:absolute;width:16%;height:16%;border-radius:50%;background:#e8fff5;box-shadow:0 0 0 5px rgba(232,255,245,.17)}
.service-app-audio i:nth-child(1){transform:translateX(-118%)}.service-app-audio i:nth-child(3){transform:translateX(118%)}
.service-app-audio .service-app-icon{animation:serviceAudioPulse 3.8s ease-in-out infinite}
.service-app-icon>b{position:relative;font-size:clamp(1rem,2.8vw,1.65rem);font-weight:950;letter-spacing:-.08em;text-shadow:0 3px 12px rgba(0,0,0,.3)}
.service-app-edital .service-app-icon{background:linear-gradient(145deg,#f7ca62,#b77416 72%,#5d350d)}
.service-app-market .service-app-icon{background:linear-gradient(145deg,#d7ef77,#6e922c 72%,#304716)}
.service-app-advisors .service-app-icon{background:linear-gradient(145deg,#71b9ef,#285b9b 72%,#142c55)}
.service-app-posts .service-app-icon{background:linear-gradient(145deg,#ef709e,#9b285f 72%,#4d1432)}
.service-app-events .service-app-icon{background:linear-gradient(145deg,#ff976c,#b3422d 72%,#5c2018)}
.service-app-nido .service-app-icon{background:linear-gradient(145deg,#b996f4,#6841a6 72%,#34205d)}
.service-app-hitoiki .service-app-icon{background:linear-gradient(145deg,#79d8d0,#287e7d 72%,#174544)}
.service-app-coming{cursor:default;opacity:.72}
.service-app-coming .service-app-icon{filter:saturate(.68)}
.service-app-coming:hover .service-app-icon{transform:none;filter:saturate(.68);box-shadow:0 17px 26px rgba(0,0,0,.43),inset 3px 3px 4px rgba(255,255,255,.42),inset -5px -7px 10px rgba(0,0,0,.28)}
.service-app-status,.service-app:not(.service-app-coming)::after{position:absolute;z-index:3;top:8px;left:50%;display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:4px 9px;border-radius:999px;font-size:.64rem;font-weight:950;letter-spacing:.05em;line-height:1;text-transform:uppercase;white-space:nowrap;transform:translateX(-50%)}
.service-app-status{border:1px solid rgba(239,247,215,.5);color:#f2f8df;background:rgba(25,31,19,.72);box-shadow:0 5px 13px rgba(0,0,0,.2);font-style:normal;backdrop-filter:blur(5px)}
.service-app:not(.service-app-coming)::after{content:attr(data-status);color:#18220b;background:#d7f27f;box-shadow:0 5px 13px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.72)}
@keyframes serviceAudioPulse{50%{filter:saturate(1.22) brightness(1.1)}}
.services-pool-hint{
  position:fixed;
  z-index:10000;
  display:flex;
  align-items:center;
  gap:10px;
  max-width:220px;
  padding:11px 10px 11px 14px;
  border:1px solid rgba(230,255,164,.5);
  border-radius:14px;
  color:#17220a;
  background:linear-gradient(145deg,#f0ffb5,#b8de64);
  box-shadow:0 14px 32px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.9);
  font-size:.84rem;
  font-weight:950;
  line-height:1.15;
  opacity:0;
  pointer-events:none;
  transform:translate(-10px,-50%) scale(.96);
  transition:opacity .22s ease,transform .22s ease;
}
.services-pool-hint::before{content:"";position:absolute;left:-9px;top:50%;width:17px;height:17px;background:#caea78;transform:translateY(-50%) rotate(45deg);border-left:1px solid rgba(230,255,164,.5);border-bottom:1px solid rgba(230,255,164,.5)}
.services-pool-hint.is-visible{opacity:1;pointer-events:auto;transform:translate(0,-50%) scale(1)}
.services-pool-hint span,.services-pool-hint button{position:relative;z-index:1}.services-pool-hint button{width:22px;height:22px;flex:0 0 22px;padding:0;border:0;border-radius:8px;color:#28370d;background:rgba(32,48,7,.12);font-size:1.2rem;line-height:1}
.app-services-pool-hint{left:62px;top:50%}
@media (max-width:760px){
  .app-services-pool{width:100%;min-width:0}
  .services-pool-panel{padding:calc(24px + env(safe-area-inset-top,0px)) 28px calc(104px + var(--safe-bottom))}
  .services-pool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
}
@media (prefers-reduced-motion:reduce){.app-services-pool,.service-app-icon,.services-pool-hint{transition:none}.service-app-audio .service-app-icon{animation:none}}

/* 20260620c: Chico popup polish, vertical beta tag, header alignment */
.phone:not([data-current-view="feed"]) .app-header{
  grid-template-columns:1fr 64px;
}
.phone:not([data-current-view="feed"]) .menu-btn{
  justify-self:center;
  margin-right:0;
}
.phone:not([data-current-view="feed"]) .mini-logo{
  right:22px;
  width:64px;
  text-align:center;
}
.view-chat .chat-thread{
  padding-left:58px;
}
.chico-beta-chip{
  top:242px;
  left:6px;
  z-index:8;
  transform:rotate(-90deg);
  transform-origin:left top;
  gap:6px;
  opacity:.78;
  font-size:.82rem;
  pointer-events:none;
}
.chico-beta-chip span{
  min-height:18px;
  padding:1px 7px 2px;
  font-size:.56rem;
  box-shadow:0 5px 12px rgba(141,182,63,.18), inset 0 1px 0 rgba(255,255,255,.42);
}
.chico-celebration{
  align-items:center;
  justify-items:center;
  padding-top:calc(22px + var(--safe-top));
  padding-bottom:calc(92px + var(--safe-bottom));
}
.chico-celebration-card{
  align-self:center;
  margin:auto;
}
@media (min-width:760px){
  .phone:not([data-current-view="feed"]) .mini-logo{
    right:40px;
    width:64px;
  }
}
@media (max-width:640px){
  .view-chat .chat-thread{
    padding-left:48px;
  }
  .chico-beta-chip{
    top:226px;
    left:5px;
  }
  .phone:not([data-current-view="feed"]) .mini-logo{
    right:18px;
  }
}

/* 20260622a: cached artist header and balanced side tabs */
.phone:not([data-current-view="feed"]) .app-header.photo-loading{
  background:#000;
}
.phone:not([data-current-view="feed"]) .app-header.photo-loading:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:26px;
  height:26px;
  margin:-13px;
  border:2px solid rgba(255,255,255,.25);
  border-top-color:#a9cd59;
  border-radius:50%;
  animation:artistPhotoSpin .9s linear infinite;
}
.phone:not([data-current-view="feed"]) .app-header.photo-is-tall{
  animation:artistPhotoDrift 12s ease-in-out infinite alternate;
}
@keyframes artistPhotoSpin{to{transform:rotate(360deg)}}
@keyframes artistPhotoDrift{
  from{background-position:center 38%}
  to{background-position:center 62%}
}
@media (prefers-reduced-motion:reduce){
  .phone:not([data-current-view="feed"]) .app-header.photo-is-tall{animation:none}
}

/* 20260623a: profile leave prompts, Chico unread wave, feed media */
.gig-media-video,
.gig-media-frame{
  position:absolute;
  inset:0 0 calc(76px + var(--safe-bottom)) 0;
  z-index:0;
  display:none;
  width:100%;
  height:100%;
  border:0;
  background:#050506;
}
.gig-media-video{object-fit:cover}
.gig-media-video.show,
.gig-media-frame.show{display:block}
.gig-media-attribution{
  position:absolute;
  right:10px;
  bottom:calc(86px + var(--safe-bottom));
  z-index:8;
  padding:3px 5px;
  border-radius:3px;
  color:#fff;
  background:rgba(0,0,0,.58);
  font-family:Roboto,Arial,sans-serif;
  font-size:12px;
  font-style:normal;
  font-weight:400;
  letter-spacing:normal;
  line-height:1.2;
  white-space:nowrap;
}
.gig-media-attribution[hidden]{display:none!important}
.gig-media-video.show~.tour-feed-photo,
.gig-media-video.show~.feed-actions,
.gig-media-video.show~.gig-card,
.gig-media-video.show~.profile-warning,
.gig-media-video.show~.search-panel,
.gig-media-video.show~.city-suggestions,
.gig-media-frame.show~.tour-feed-photo,
.gig-media-frame.show~.feed-actions,
.gig-media-frame.show~.gig-card,
.gig-media-frame.show~.profile-warning,
.gig-media-frame.show~.search-panel,
.gig-media-frame.show~.city-suggestions{
  position:absolute;
}
.phone[data-current-view="feed"] .gig-media-video.show~.gig-card,
.phone[data-current-view="feed"] .gig-media-video.show~.feed-actions,
.phone[data-current-view="feed"] .gig-media-video.show~.profile-warning,
.phone[data-current-view="feed"] .gig-media-video.show~.tour-feed-photo,
.phone[data-current-view="feed"] .gig-media-frame.show~.gig-card,
.phone[data-current-view="feed"] .gig-media-frame.show~.feed-actions,
.phone[data-current-view="feed"] .gig-media-frame.show~.profile-warning,
.phone[data-current-view="feed"] .gig-media-frame.show~.tour-feed-photo{
  z-index:2;
}
.phone[data-current-view="feed"].gig-photo-wide .view-feed,
.phone[data-current-view="feed"].gig-photo-wide .app-header{
  animation:gigPhotoPanWide 12s ease-in-out infinite alternate;
}
.phone[data-current-view="feed"].gig-photo-tall .view-feed,
.phone[data-current-view="feed"].gig-photo-tall .app-header{
  animation:gigPhotoPanTall 12s ease-in-out infinite alternate;
}
@keyframes gigPhotoPanWide{
  from{background-position:left center}
  to{background-position:right center}
}
@keyframes gigPhotoPanTall{
  from{background-position:center top}
  to{background-position:center bottom}
}
@media (prefers-reduced-motion:reduce){
  .phone[data-current-view="feed"].gig-photo-wide .view-feed,
  .phone[data-current-view="feed"].gig-photo-wide .app-header,
  .phone[data-current-view="feed"].gig-photo-tall .view-feed,
  .phone[data-current-view="feed"].gig-photo-tall .app-header{
    animation:none;
  }
}
.profile-leave-modal{
  position:absolute;
  inset:0 0 calc(76px + var(--safe-bottom)) 0;
  z-index:94;
  display:none;
  place-items:center;
  padding:22px;
  background:rgba(0,0,0,.58);
}
.profile-leave-modal.open{display:grid}
.profile-leave-modal>div{
  width:min(520px,100%);
  display:grid;
  gap:14px;
  padding:24px;
  border-radius:20px;
  color:#fff;
  background:linear-gradient(180deg,#202024,#101012);
  box-shadow:0 24px 58px rgba(0,0,0,.5), inset 1px 1px 0 rgba(255,255,255,.1);
}
.profile-leave-modal h2,
.profile-leave-modal p{margin:0}
.profile-leave-modal h2{font-size:1.45rem;line-height:1.05}
.profile-leave-modal p{color:#e2e2e2;line-height:1.42;font-weight:760}
.profile-leave-modal>div>div{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.profile-leave-modal .outline-choice{
  min-height:48px;
  border:0;
  border-radius:8px;
  color:#111;
  background:#efefef;
  font-weight:900;
}
.profile-leave-modal .primary-btn:disabled{opacity:.72;cursor:wait}
.metrics-strip div span{display:block}
.metrics-strip strong{margin-top:4px}
.chico-nav-icon{
  position:relative;
  display:inline-grid;
  place-items:center;
  min-width:34px;
}
.chico-nav-icon i{
  position:absolute;
  right:-18px;
  top:-13px;
  display:none;
  font-style:normal;
  font-size:2.2rem;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.24));
  transform-origin:70% 80%;
}
.bottom-nav button.has-unread .chico-nav-icon i{
  display:block;
  animation:chicoMenuWave .55s ease-in-out infinite;
}
@keyframes chicoMenuWave{
  0%,100%{transform:rotate(0) scale(1)}
  42%{transform:rotate(-22deg) scale(1.08)}
  70%{transform:rotate(12deg) scale(1.03)}
}
.phone[data-current-view="chat"] .app-header{
  min-height:114px;
  padding:32px 22px 24px;
}
.phone[data-current-view="chat"] .mini-logo{
  top:72px;
}
.phone[data-current-view="chat"] .app-menu{
  top:92px;
}
.phone[data-current-view="chat"] .view-chat{
  padding-top:126px;
}
.phone[data-current-view="chat"] .chico-beta-chip{
  top:170px;
}
@media (min-width:760px){
  .phone[data-current-view="chat"] .app-header{
    min-height:102px;
    padding:28px 40px 22px;
  }
  .phone[data-current-view="chat"] .mini-logo{
    top:62px;
  }
  .phone[data-current-view="chat"] .app-menu{
    top:84px;
  }
  .phone[data-current-view="chat"] .view-chat{
    padding-top:116px;
  }
}
@media (max-width:520px){
  .profile-leave-modal{
    place-items:end center;
    padding:0;
  }
  .profile-leave-modal>div{
    border-radius:22px 22px 0 0;
  }
}

/* 20260623b: feed video controls and full-bleed player */
.gig-media-video,
.gig-media-frame{
  pointer-events:auto;
}
.gig-media-frame.show,
.gig-media-video.show[controls]{
  left:50%;
  top:132px;
  bottom:auto;
  width:min(640px,calc(100% - 44px));
  height:clamp(200px,calc((100vw - 44px) * .5625),360px);
  transform:translateX(-50%);
  object-fit:contain;
  border-radius:12px;
}
.phone[data-current-view="feed"] .gig-media-video.show~.gig-card,
.phone[data-current-view="feed"] .gig-media-frame.show~.gig-card{
  z-index:6;
}
.phone[data-current-view="feed"] .gig-media-video.show~.feed-actions,
.phone[data-current-view="feed"] .gig-media-frame.show~.feed-actions{
  z-index:7;
}
.gig-card.is-campaign{
  min-height:235px;
  display:block;
}
.gig-card.is-campaign .gig-main,
.gig-card.is-campaign .score-row,
.gig-card.is-campaign .gig-detail,
.gig-card.is-campaign .gig-progress{
  display:none!important;
}
.gig-card.is-campaign .feed-campaign{
  display:flex;
  min-height:235px;
  width:auto;
  margin:0;
  padding:24px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:11px;
  border:1px solid rgba(207,255,0,.55);
  border-radius:24px;
  color:#17200d;
  background:linear-gradient(135deg,rgba(253,255,244,.96),rgba(226,243,186,.96));
  box-shadow:0 18px 38px rgba(0,0,0,.28);
}
.gig-card.is-campaign .feed-campaign span{
  font-size:.72rem;
}
.gig-card.is-campaign .feed-campaign strong{
  font-size:1.25rem;
}
.gig-card.is-campaign .feed-campaign p{
  max-width:38rem;
  font-size:.93rem;
  line-height:1.45;
}
.gig-card.is-campaign .feed-campaign a{
  margin-top:4px;
  padding:10px 15px;
  font-size:.9rem;
}
.feed-actions #openHello[hidden]{display:none!important}
@media (max-width:640px){
  .gig-card.is-campaign,
  .gig-card.is-campaign .feed-campaign{
    min-height:210px;
  }
  .gig-card.is-campaign .feed-campaign{
    padding:20px;
    border-radius:20px;
  }
}
.chico-campaign-card{
  display:grid;
  gap:8px;
  max-width:min(520px,88%);
  margin:10px 0 4px;
  padding:14px;
  border:1px solid rgba(141,182,63,.54);
  border-radius:18px 18px 18px 8px;
  color:#17200d;
  background:linear-gradient(135deg,#fbffef,#e4f5bf);
  box-shadow:0 10px 22px rgba(0,0,0,.13);
}
.chico-campaign-label{
  color:#51751c;
  font-size:.66rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.chico-campaign-body{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.chico-campaign-body img{
  width:72px;
  height:72px;
  flex:0 0 auto;
  border-radius:10px;
  object-fit:cover;
}
.chico-campaign-body>div{min-width:0}
.chico-campaign-body strong{display:block;font-size:.98rem;line-height:1.2}
.chico-campaign-body p{margin:5px 0 10px;font-size:.82rem;line-height:1.35}
.chico-campaign-body a{
  display:inline-flex;
  padding:7px 10px;
  border-radius:8px;
  color:#17200d;
  background:#b8db67;
  font-size:.78rem;
  font-weight:900;
  text-decoration:none;
}
@media (max-width:480px){
  .chico-campaign-card{max-width:100%}
  .chico-campaign-body img{width:58px;height:58px}
}
.gig-video-link{
  position:static;
  display:none;
  min-height:24px;
  align-items:center;
  padding:3px 8px;
  border-radius:999px;
  color:rgba(255,255,255,.82);
  background:rgba(0,0,0,.22);
  text-decoration:none;
  font-size:.72rem;
  font-weight:850;
  text-transform:lowercase;
  letter-spacing:0;
  text-shadow:0 1px 4px rgba(0,0,0,.65);
  backdrop-filter:blur(7px);
}
.gig-video-link.show{display:inline-flex}
.gig-sound-toggle{
  position:absolute;
  left:24px;
  top:50%;
  z-index:3;
  display:none;
  width:42px;
  height:42px;
  transform:translateY(-50%);
  border:0;
  border-radius:999px;
  color:#fff;
  background:rgba(0,0,0,.28);
  box-shadow:0 10px 24px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.16);
  text-shadow:0 2px 7px rgba(0,0,0,.65);
  backdrop-filter:blur(7px);
  font-size:1.15rem;
}
.gig-sound-toggle.show{display:grid;place-items:center}
.gig-sound-toggle.is-on{
  background:rgba(141,182,63,.44);
}
.hello-hand-btn{
  width:97px;
  height:97px;
  grid-template-columns:1fr;
}
.hand-icon{
  width:83px;
  height:83px;
}
.hello-hand-btn span{
  font-size:2.25rem;
}
@media (min-width:760px){
  .gig-sound-toggle{
    left:42px;
  }
}

/* 20260709a: requested feed, drawer and gig-info refinements */
.skip-gig-btn{
  background:
    radial-gradient(circle at 32% 28%,rgba(255,255,255,.22),transparent 34%),
    linear-gradient(180deg,#951ad0,#7000a8);
  box-shadow:0 0 0 8px rgba(178,93,219,.5),0 16px 34px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -3px 0 rgba(0,0,0,.18);
}
.skip-gig-btn i{
  width:32px;
  height:24px;
}
.skip-gig-btn i:before{
  left:0;
  top:9px;
  width:32px;
  height:7px;
  transform:none;
  background:#d9a3ee;
}
.skip-gig-btn i:after{
  left:16px;
  top:2px;
  width:18px;
  height:18px;
  border-top:7px solid #d9a3ee;
  border-right:7px solid #d9a3ee;
  border-radius:0 4px 0 0;
  transform:rotate(45deg);
  background:transparent;
}
.hello-hand-btn{
  width:97px;
  height:97px;
  grid-template-columns:1fr;
}
.hand-icon{
  width:83px;
  height:83px;
  fill:#a5df7e;
  stroke:#0d6d35;
  stroke-width:3.2;
  filter:drop-shadow(0 0 0 rgba(0,0,0,0)) drop-shadow(0 10px 16px rgba(0,0,0,.24));
}
.hand-icon .wave{
  stroke:#0d6d35;
  stroke-width:3.8;
}
.hello-hand-btn span{
  font-size:2.25rem;
}
.score-row{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
.score-chip{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  border:0;
  background:var(--purple);
  color:#fff;
  text-align:center;
  border-radius:6px;
  padding:8px;
  font-size:.9rem;
  font-weight:800;
  line-height:1.2;
  box-shadow:0 8px 20px rgba(116,0,168,.18);
}
.score-row span.score-chip{
  display:flex;
}
.source-score{
  color:#fff;
  text-decoration:none;
  cursor:default;
}
.source-score.is-link{
  cursor:pointer;
}
.source-score.is-link:hover,
.source-score.is-link:focus-visible{
  background:#8d1cc0;
  box-shadow:0 0 0 3px rgba(255,255,255,.34),0 8px 20px rgba(116,0,168,.28);
  outline:0;
}
.match-score-chip{
  cursor:pointer;
}
.match-score-chip span{
  padding:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:inherit;
  font:inherit;
}
.match-score-chip.is-pending{
  font-size:.78rem;
}
.match-score-chip.is-pending span{
  white-space:nowrap;
}
.match-score-chip i{
  flex:0 0 auto;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  font-style:normal;
  font-size:1.1rem;
  font-weight:950;
  line-height:1;
}
.collapse-btn{
  display:none;
}
.side-drawer{
  z-index:96;
}
.side-drawer.open{
  z-index:98;
}
.confirm-modal,
.logout-modal,
.goal-modal,
.gig-modal,
.credits-modal,
.referral-modal,
.profile-leave-modal,
.chico-celebration{
  z-index:180;
}
.gig-modal{
  z-index:181;
}
.hello-modal{
  z-index:182;
}
.chico-celebration{
  z-index:183;
}
.credits-actions .outline-btn{
  border-color:#cfff00;
  background:#fff;
  color:#121212;
  text-shadow:none;
  box-shadow:0 0 0 2px rgba(207,255,0,.24), inset 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(0,0,0,.16);
}
.gig-info-card{
  grid-template-rows:minmax(0,1fr);
}
.gig-info-photo{
  background:
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.58)),
    var(--gig-info-photo, url('/app/assets/images/no-gigs-found.jpg')) center/cover;
}
.gig-info-body{
  align-content:start;
  max-height:100%;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
#gigInfoDescription{
  max-height:none;
  overflow:visible;
}
.phone[data-current-view="chat"] .app-header{
  min-height:114px;
  padding:32px 22px 24px;
}
.phone[data-current-view="chat"] .mini-logo{
  right:22px;
  top:96px;
  width:64px;
  text-align:center;
}
.phone[data-current-view="chat"] .app-menu{
  top:92px;
}
.phone[data-current-view="chat"] .view-chat{
  padding-top:126px;
}
.phone[data-current-view="chat"] .chico-beta-chip{
  top:170px;
}
@media (min-width:760px){
  .phone[data-current-view="chat"] .app-header{
    min-height:102px;
    padding:28px 40px 22px;
  }
  .phone[data-current-view="chat"] .mini-logo{
    right:40px;
    top:92px;
  }
  .phone[data-current-view="chat"] .app-menu{
    top:84px;
  }
  .phone[data-current-view="chat"] .view-chat{
    padding-top:116px;
  }
}
@media (max-width:640px){
  .gig-info-card{
    max-height:calc(100% - 20px);
  }
  .gig-info-photo{
    min-height:180px;
  }
  .hello-hand-btn span{
    left:calc(100% - 10px);
    right:auto;
    top:auto;
    bottom:7px;
    transform:none;
    font-size:1.58rem;
  }
}

/* Persistent autonomy preference, separate from capture availability. */
.chico-auto-controls { position:absolute; top:126px; left:48px; right:24px; z-index:7; display:flex; align-items:center; gap:12px; padding:8px; border-radius:16px; background:#f2f5ed; }
.chico-auto-controls[hidden] { display:none; }
@media (min-width:760px) { .chico-auto-controls { top:116px; left:58px; right:40px; } }
.chico-auto-toggle { flex-shrink:0; border:2px solid #bded65; border-radius:999px; padding:10px 17px; min-height:44px; background:#23252a; color:#fff; cursor:pointer; font-size:14px; letter-spacing:.06em; }
.chico-auto-toggle[aria-checked="true"] { background:#c4ef72; color:#12200b; box-shadow:0 0 18px #a9db4933; }
.chico-auto-toggle:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.chico-auto-toggle:disabled { opacity:.6; cursor:wait; }
.chico-auto-note { flex:1; font-size:12px; font-weight:400; line-height:1.4; color:#46523a; }
.chico-auto-toggle[hidden],.chico-auto-note[hidden] { display:none; }

/* Interactive settings popover: hover, keyboard and an explicit touch target. */
.chico-auto-controls { gap:8px; }
.chico-auto-settings-trigger { flex-shrink:0; width:44px; height:44px; border:0; border-radius:50%; background:#e0e7d5; color:#26341d; font-size:23px; cursor:pointer; }
.chico-auto-settings { position:absolute; top:calc(100% + 4px); left:0; width:min(420px,100%); padding:16px; border:1px solid #ccd7bd; border-radius:16px; background:#fff; color:#24301c; box-shadow:0 12px 32px #0003; text-align:left; }
.chico-auto-settings[hidden] { display:none; }
.chico-auto-settings-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
.chico-auto-settings-heading strong { font-size:15px; }
.chico-auto-settings-heading button { flex-shrink:0; width:44px; height:44px; border:0; border-radius:50%; background:#f0f3eb; color:#26341d; font-size:25px; cursor:pointer; }
.chico-auto-send-label { display:flex; align-items:flex-start; gap:10px; font-size:14px; line-height:1.45; font-weight:600; cursor:pointer; padding:8px 0; }
.chico-auto-send-label input { appearance:auto; flex:0 0 20px; width:20px; height:20px; margin:1px 0 0; accent-color:#628d24; }
.chico-auto-settings p { font-size:12px; line-height:1.5; margin:10px 0 0; color:#46523a; }
#chicoAutoSendMode { font-weight:700; }
.chico-auto-settings-trigger[data-enabled="true"]::after { content:""; display:block; position:absolute; width:48px; height:58px; left:34px; top:-17px; background:url('/app/assets/images/chico-superpower-rocket.png') center/contain no-repeat; pointer-events:none; animation:chico-auto-idle 2.4s ease-in-out infinite; }
@keyframes chico-auto-idle { 0%,100% { transform:translateY(0) rotate(-9deg); } 50% { transform:translateY(-7px) rotate(3deg); } }
@media (prefers-reduced-motion:reduce) { .chico-auto-settings-trigger[data-enabled="true"]::after { animation:none; } }
.chico-auto-settings-trigger:focus-visible,.chico-auto-settings button:focus-visible,.chico-auto-send-label input:focus-visible { outline:3px solid #567e1c; outline-offset:3px; }

/* Superpower Chico: readable name, separate switch state and purpose. */
.chico-auto-controls { display:grid; grid-template-columns:minmax(0,1fr) 44px; }
.chico-auto-toggle { grid-column:1; grid-row:1; justify-self:start; display:flex; flex-wrap:wrap; max-width:100%; align-items:center; gap:4px 10px; letter-spacing:0; padding:10px 13px; }
.chico-auto-state { font-size:10px; font-weight:600; padding:3px 6px; border-radius:999px; background:#ffffff26; }
.chico-auto-toggle[aria-checked="true"] .chico-auto-state { background:#12200b12; }
.chico-auto-settings-trigger { grid-column:2; grid-row:1; }
.chico-auto-description { grid-column:1 / -1; margin:0; font-size:13px; line-height:1.4; color:#26341d; }
.chico-auto-note { grid-column:1 / -1; font-size:11px; }

/* Compact Superpower dock above the app-pool tab. */
.chico-auto-controls { position:fixed; top:calc(50% - 123.2px); left:0; right:auto; z-index:10000; display:block; width:67.2px; padding:0; border-radius:0; background:none; }
.chico-auto-settings-trigger { position:relative; display:grid; place-items:center; width:67.2px; height:67.2px; border:1px solid #c6d6ae; border-left:0; border-radius:0 21px 21px 0; background:#f2f5ed; color:#556149; font-size:34px; box-shadow:3px 5px 14px #0002; }
.chico-auto-settings-trigger[data-enabled="true"] { background:#c4ef72; color:#23390c; }
.chico-power-dot { position:absolute; bottom:11.2px; right:9.8px; width:9.8px; height:9.8px; border-radius:50%; background:#8a9084; border:1px solid #f2f5ed; }
.chico-auto-settings-trigger[data-enabled="true"] .chico-power-dot { background:#477411; }
.chico-auto-settings { position:fixed; top:50%; left:79.2px; width:min(360px,calc(100vw - 95.2px)); max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); overflow-y:auto; transform:translateY(-50%); padding:16px; }
.chico-auto-settings .chico-auto-toggle { margin:8px 0 12px; }
.chico-auto-settings .chico-auto-description { margin:0 0 8px; font-size:13px; }
.chico-auto-settings .chico-auto-note { display:block; margin-bottom:12px; }
.chico-auto-settings .chico-auto-note[hidden] { display:none; }
body.is-guest .chico-auto-controls,body.app-services-pool-open .chico-auto-controls { display:none; }

/* Optional referral stays collapsed until requested, including keyboard support. */
.login-friend-code summary { min-height:44px; padding:10px 0; cursor:pointer; color:#547b1f; font-size:.9rem; font-weight:700; }
.login-friend-code summary:focus-visible { outline:2px solid #769c38; outline-offset:3px; border-radius:4px; }
.login-friend-code label { display:block; margin:4px 0 8px; }
.login-friend-code .field { width:100%; }

#loginSubmit.is-loading { display:flex; align-items:center; justify-content:center; gap:10px; cursor:wait; }
#loginSubmit.is-loading::before { content:""; width:18px; height:18px; flex:0 0 18px; border:2px solid #ffffff66; border-top-color:#fff; border-radius:50%; animation:dg-spin .7s linear infinite; }
@media (prefers-reduced-motion:reduce) { #loginSubmit.is-loading::before { animation:none; } }

.service-app-advisors .service-app-icon svg { width:60%; height:60%; color:#eff9ff; filter:drop-shadow(0 3px 4px #142c5566); }

/* Keep status and dates readable on narrow musician screens. */
.hello-history-meta{display:grid;grid-template-columns:1fr;gap:8px;justify-items:start}
.hello-history-meta b{max-width:100%;white-space:normal;border-radius:12px}
.hello-history-item.status-approach_prepared .hello-history-meta b{background:#9fd5ff}
.hello-history-item.status-needs_review .hello-history-meta b,
.hello-history-item.status-closed .hello-history-meta b,
.hello-history-item.status-cancelled .hello-history-meta b,
.hello-history-item.status-test .hello-history-meta b,
.hello-history-item.status-paused .hello-history-meta b{background:#d1d1d1}
.hello-sync-status{margin:10px 16px;color:rgba(255,255,255,.7);font-size:.78rem;line-height:1.4}
.hello-sync-status.is-stale{color:#ffd18b}
.hello-timeline{font-size:.78rem;color:rgba(255,255,255,.8)}
.hello-timeline summary{cursor:pointer;padding:8px 0}
.hello-timeline ol{margin:6px 0;padding-left:20px}
.hello-timeline li{margin:8px 0;line-height:1.4}

/* Multiple project formats; preserve native keyboard and touch behavior. */
.profile-project-types{min-width:0;margin:0;padding:0;border:0}
.profile-project-types legend{font-weight:800}
.profile-project-types small{display:block;margin:6px 0}
.profile-project-types label{display:flex!important;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.profile-project-types input[type="checkbox"]{width:20px;height:20px;flex:0 0 20px;accent-color:#8caf40}
@media(max-width:600px){
  body:has(.phone[data-current-view="feed"]) .app-services-launcher,.phone[data-current-view="feed"] .app-services-pool-tab,body:has(.phone[data-current-view="feed"]) .app-services-pool-hint{top:calc(152px + env(safe-area-inset-top,0px))}
  .gig-title{min-width:0;overflow-wrap:anywhere}
}

/* Agency discovery: white card, uncropped identity and Chico photo backdrop. */
.phone.has-agency-feed[data-current-view="feed"]{background:#152522 url('/app/assets/images/no-gigs-found.jpg') center/cover no-repeat;animation:none}

.phone.has-agency-feed[data-current-view="feed"] .view-feed,.phone.has-agency-feed[data-current-view="feed"] .app-header{background:transparent;animation:none}
#gigCard.is-agency{top:164px;bottom:112px;left:28px;right:112px;max-width:830px;width:auto;min-height:0;margin:0 auto;padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:16px;border:1px solid #e0e8e2;border-radius:26px;background:#fff;color:#192e28;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9aae9f transparent;box-shadow:0 24px 64px #0004,inset 0 1px #ffffff0d;text-align:left}
#gigCard.is-agency #agencyFeedMosaic{position:relative;display:flex;align-items:center;gap:22px;flex:0 0 auto;order:0;pointer-events:none}
.agency-logo-frame{position:relative;flex:0 0 148px;height:96px;display:grid;place-items:center;border:1px solid #bfd4c52b;border-radius:16px;background:#0b1715;overflow:hidden}
#gigCard.is-agency .agency-feed-logo{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;padding:10px;object-fit:contain;background:#0b1715}
.agency-logo-fallback{font-size:28px;font-weight:700;color:#c6edaa}
.agency-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:#52695c;line-height:1.6}
#gigCard.is-agency .gig-main{order:1;flex:0 0 auto;position:relative}
#gigCard.is-agency .gig-title{padding:0;margin:0;max-width:100%;background:none;color:#192e28;overflow-wrap:anywhere;box-shadow:none}
#gigCard.is-agency .gig-title h2{font-size:clamp(22px,2.3vw,30px);line-height:1.15;letter-spacing:-.025em}
#gigCard.is-agency .gig-title p{font-size:13px;font-weight:500;color:#52695c;margin:8px 0 0}
#gigCard.is-agency .score-row,#gigCard.is-agency .gig-progress{display:none}
#gigCard.is-agency .gig-detail{order:2;flex:0 0 auto;display:block;padding:0;margin:0;max-height:none;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;color:#344a40;font-size:14px;line-height:1.6}
#gigCard.is-agency #gigDescription{margin:0 0 22px;white-space:pre-line;overflow-wrap:anywhere;color:#344a40;font-size:17px;line-height:1.65}
#gigCard.is-agency #gigLooking{display:block;font-size:14px;font-weight:400;color:#243b30;border:0;padding:0}
.agency-terms-label{display:block;font-size:11px;color:#53675c;margin-bottom:10px;letter-spacing:.04em}
.agency-terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.agency-term{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:18px;border-radius:16px;background:#f5f8f3;border:1px solid #dce6d8}
.agency-term-label{font-size:12px;font-weight:600;color:#344d3c}
.agency-term-value{font-size:clamp(24px,2.7vw,32px);font-weight:750;color:#2e602b;line-height:1.2;overflow-wrap:anywhere}
.agency-term-help{font-size:12px;color:#526459;line-height:1.6;font-weight:400}
.agency-roster{display:flex;flex-direction:column;align-items:stretch;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid #dce6df}
.agency-roster-label{font-size:12px;color:#526459}
.agency-roster-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),220px));gap:18px;width:100%}
.agency-roster-artist{display:flex;flex-direction:column;gap:9px;min-width:0}
.agency-roster-name{font-size:15px;font-weight:700;color:#20382e;overflow-wrap:anywhere}
#gigCard.is-agency .agency-feed-artist{box-sizing:border-box;width:100%;height:auto;aspect-ratio:1;max-width:220px;border-radius:18px;object-fit:cover;border:1px solid #dce6df}
.agency-invite{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dce6df;margin-top:22px;padding-top:20px}
.agency-invite-title{display:block;font-size:15px;font-weight:650;color:#20372c}
.agency-invite-hint{display:block;font-size:12px;line-height:1.5;color:#526459;margin-top:5px}
.agency-hello-cta{flex-shrink:0;min-height:48px;padding:12px 20px;border:1px solid #d4ffb1;border-radius:13px;background:linear-gradient(#d2f7ad,#b1e883);color:#172815;font:inherit;font-size:14px;font-weight:750;cursor:pointer;box-shadow:0 5px 16px #0002}
.agency-hello-cta:hover{background:#dcffc0}.agency-hello-cta:focus-visible{outline:3px solid white;outline-offset:4px}
@media(max-width:600px){
 .phone.has-agency-feed[data-current-view="feed"]{animation:none}
 #gigCard.is-agency{left:14px;right:72px;top:180px;bottom:100px;padding:18px 15px;gap:13px;border-radius:20px}
 #gigCard.is-agency #agencyFeedMosaic{gap:12px;flex-wrap:wrap}
 .agency-logo-frame{flex-basis:132px;height:86px}.agency-eyebrow{font-size:9px}
 #gigCard.is-agency .gig-title h2{font-size:23px}
 .agency-terms-grid{grid-template-columns:1fr;gap:10px}.agency-term{padding:15px;gap:6px}
 .agency-term-value{font-size:27px}.agency-invite{flex-direction:column;align-items:stretch;gap:14px}
 .agency-hello-cta{width:100%}.agency-roster{flex-direction:column;align-items:flex-start;gap:10px}
}
@media(min-width:901px){
 #gigCard.is-agency{display:grid;grid-template-columns:148px minmax(0,1fr);align-content:start;top:145px;bottom:100px;padding:24px;gap:18px 24px}
 #gigCard.is-agency #agencyFeedMosaic{flex-direction:column;gap:8px;align-items:flex-start}
 #gigCard.is-agency .agency-logo-frame{width:148px;height:84px;flex-basis:auto}
 #gigCard.is-agency .agency-eyebrow{font-size:8px;letter-spacing:.12em}
 #gigCard.is-agency .gig-main{align-self:center}
 #gigCard.is-agency .gig-detail{grid-column:1/-1}
 #gigCard.is-agency #gigDescription{margin-bottom:16px}
 #gigCard.is-agency #gigLooking{margin-top:0}
 .agency-roster{margin-top:14px;padding-top:12px}.agency-invite{margin-top:14px;padding-top:14px}
}
.phone.has-agency-feed .feed-actions{right:14px;width:76px;grid-template-rows:54px 76px;gap:18px}
.phone.has-agency-feed .hello-hand-btn,.phone.has-agency-feed .hello-hand-btn .custom-action-icon{width:68px;height:68px}
.phone.has-agency-feed .hand-icon{width:58px;height:58px}
.phone.has-agency-feed .hello-hand-btn span{left:0;right:0;top:auto;bottom:-22px;transform:none;font-size:16px;text-align:center}
@media(max-width:600px){.phone.has-agency-feed .feed-actions{right:7px;width:52px;grid-template-rows:44px 54px}.phone.has-agency-feed .hello-hand-btn,.phone.has-agency-feed .hello-hand-btn .custom-action-icon{width:50px;height:50px}.phone.has-agency-feed .hand-icon{width:44px;height:44px}.phone.has-agency-feed .skip-gig-btn,.phone.has-agency-feed .skip-gig-btn .custom-action-icon{width:42px;height:42px}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.phone.has-agency-feed[data-current-view="feed"]{animation:none}}

.agency-specialties{display:block;margin:0 0 22px;padding:15px 17px;background:#edf5e7;border-left:3px solid #659548;border-radius:0 12px 12px 0}
.agency-specialties-label{display:block;color:#455e37;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:8px}
.agency-specialty-tags{display:flex;flex-wrap:wrap;gap:7px}
.agency-specialty{display:inline-block;padding:5px 10px;border-radius:8px;background:#fff;color:#294522;font-size:14px;font-weight:650;border:1px solid #d8e6cc;overflow-wrap:anywhere;max-width:100%}
.agency-services{display:block;margin-top:22px;padding-top:20px;border-top:1px solid #dce6df}
.agency-services-title{display:block;font-size:16px;font-weight:700;color:#20372c;margin-bottom:14px}
.agency-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.agency-service{display:flex;align-items:flex-start;gap:11px;padding:12px;background:#f7f9f6;border-radius:12px;min-width:0}
.agency-service-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#e8f0df;color:#416d31}
.agency-service-icon svg{width:23px;height:23px;animation:agencyServiceFloat 5s ease-in-out infinite}
.agency-service:nth-child(2n) svg{animation-delay:-1.5s}.agency-service:nth-child(3n) svg{animation-delay:-3s}
@keyframes agencyServiceFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}
.agency-service-text{font-size:13px;line-height:1.5;font-weight:600;color:#2b4034;padding-top:6px;overflow-wrap:anywhere}
.agency-service-note{display:block;font-size:11px;font-weight:500;color:#765322;margin-top:5px;line-height:1.5}
@media(max-width:600px){.agency-services-grid{grid-template-columns:1fr}.agency-service-icon svg{animation:none}#gigCard.is-agency #gigDescription{font-size:16px}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.agency-service-icon svg{animation:none}}

/* The badge and scroll control are siblings: neither is clipped by the scrolling card. */
.agency-match-badge{position:absolute;z-index:13;display:flex;align-items:center;padding:10px 16px;border-radius:14px;background:linear-gradient(135deg,#dcf5bc,#eef9df);color:#29491d;border:1px solid #b7d79e;box-shadow:0 4px 0 #b9d79d,0 7px 18px #1c3b1626;pointer-events:auto;box-sizing:border-box}
.agency-match-title{font-size:13px;font-weight:750;line-height:1.4}
#gigCard.is-agency{display:flex;flex-direction:column;padding:0;gap:0}
#gigCard.is-agency .agency-feed-cover{position:relative;order:0;flex:0 0 auto;width:100%;height:220px;min-height:220px;border-radius:0;overflow:hidden;background:#dce6df url('/app/assets/images/agency-placeholder.svg') center/cover}
#gigCard.is-agency .agency-cover-image{display:block;width:100%;height:100%;object-fit:cover}
#gigCard.is-agency #agencyFeedMosaic{position:absolute;inset:auto auto 18px 24px;display:block;z-index:1}
#gigCard.is-agency .agency-logo-frame{width:132px;height:82px;border:2px solid #ffffffb3;box-shadow:0 5px 18px #0004;border-radius:14px;background:#fff}
#gigCard.is-agency .agency-feed-logo{background:#fff;padding:10px}
#gigCard.is-agency .agency-logo-fallback{color:#355a2b}
#gigCard.is-agency .gig-main{order:1;align-self:stretch;padding:24px 26px 16px}
#gigCard.is-agency .gig-detail{order:2;padding:0 26px 30px}
.agency-scroll-hint{position:absolute;z-index:12;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #a4c77b;border-radius:50%;background:#d8f8ad;color:#244217;font:inherit;font-size:36px;font-weight:700;line-height:1;box-shadow:0 4px 0 #89ac61,0 6px 16px #233d2630;cursor:pointer}
.agency-scroll-hint[hidden]{display:none}.agency-scroll-hint:hover{background:#c3f18b}.agency-scroll-hint:focus-visible{outline:3px solid #527a37;outline-offset:3px}
#gigCard.is-agency .agency-services + .agency-terms-label{margin-top:22px}
.app-menu [data-active-agency-menu][hidden]{display:none!important}
@media(max-width:600px){
 #gigCard.is-agency .agency-feed-cover{height:175px;min-height:175px}
 #gigCard.is-agency #agencyFeedMosaic{left:16px;bottom:14px}
 #gigCard.is-agency .agency-logo-frame{width:108px;height:68px}
 #gigCard.is-agency .gig-main{padding:20px 16px 14px}
 #gigCard.is-agency .gig-detail{padding:0 16px 24px}
 .agency-match-badge{padding:9px 12px;border-radius:12px}.agency-match-title{font-size:11px}
}
.dalepost-intro{border:0;border-radius:24px;padding:24px;width:min(500px,92vw);background:#fff;color:#25232b;text-align:center}.dalepost-intro::backdrop{background:#161022b8}.dalepost-intro img{width:100%;height:210px;object-fit:cover;border-radius:14px}.dalepost-intro button{display:block;width:100%;padding:12px;margin-top:10px;border:0;border-radius:12px;background:#6f4fb8;color:#fff}

.chico-edital-link{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;margin:18px 0 4px;border:1px solid #86b549;border-radius:14px;background:linear-gradient(#d1f69b,#b2df73);color:#203416!important;box-shadow:inset 0 1px #efffd7,0 3px 0 #83aa53,0 7px 14px #0002;font-size:15px;font-weight:700;text-decoration:none!important;gap:12px}.chico-edital-link:active{transform:translateY(2px);box-shadow:inset 0 2px 3px #46612b33}.chico-edital-link:focus-visible{outline:3px solid #609027;outline-offset:4px}

/* Agency meetings have a distinct identity from venue negotiations. */
.negotiation-item.is-agency-meeting{background:linear-gradient(145deg,#353049,#252333);box-shadow:inset 3px 0 #b7a0ed,inset 0 1px #d8caff26,0 14px 30px #0004}
.negotiation-item.is-agency-meeting:hover{background:linear-gradient(145deg,#403856,#2c283d)}
.is-agency-meeting .negotiation-icon{background:linear-gradient(145deg,#a590ce,#645088);color:#fff}
.is-agency-meeting .negotiation-body small{color:#dac9ff}
.is-agency-meeting .negotiation-actions a{background:linear-gradient(180deg,#e9deff,#bdace0);color:#251b37}

.gogo-selection{width:100%;max-width:620px;padding:18px;border:1px solid #cedbcc;border-radius:18px;background:#f5f9f3;color:#192619;margin:14px 0}.gogo-selection label{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid #dce6d9;cursor:pointer}.gogo-selection input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;accent-color:#467c30}.gogo-selection label>span{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}.gogo-selection small{font-size:12px;color:#53634e}.gogo-selection details{font-size:13px}.gogo-selection details p{white-space:pre-wrap}.gogo-selection button{padding:12px 16px;border:1px solid #aac59b;border-radius:12px;background:#d7edca;color:#192619;font:inherit;cursor:pointer}.gogo-selection button:disabled{opacity:.5;cursor:default}.gogo-selection [hidden]{display:none}

/* Provider media: preserve native controls and complete image attribution. */
.gig-provider-dialog{width:min(840px,calc(100vw - 24px));max-height:94dvh;padding:16px;border:1px solid #8c9d81;border-radius:16px;background:#fff;color:#19241e;z-index:100000;overflow:auto}.gig-provider-dialog::backdrop{background:#000b}.gig-provider-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.gig-provider-header button{font-size:28px;min-width:44px;min-height:44px;cursor:pointer}.gig-provider-dialog iframe{display:block;width:100%;height:min(55vh,460px);min-width:200px;min-height:200px;border:0}.gig-provider-dialog img{display:block;width:100%;height:auto;max-height:70dvh;object-fit:contain;background:#fff}

/* Small provider notice outside the active video controls. */
.gig-video-privacy-note{display:block;margin-top:8px;width:fit-content;max-width:100%;padding:5px 10px;border-radius:12px;background:rgba(17,24,20,.85);color:#eee;font-size:11px;line-height:1.4;pointer-events:none}
.gig-video-privacy-note[hidden]{display:none!important}