
#streetLaunchHome,#streetLaunchSheet{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.street-launch-active #view-home>*:not(#streetLaunchHome){display:none!important}
.street-home{width:100%;max-width:760px;margin:0 auto;padding:8px 0 90px}
.street-greeting{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:8px 0 12px}
.street-greeting small{display:block;font-size:9px;letter-spacing:.08em;color:#777;font-weight:800}
.street-greeting h2{margin:3px 0 0;font-size:23px;letter-spacing:-.03em}
.street-wa{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:#e8fff0;color:#087f3d;border:1px solid #bcebcf;font-size:19px}
.street-wallet{background:linear-gradient(135deg,#111,#2b2817);color:#fff;border-radius:20px;padding:18px;box-shadow:0 18px 40px rgba(0,0,0,.14)}
.street-wallet-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.street-wallet small{color:#c9c7bd;font-size:9px;font-weight:800}.street-wallet strong{display:block;font-size:30px;margin-top:5px;letter-spacing:-.04em}
.street-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.street-pill{border:0;border-radius:10px;padding:9px 11px;font-size:10px;font-weight:850;cursor:pointer;text-decoration:none}
.street-pill.primary{background:#ffd21a;color:#111}.street-pill.dark{background:rgba(255,255,255,.11);color:#fff;border:1px solid rgba(255,255,255,.16)}
.street-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.street-metric{background:#fff;border:1px solid #e6e8e4;border-radius:13px;padding:11px}
.street-metric span{display:block;font-size:8px;color:#7a817b;font-weight:800}.street-metric strong{display:block;font-size:16px;margin-top:4px}
.street-banner{
  border-radius:20px;
  background:#151515;
  color:#fff;
  margin:11px 0 16px;
  position:relative;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(0,0,0,.12)
}
.street-carousel{min-height:150px}
.street-slides{position:relative;min-height:150px}
.street-slide{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 120px;
  align-items:center;
  gap:14px;
  padding:20px 22px 26px;
  opacity:0;
  visibility:hidden;
  transform:translateX(16px);
  transition:opacity .35s ease,transform .35s ease,visibility .35s
}
.street-slide.active{
  opacity:1;
  visibility:visible;
  transform:translateX(0)
}
.street-slide:nth-child(1){background:linear-gradient(112deg,#101010 0%,#24200f 72%,#514400 100%)}
.street-slide:nth-child(2){background:linear-gradient(112deg,#101010 0%,#11241d 72%,#16422f 100%)}
.street-slide:nth-child(3){background:linear-gradient(112deg,#101010 0%,#17202a 72%,#203d55 100%)}
.street-slide-copy{min-width:0;position:relative;z-index:2}
.street-slide small{
  color:#ffe66f;
  font-weight:900;
  font-size:8px;
  letter-spacing:.1em
}
.street-slide h3{
  margin:7px 0 5px;
  font-size:clamp(19px,3.4vw,25px);
  line-height:1.08;
  max-width:470px;
  letter-spacing:-.035em
}
.street-slide p{
  margin:0;
  color:#d4d4ce;
  font-size:10.5px;
  max-width:500px;
  line-height:1.45
}
.street-slide-art{
  width:100px;
  height:100px;
  border-radius:28px;
  display:grid;
  place-items:center;
  justify-self:end;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px rgba(255,255,255,.07);
  transform:rotate(-7deg)
}
.street-slide-art span{
  font-size:31px;
  font-weight:950;
  color:#ffd21a;
  letter-spacing:-.05em
}
.street-carousel-dots{
  position:absolute;
  left:22px;
  bottom:10px;
  z-index:4;
  display:flex;
  gap:5px
}
.street-carousel-dots button{
  width:6px;
  height:6px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.35);
  cursor:pointer
}
.street-carousel-dots button.active{
  width:18px;
  border-radius:999px;
  background:#ffd21a
}
.street-head{display:flex;justify-content:space-between;align-items:end;margin:14px 0 9px}.street-head h3{margin:0;font-size:16px}.street-head span{font-size:9px;color:#888}
.street-services{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.street-service{appearance:none;border:1px solid #e5e7e3;background:#fff;border-radius:14px;min-height:88px;padding:10px 6px;text-align:center;cursor:pointer}
.street-service i{width:34px;height:34px;margin:0 auto 7px;display:grid;place-items:center;border-radius:11px;background:#111;color:#ffd21a;font-style:normal;font-size:16px}
.street-service span{display:block;font-size:10px;font-weight:800;line-height:1.2}
.street-recent{display:grid;gap:7px}.street-tx{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 12px;background:#fff;border:1px solid #e5e7e3;border-radius:13px}
.street-tx strong{font-size:11px}.street-tx small{display:block;color:#7d847e;font-size:9px;margin-top:3px}.street-tx .amount{text-align:right;font-size:10px}.street-tx .ok{color:#078654}.street-tx .bad{color:#c03644}.street-tx .pending{color:#946d00}
.street-sheet{position:fixed;inset:0;z-index:10050;background:#f6f7f5;overflow:auto}.street-sheet.hidden{display:none!important}
.street-sheet-top{position:sticky;top:0;z-index:5;height:62px;display:flex;align-items:center;gap:12px;padding:0 16px;background:rgba(255,255,255,.97);border-bottom:1px solid #e6e8e4;backdrop-filter:blur(12px)}
.street-back{border:0;background:transparent;font-size:28px;cursor:pointer}.street-sheet-top h2{margin:0;font-size:18px}.street-sheet-body{max-width:720px;margin:0 auto;padding:16px 14px 90px}
.street-field{margin-bottom:12px}.street-field label{display:block;font-size:10px;color:#626963;font-weight:800;margin-bottom:5px}
.street-field input,.street-field select,.street-field textarea{width:100%;border:1px solid #dfe3de;background:#fff;border-radius:12px;padding:13px;outline:none;font:inherit}
.street-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:4px;margin-bottom:12px}.street-tab{white-space:nowrap;border:1px solid #dfe3de;background:#fff;border-radius:999px;padding:9px 12px;font-size:10px;font-weight:800;cursor:pointer}
.street-tab.active{background:#111;color:#fff;border-color:#111}.street-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.street-plan{border:1px solid #e4e7e2;background:#fff;border-radius:14px;padding:12px 8px;min-height:112px;cursor:pointer;text-align:left}
.street-plan strong{display:block;font-size:15px}.street-plan span{display:block;color:#6f776f;font-size:9px;margin-top:4px}.street-plan b{display:block;font-size:13px;margin-top:10px}
.street-plan .special{display:inline-block;background:#fff4c2;color:#8b6900;border-radius:7px;padding:4px 5px;font-size:8px;margin-top:7px}
.street-panel{background:#fff;border:1px solid #e4e7e2;border-radius:16px;padding:14px;margin-bottom:12px}.street-panel h3{margin:0 0 8px;font-size:15px}
.street-verified{background:#eafaf2;border:1px solid #bfead4;border-radius:13px;padding:11px;margin:10px 0}.street-verified strong{display:block;color:#087847}
.street-notice{border-radius:12px;background:#fff5cb;color:#745a00;padding:10px;font-size:9px;line-height:1.5;margin:10px 0}.street-error{background:#fde8ea;color:#9b2732;border:1px solid #efbec3}
.street-submit{width:100%;border:0;background:#ffd21a;color:#111;border-radius:13px;padding:14px;font-weight:900;cursor:pointer}.street-submit.green{background:#15ad72;color:#fff}.street-submit:disabled{opacity:.55;cursor:wait}
.street-result{text-align:center;padding:26px 10px}.street-result .circle{width:64px;height:64px;border-radius:50%;margin:auto;display:grid;place-items:center;font-size:28px;background:#e7f9ef;color:#087d4d}
.street-result h3{font-size:22px;margin:12px 0 4px}.street-result p{color:#707770;font-size:11px}.street-row{display:flex;justify-content:space-between;gap:15px;padding:6px 0;font-size:11px}
@media(max-width:520px){
  .street-home{padding-left:5px;padding-right:5px}
  .street-service{min-height:82px}
  .street-service span{font-size:9px}
  .street-plan{min-height:108px}

  .street-banner{
    border-radius:16px;
    margin:10px 0 14px
  }

  .street-carousel,
  .street-slides{
    min-height:132px
  }

  .street-slide{
    grid-template-columns:minmax(0,1fr) 68px;
    gap:8px;
    padding:15px 14px 24px
  }

  .street-slide h3{
    font-size:18px;
    line-height:1.08;
    margin:5px 0 4px;
    max-width:260px
  }

  .street-slide p{
    font-size:9.5px;
    line-height:1.35;
    max-width:270px
  }

  .street-slide small{font-size:7px}

  .street-slide-art{
    width:58px;
    height:58px;
    border-radius:18px
  }

  .street-slide-art span{font-size:20px}

  .street-carousel-dots{
    left:14px;
    bottom:9px
  }
}

@media(max-width:360px){
  .street-carousel,
  .street-slides{
    min-height:140px
  }

  .street-slide{
    grid-template-columns:minmax(0,1fr) 52px;
    padding-right:10px
  }

  .street-slide-art{
    width:48px;
    height:48px;
    border-radius:15px
  }

  .street-slide h3{
    font-size:16.5px;
    max-width:220px
  }

  .street-slide p{
    font-size:9px;
    max-width:235px
  }
}


/* TAI247 Street Launch V1.1 — inbox, deal zone, deep data filters, unified history */
.street-top-actions{
  display:flex;
  align-items:center;
  gap:8px
}

.street-icon-button{
  width:40px;
  height:40px;
  border-radius:50%;
  display:grid;
  place-items:center;
  position:relative;
  border:1px solid #e4e7e2;
  background:#fff;
  color:#111;
  cursor:pointer;
  font-size:18px
}

.street-unread{
  position:absolute;
  right:-4px;
  top:-5px;
  min-width:17px;
  height:17px;
  border-radius:999px;
  padding:0 4px;
  display:grid;
  place-items:center;
  background:#ef3340;
  color:#fff;
  border:2px solid #f6f7f5;
  font-size:7px;
  line-height:1;
  font-weight:950
}

.street-kicker{
  display:block;
  font-size:8px;
  letter-spacing:.08em;
  font-weight:950;
  color:#a56a00;
  margin-bottom:3px
}

.street-link-button{
  border:0;
  background:transparent;
  color:#111;
  font-size:10px;
  font-weight:900;
  cursor:pointer
}

.street-deal-zone{
  background:linear-gradient(135deg,#fff8da,#fff);
  border:1px solid #f2dc79;
  border-radius:18px;
  padding:12px;
  margin:12px 0 15px
}

.street-deal-zone .street-head{
  margin:0 0 9px
}

.street-deal-strip,
.street-deal-list{
  display:grid;
  gap:8px
}

.street-deal-strip{
  grid-template-columns:repeat(3,minmax(0,1fr))
}

.street-deal-card{
  appearance:none;
  width:100%;
  border:1px solid #ead67d;
  background:#fff;
  border-radius:14px;
  padding:11px;
  text-align:left;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:112px
}

.street-deal-card.wide{
  min-height:0;
  flex-direction:row;
  align-items:center;
  gap:12px
}

.street-deal-card strong{
  display:block;
  font-size:12px
}

.street-deal-card span{
  display:block;
  color:#74766d;
  font-size:9px;
  margin-top:3px
}

.street-deal-numbers{
  margin-top:9px
}

.street-deal-numbers b{
  display:block;
  font-size:11px
}

.street-deal-numbers em{
  display:block;
  color:#078654;
  font-size:9px;
  font-weight:900;
  font-style:normal;
  margin-top:3px
}

.street-data-picker{
  position:sticky;
  top:62px;
  z-index:3;
  background:#f6f7f5;
  padding-top:2px
}

.street-network-tabs{
  margin-bottom:7px
}

.street-category-tabs{
  margin-bottom:9px
}

.street-category{
  padding:8px 11px
}

.street-category.active{
  background:#ffd21a;
  color:#111;
  border-color:#e3ba00
}

.street-data-summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:6px 1px 10px
}

.street-data-summary strong{
  font-size:12px
}

.street-data-summary span{
  font-size:9px;
  color:#7a817b
}

.street-plan-tags{
  display:flex!important;
  flex-wrap:wrap;
  gap:4px;
  margin-top:6px!important
}

.street-plan-tags i{
  display:inline-flex;
  border-radius:999px;
  padding:3px 5px;
  background:#f0f2ef;
  color:#4d554e;
  font-style:normal;
  font-size:7px;
  font-weight:850
}

.street-plan-tags i.deal{
  background:#e6f8ef;
  color:#087847
}

.street-earn{
  display:block;
  margin-top:4px;
  color:#078654;
  font-size:8px;
  font-weight:850;
  font-style:normal
}

.street-empty{
  grid-column:1/-1;
  background:#fff;
  border:1px dashed #d9ddd7;
  border-radius:14px;
  padding:22px;
  text-align:center;
  color:#777;
  font-size:10px
}

.street-tx-button{
  width:100%;
  appearance:none;
  text-align:left;
  cursor:pointer
}

.street-tx-button:hover{
  border-color:#cfd4cd
}

.street-history-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:10px
}

.street-history-head small{
  display:block;
  color:#8a918a;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em
}

.street-history-head h3{
  margin:2px 0 0;
  font-size:18px
}

.street-history-head>span{
  font-size:9px;
  color:#858b85
}

@media(max-width:520px){
  .street-deal-strip{
    grid-template-columns:1fr;
  }

  .street-deal-card{
    min-height:0;
    flex-direction:row;
    align-items:center;
    gap:10px
  }

  .street-deal-numbers{
    margin-top:0;
    text-align:right
  }

  .street-deal-card.wide{
    align-items:flex-start
  }

  .street-plan-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .street-plan{
    padding:10px 7px
  }

  .street-plan strong{
    font-size:14px
  }

  .street-plan b{
    font-size:12px
  }
}
