/* ChatGPT-inspired Stellar AI workspace — neutral, focused and still Stellar-branded. */
:root{--chatgpt-bg:#212121;--chatgpt-sidebar:#171717;--chatgpt-panel:#2f2f2f;--chatgpt-hover:#2a2a2a;--chatgpt-line:rgba(255,255,255,.10);--chatgpt-muted:#a7a7a7;--stellar-plan:#8b5cf6}
.stellar-global-header{display:none!important}
.stellar-app-shell{padding-top:0!important;height:100dvh!important;min-height:100dvh!important;background:var(--chatgpt-bg)!important}
.stellar-app-shell #sidebar{position:fixed!important;inset:0 auto 0 0!important;width:260px!important;height:100dvh!important;padding:10px 10px 12px!important;background:var(--chatgpt-sidebar)!important;border-right:1px solid rgba(255,255,255,.055)!important;box-shadow:none!important}
.stellar-app-shell #main-col{margin-left:260px!important;min-width:0!important;background:var(--chatgpt-bg)!important}
#sidebar .sidebar-brand-row{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 4px 8px!important}
#sidebar .brand-title{font-size:15px!important;color:#f4f4f4!important}.brand-grad{background:none!important;-webkit-text-fill-color:initial!important;color:#f4f4f4!important}.brand-star{color:#a78bfa!important;filter:none!important}
.side-new{height:42px!important;margin-bottom:8px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#f5f5f5!important;box-shadow:none!important;text-align:left!important;padding:0 12px!important}
.side-new::before{content:'＋';margin-right:10px;font-size:18px;font-weight:400}.side-new:hover{background:var(--chatgpt-hover)!important}
#search{height:38px!important;margin-bottom:8px!important;padding:0 11px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#e5e5e5!important;font-weight:500!important}
#search:focus{background:#242424!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important}
.stellar-sidebar-nav{display:none!important}
#chats-heading{display:block!important;padding:13px 10px 6px!important;color:#858585!important;font-size:11px!important;font-weight:650!important;text-transform:none!important;letter-spacing:0!important}
#chats-list{display:block!important;min-height:0!important;overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:#444 transparent!important}
.sidebar-item{min-height:38px!important;margin:1px 0!important;padding:8px 10px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#e7e7e7!important;font-size:13px!important;box-shadow:none!important;transform:none!important}
.sidebar-item:hover,.sidebar-item.active{background:#2a2a2a!important;border:0!important;transform:none!important}
.acct-box{margin-top:auto!important}.side-foot{padding-top:8px!important;border-top:1px solid rgba(255,255,255,.07)!important}.side-row-2,.side-row-3{gap:4px!important}.side-act{min-height:38px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#d7d7d7!important;box-shadow:none!important}.side-act:hover{background:#292929!important}
.topbar.glass{height:52px!important;min-height:52px!important;padding:0 18px!important;border:0!important;background:linear-gradient(180deg,rgba(33,33,33,.98),rgba(33,33,33,.88))!important;backdrop-filter:blur(12px)!important;box-shadow:none!important}.topbar #chat-title{opacity:1!important;color:#e9e9e9!important;font-size:14px!important;font-weight:650!important}
#chat{width:100%!important;max-width:none!important;padding:0 24px 170px!important;background:transparent!important}
.greet-wrap{width:min(100%,760px)!important;max-width:760px!important;margin:0 auto!important;padding:clamp(88px,16vh,160px) 0 40px!important;text-align:center!important}
.stellar-v2-badge,.stellar-feature-grid,.welcome-sub::after,.greet-hi::after,.home-guides-link{display:none!important}
.greet-hi{font-size:clamp(30px,4vw,38px)!important;line-height:1.12!important;font-weight:650!important;letter-spacing:-.035em!important;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;color:#f4f4f4!important}
.welcome-sub{margin:10px auto 28px!important;color:#aaa!important;font-size:15px!important;font-weight:450!important}
#welcome-starters-heading{display:block!important;margin:0 0 10px!important;color:#8d8d8d!important;font-size:11px!important;font-weight:650!important;text-align:left!important}
#suggestion-chips{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:760px!important;margin:0 auto!important}
.sug-chip{min-height:58px!important;padding:10px 14px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;background:#2b2b2b!important;color:#ededed!important;text-align:left!important;justify-content:flex-start!important;box-shadow:none!important}.sug-chip:hover{background:#333!important;border-color:rgba(255,255,255,.16)!important;transform:none!important}
.sug-chip span:first-child{width:28px!important;height:28px!important;margin-right:4px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:#353535!important;font-size:13px!important}
.input-area.glass{position:fixed!important;left:260px!important;right:0!important;bottom:0!important;z-index:40!important;padding:18px 24px calc(12px + env(safe-area-inset-bottom))!important;border:0!important;background:linear-gradient(180deg,rgba(33,33,33,0),#212121 24%,#212121 100%)!important;box-shadow:none!important}
.input-area>.flex{position:relative!important;width:min(100%,768px)!important;max-width:768px!important;min-height:62px!important;margin:0 auto!important;padding:8px 94px 8px 12px!important;border:1px solid #424242!important;border-radius:28px!important;background:var(--chatgpt-panel)!important;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 4px 20px rgba(0,0,0,.14)!important}
#txt{min-height:44px!important;max-height:180px!important;padding:11px 8px!important;border:0!important;background:transparent!important;color:#f3f3f3!important;font-size:15px!important;font-weight:450!important;line-height:1.45!important;box-shadow:none!important}
#txt::placeholder{color:#9a9a9a!important}.mic-btn{position:absolute!important;right:52px!important;top:13px!important;width:36px!important;height:36px!important;border:0!important;background:transparent!important;color:#c9c9c9!important}
.input-area #send-btn{position:absolute!important;right:11px!important;top:12px!important;width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border-radius:50%!important;background:#f4f4f4!important;color:#171717!important;box-shadow:none!important;font-size:0!important}.input-area #send-btn::after{content:'↑'!important;color:#171717!important;font-size:20px!important;font-weight:800!important}
.composer-foot{position:static!important;width:min(100%,768px)!important;max-width:768px!important;margin:8px auto 0!important;justify-content:space-between!important;gap:8px!important}.keyboard-hint{display:none!important}.composer-foot .foot-right{display:flex!important;gap:6px!important;margin-left:auto!important}.ws-toggle,.model-pill,.credits-btn{min-height:34px!important;padding:0 10px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#a9a9a9!important;box-shadow:none!important;font-size:11px!important}.ws-toggle:hover,.model-pill:hover,.credits-btn:hover{background:#2b2b2b!important;color:#eee!important}
#workspace{background:#191919!important;border-left:1px solid rgba(255,255,255,.08)!important;box-shadow:-12px 0 36px rgba(0,0,0,.18)!important}
/* Plans: clearer hierarchy, included allowance, and separate wallet-credit explanation. */
#plans-modal{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(10px)!important}
#plans-modal>div{width:min(1120px,calc(100vw - 32px))!important;max-width:1120px!important;max-height:calc(100dvh - 36px)!important;margin:18px!important;padding:28px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:20px!important;background:#171717!important;color:#f4f4f4!important;box-shadow:0 24px 80px rgba(0,0,0,.45)!important}
#plans-modal>div>div:first-child{margin-bottom:18px!important}.plans-modal-subtitle{color:#9f9f9f!important}.plans-choice-guide{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important}.plans-choice-guide span{min-height:56px!important;padding:10px 12px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;background:#202020!important;color:#b6b6b6!important;font-size:11px!important;line-height:1.35!important}.plans-choice-guide b{display:block!important;margin-bottom:3px!important;color:#eee!important;font-size:9px!important;letter-spacing:.08em!important}
.plans-clarity-note{margin:0 0 18px;padding:12px 14px;border:1px solid rgba(167,139,250,.22);border-radius:12px;background:rgba(139,92,246,.08);color:#c9c5d3;font-size:12px;line-height:1.5}.plans-clarity-note strong{color:#f0ebff}
#plans-grid-inner{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-bottom:16px!important;overflow:visible!important}
#plans-modal .plan-card{min-width:0!important;min-height:430px!important;padding:20px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:16px!important;background:#202020!important;box-shadow:none!important;transform:none!important;align-items:stretch!important;text-align:left!important}
#plans-modal .plan-card:hover{border-color:rgba(255,255,255,.18)!important;background:#242424!important;transform:none!important}
#plans-modal #plan-card-starter{border-color:rgba(167,139,250,.22)!important;background:#211f27!important}#plans-modal #plan-card-plus{border-color:rgba(167,139,250,.56)!important;background:linear-gradient(180deg,rgba(139,92,246,.12),#202020 30%)!important}#plans-modal #plan-card-pro{border-color:rgba(251,191,36,.22)!important;background:#22211e!important}
#plans-modal .plan-head-name{font-size:12px!important;letter-spacing:.02em!important;text-transform:none!important;color:#ececec!important;margin-bottom:8px!important}#plans-modal .plan-head-price{font-size:34px!important;color:#f7f7f7!important}#plans-modal .plan-head-per{color:#999!important;margin-bottom:10px!important}
#plans-modal .plan-fit-line{min-height:64px!important;margin:0 0 12px!important;padding:0!important;border:0!important;background:transparent!important;color:#b3b3b3!important;font-size:11.5px!important;line-height:1.45!important}#plans-modal .plan-fit-line b{display:none!important}
.plan-usage-pill{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 0 14px;padding:10px 11px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#181818}.plan-usage-pill small{display:block;max-width:86px;color:#8f8f8f;font-size:9px;line-height:1.25}.plan-usage-pill strong{color:#f1f1f1;font-size:12px;white-space:nowrap}
#plans-modal .plan-features{gap:8px!important}#plans-modal .plan-features>div{font-size:12px!important;color:#bdbdbd!important}#plans-modal .plan-features>div:first-child{color:#777!important;font-size:9px!important}
#plans-modal button[id^='plan-btn-']{min-height:42px!important;border-radius:10px!important}.plans-payment-note{color:#777!important}.plans-topup button{color:#999!important}.plans-topup button span{color:#b9a7ef!important}
.plan-limit-note{max-width:720px;margin:14px auto 0;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025);color:#9f98ab;font-size:11px;line-height:1.55;text-align:center}
body.light .stellar-app-shell,body.light .stellar-app-shell #main-col{background:#fff!important}body.light .stellar-app-shell #sidebar{background:#f7f7f8!important;border-right-color:#e5e5e5!important}body.light .sidebar-item,body.light .side-act,body.light #sidebar .brand-title{color:#262626!important}body.light .sidebar-item:hover,body.light .sidebar-item.active,body.light .side-act:hover{background:#ececec!important}body.light .topbar.glass{background:rgba(255,255,255,.92)!important}body.light .topbar #chat-title{color:#222!important}body.light .greet-hi{color:#222!important}body.light .welcome-sub{color:#666!important}body.light .sug-chip{background:#f7f7f7!important;border-color:#e4e4e4!important;color:#292929!important}body.light .input-area.glass{background:linear-gradient(180deg,rgba(255,255,255,0),#fff 24%,#fff 100%)!important}body.light .input-area>.flex{background:#f4f4f4!important;border-color:#ddd!important}body.light #txt{color:#222!important}body.light #plans-modal>div{background:#fff!important;color:#202020!important}body.light #plans-modal .plan-card{background:#f7f7f7!important;color:#222!important;border-color:#e2e2e2!important}body.light .plan-usage-pill{background:#fff;border-color:#e3e3e3}body.light .plan-usage-pill strong{color:#222}
@media(max-width:980px){#plans-grid-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}.plans-choice-guide{grid-template-columns:repeat(2,minmax(0,1fr))!important}#plans-modal .plan-card{min-height:0!important}.stellar-app-shell #sidebar{width:244px!important}.stellar-app-shell #main-col{margin-left:244px!important}.input-area.glass{left:244px!important}}
@media(max-width:767px){.stellar-app-shell #sidebar{width:min(86vw,320px)!important;max-width:320px!important;transform:translateX(-105%)!important;z-index:100!important}.stellar-app-shell #sidebar.open{transform:translateX(0)!important}.stellar-app-shell #main-col{margin-left:0!important}.input-area.glass{left:0!important;padding:12px 12px calc(8px + env(safe-area-inset-bottom))!important}.input-area>.flex{min-height:58px!important;padding-right:88px!important}.composer-foot{padding:0 5px!important}.greet-wrap{padding:clamp(70px,12vh,110px) 4px 32px!important}.greet-hi{font-size:30px!important}#suggestion-chips{grid-template-columns:1fr!important}.sug-chip{min-height:54px!important}#chat{padding:0 14px 150px!important}.topbar.glass{padding:0 12px!important}#plans-modal{align-items:flex-end!important}#plans-modal>div{width:100%!important;max-width:none!important;max-height:92dvh!important;margin:0!important;padding:18px 14px calc(18px + env(safe-area-inset-bottom))!important;border-radius:20px 20px 0 0!important}.plans-choice-guide{grid-template-columns:1fr 1fr!important}#plans-grid-inner{grid-template-columns:1fr!important;gap:10px!important}#plans-modal .plan-card{min-height:0!important;padding:18px!important}.plan-usage-pill{margin-bottom:12px!important}}
@media(max-width:430px){.plans-choice-guide{grid-template-columns:1fr!important}.composer-foot .credits-btn{display:none!important}.greet-hi{font-size:28px!important}}


/* ChatGPT home layout refinement v2 */
.stellar-app-shell #main-col{
  position:relative!important;
  height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
}
.topbar.glass{
  position:sticky!important;
  top:0!important;
  z-index:45!important;
}
#chat{
  height:calc(100dvh - 52px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  padding-top:0!important;
}
#chat > .message,
#chat > .msg,
#chat .message{
  width:min(100%,768px)!important;
  max-width:768px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#chat .message.msg-user{
  display:flex!important;
  justify-content:flex-end!important;
}
#chat .message.msg-user .msg-content{
  width:auto!important;
  max-width:min(78%,620px)!important;
  border-radius:18px!important;
}
#chat .message.msg-assistant .msg-content{
  width:100%!important;
  max-width:100%!important;
}
.greet-wrap{
  min-height:calc(100dvh - 250px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:center!important;
  padding-top:clamp(92px,16vh,150px)!important;
}
.greet-hi{
  max-width:720px!important;
  margin-inline:auto!important;
}
.welcome-sub{
  max-width:620px!important;
}
#suggestion-chips{
  max-width:720px!important;
}
.input-area.glass{
  pointer-events:none!important;
}
.input-area.glass > *{
  pointer-events:auto!important;
}
.input-area>.flex{
  width:min(calc(100% - 12px),768px)!important;
  min-height:64px!important;
  border-radius:28px!important;
}
#txt{
  width:100%!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
}
.composer-foot{
  width:min(calc(100% - 12px),768px)!important;
}
#sidebar{
  scrollbar-gutter:stable!important;
}
#sidebar .side-new,
#sidebar .side-act,
#sidebar .sidebar-item{
  min-height:44px!important;
}
#sidebar .side-new{
  display:flex!important;
  align-items:center!important;
}
#sidebar .sidebar-item{
  display:flex!important;
  align-items:center!important;
}
body.light .stellar-app-shell #main-col,
body.light #chat{
  background:#fff!important;
}
@media (min-width:768px){
  .topbar.glass{
    padding-left:22px!important;
    padding-right:22px!important;
  }
  #chat{
    padding-left:32px!important;
    padding-right:32px!important;
  }
}
@media (max-width:767px){
  .stellar-app-shell #main-col{
    width:100%!important;
  }
  .topbar.glass{
    height:54px!important;
    min-height:54px!important;
  }
  #chat{
    height:calc(100dvh - 54px)!important;
    padding:0 12px 154px!important;
  }
  .greet-wrap{
    min-height:calc(100dvh - 230px)!important;
    padding:clamp(76px,12vh,108px) 2px 28px!important;
  }
  .greet-hi{
    font-size:clamp(27px,8vw,32px)!important;
    max-width:94vw!important;
  }
  .welcome-sub{
    margin:8px auto 22px!important;
    padding:0 8px!important;
    font-size:14px!important;
  }
  #suggestion-chips{
    width:min(100%,600px)!important;
    gap:7px!important;
  }
  .sug-chip{
    min-height:54px!important;
    border-radius:13px!important;
  }
  .input-area.glass{
    padding:10px 8px calc(8px + env(safe-area-inset-bottom))!important;
  }
  .input-area>.flex{
    width:100%!important;
    min-height:58px!important;
    padding:7px 88px 7px 10px!important;
    border-radius:25px!important;
  }
  #txt{
    min-height:42px!important;
    padding:10px 7px!important;
    font-size:16px!important;
  }
  .mic-btn{
    top:11px!important;
    right:50px!important;
    width:38px!important;
    height:38px!important;
  }
  .input-area #send-btn{
    top:10px!important;
    right:9px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }
  .composer-foot{
    width:100%!important;
    min-height:36px!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
    scrollbar-width:none!important;
  }
  .composer-foot::-webkit-scrollbar{
    display:none!important;
  }
  .composer-foot .foot-right{
    margin-left:auto!important;
    flex:none!important;
  }
  .ws-toggle,.model-pill,.credits-btn{
    min-height:36px!important;
    flex:none!important;
  }
}
@media (max-width:390px){
  #chat{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .greet-wrap{
    padding-top:68px!important;
  }
  .greet-hi{
    font-size:27px!important;
  }
  .input-area.glass{
    padding-left:6px!important;
    padding-right:6px!important;
  }
  .composer-foot{
    padding-inline:2px!important;
  }
}


/* Stellar premium chat polish v3 */
:root{
  --stellar-ui-bg:#202123;
  --stellar-ui-sidebar:#17181a;
  --stellar-ui-panel:#2b2c30;
  --stellar-ui-panel-hover:#323338;
  --stellar-ui-line:rgba(255,255,255,.095);
  --stellar-ui-line-strong:rgba(255,255,255,.15);
  --stellar-ui-text:#f4f4f5;
  --stellar-ui-muted:#a1a1aa;
  --stellar-ui-accent:#a78bfa;
}
.stellar-app-shell,
.stellar-app-shell #main-col,
#chat{
  background:var(--stellar-ui-bg)!important;
}
.stellar-app-shell #sidebar{
  background:var(--stellar-ui-sidebar)!important;
  border-right:1px solid rgba(255,255,255,.045)!important;
}
#sidebar .sidebar-brand-row{
  min-height:46px!important;
  margin:0 4px 6px!important;
  padding:0 7px!important;
  border-radius:11px!important;
}
#sidebar .brand-title{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}
#sidebar .brand-star{
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:rgba(167,139,250,.11)!important;
  color:#c4b5fd!important;
}
.side-new{
  min-height:44px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  font-size:13px!important;
  font-weight:600!important;
}
.side-new:hover{
  background:#242529!important;
  border-color:rgba(255,255,255,.055)!important;
}
#search{
  min-height:40px!important;
  padding:0 12px!important;
  border:1px solid transparent!important;
  color:#d4d4d8!important;
  font-size:13px!important;
}
#search::placeholder{color:#71717a!important}
#search:focus{
  background:#222327!important;
  border-color:rgba(167,139,250,.22)!important;
  box-shadow:none!important;
}
#chats-heading{
  padding:15px 10px 7px!important;
  color:#71717a!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
.sidebar-item{
  position:relative!important;
  min-height:42px!important;
  margin:1px 0!important;
  padding:9px 11px!important;
  border-radius:10px!important;
  color:#d4d4d8!important;
  font-size:13px!important;
  line-height:1.35!important;
}
.sidebar-item:hover{
  background:#242529!important;
}
.sidebar-item.active{
  background:#292a2f!important;
  color:#fff!important;
}
.sidebar-item.active::before{
  content:''!important;
  position:absolute!important;
  left:3px!important;
  top:11px!important;
  bottom:11px!important;
  width:2px!important;
  border-radius:999px!important;
  background:var(--stellar-ui-accent)!important;
}
.side-foot{
  border-top:1px solid rgba(255,255,255,.055)!important;
  padding-top:8px!important;
}
.side-act{
  min-height:42px!important;
  border-radius:10px!important;
  color:#b8b8c0!important;
}
.side-act:hover{
  background:#242529!important;
  color:#f4f4f5!important;
}
.topbar.glass{
  background:rgba(32,33,35,.88)!important;
  border-bottom:1px solid rgba(255,255,255,.035)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.topbar #chat-title{
  color:#d7d7dc!important;
  font-size:13px!important;
  font-weight:650!important;
  letter-spacing:-.01em!important;
}
#chat{
  scroll-behavior:smooth!important;
}
#chat .message{
  padding-top:14px!important;
  padding-bottom:14px!important;
}
#chat .message .msg-content{
  color:#ededf0!important;
  font-size:15px!important;
  line-height:1.68!important;
  letter-spacing:-.006em!important;
}
#chat .message.msg-user .msg-content{
  max-width:min(80%,640px)!important;
  padding:11px 15px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:18px 18px 5px 18px!important;
  background:#2b2c30!important;
  color:#f7f7f8!important;
  box-shadow:none!important;
}
#chat .message.msg-assistant .msg-content{
  padding:4px 2px!important;
  background:transparent!important;
  border:0!important;
}
#chat pre{
  margin:14px 0!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:13px!important;
  background:#17181b!important;
  box-shadow:none!important;
}
#chat code{
  font-size:.92em!important;
}
.greet-wrap{
  max-width:780px!important;
}
.greet-hi{
  color:#fafafa!important;
  font-size:clamp(32px,4vw,40px)!important;
  font-weight:680!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
}
.greet-hi-accent{
  color:#c4b5fd!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
}
.welcome-sub{
  max-width:580px!important;
  color:#98989f!important;
  font-size:14px!important;
  line-height:1.55!important;
}
#welcome-starters-heading{
  margin-bottom:9px!important;
  padding-left:2px!important;
  color:#777780!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
#suggestion-chips{
  gap:9px!important;
}
.sug-chip{
  position:relative!important;
  min-height:60px!important;
  padding:11px 13px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:14px!important;
  background:#27282c!important;
  color:#e4e4e7!important;
  font-size:13px!important;
  line-height:1.35!important;
}
.sug-chip:hover{
  background:#2d2e33!important;
  border-color:rgba(167,139,250,.22)!important;
}
.sug-chip span:first-child{
  flex:none!important;
  width:30px!important;
  height:30px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:9px!important;
  background:#303137!important;
  color:#c4b5fd!important;
}
.input-area.glass{
  background:linear-gradient(180deg,rgba(32,33,35,0),rgba(32,33,35,.94) 26%,var(--stellar-ui-bg) 58%)!important;
}
.input-area>.flex{
  min-height:66px!important;
  border:1px solid #44454b!important;
  border-radius:29px!important;
  background:#2b2c30!important;
  box-shadow:0 10px 34px rgba(0,0,0,.18)!important;
}
.input-area>.flex:hover{
  border-color:#505158!important;
}
.input-area>.flex:focus-within{
  border-color:rgba(167,139,250,.52)!important;
  box-shadow:0 0 0 3px rgba(167,139,250,.075),0 12px 38px rgba(0,0,0,.2)!important;
}
#txt{
  color:#f4f4f5!important;
  font-size:15px!important;
  line-height:1.5!important;
}
#txt::placeholder{
  color:#8c8c94!important;
}
.mic-btn{
  border-radius:50%!important;
  color:#b4b4bc!important;
}
.mic-btn:hover{
  background:rgba(255,255,255,.065)!important;
  color:#fff!important;
}
.input-area #send-btn{
  background:#f4f4f5!important;
  color:#18181b!important;
  box-shadow:none!important;
}
.input-area #send-btn:hover{
  background:#fff!important;
  transform:scale(1.03)!important;
}
.composer-foot{
  margin-top:7px!important;
}
.ws-toggle,.model-pill,.credits-btn{
  min-height:34px!important;
  color:#8f8f97!important;
  font-weight:600!important;
}
.ws-toggle:hover,.model-pill:hover,.credits-btn:hover{
  background:rgba(255,255,255,.055)!important;
  color:#e4e4e7!important;
}
body.light .stellar-app-shell,
body.light .stellar-app-shell #main-col,
body.light #chat{background:#fff!important}
body.light .stellar-app-shell #sidebar{background:#f7f7f8!important}
body.light .topbar.glass{background:rgba(255,255,255,.9)!important;border-bottom-color:rgba(0,0,0,.045)!important}
body.light #chat .message.msg-user .msg-content{background:#f1f1f2!important;border-color:#e3e3e5!important;color:#202124!important}
body.light #chat .message .msg-content{color:#29292d!important}
body.light .greet-hi{color:#202124!important}
body.light .greet-hi-accent{color:#7c3aed!important}
body.light .welcome-sub{color:#71717a!important}
body.light .sug-chip{background:#fafafa!important;border-color:#e7e7e9!important;color:#2d2d31!important}
body.light .sug-chip:hover{background:#f4f4f5!important;border-color:#d8ccff!important}
body.light .input-area.glass{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.95) 26%,#fff 58%)!important}
body.light .input-area>.flex{background:#f7f7f8!important;border-color:#d8d8dc!important;box-shadow:0 10px 30px rgba(0,0,0,.07)!important}
body.light .input-area>.flex:focus-within{border-color:rgba(124,58,237,.44)!important;box-shadow:0 0 0 3px rgba(124,58,237,.06),0 10px 30px rgba(0,0,0,.07)!important}
body.light #txt{color:#202124!important}
@media(max-width:767px){
  .topbar.glass{
    background:rgba(32,33,35,.94)!important;
  }
  .greet-wrap{
    padding-top:clamp(72px,11vh,100px)!important;
  }
  .greet-hi{
    font-size:clamp(28px,8vw,32px)!important;
    letter-spacing:-.038em!important;
  }
  .welcome-sub{
    max-width:94vw!important;
    font-size:13.5px!important;
  }
  #suggestion-chips{
    gap:7px!important;
  }
  .sug-chip{
    min-height:56px!important;
    border-radius:13px!important;
  }
  #chat .message{
    padding-top:11px!important;
    padding-bottom:11px!important;
  }
  #chat .message .msg-content{
    font-size:14.5px!important;
    line-height:1.62!important;
  }
  #chat .message.msg-user .msg-content{
    max-width:88%!important;
    border-radius:17px 17px 5px 17px!important;
  }
  .input-area>.flex{
    min-height:60px!important;
    border-radius:26px!important;
    box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
  }
  #txt{
    font-size:16px!important;
  }
}
@media(max-width:390px){
  .greet-hi{
    font-size:27px!important;
  }
  .welcome-sub{
    font-size:13px!important;
  }
  #chat .message.msg-user .msg-content{
    max-width:92%!important;
  }
}