/* Match the app home to the public Stellar landing-page design without changing app behavior. */
:root{
  --landing-bg:#09090e;
  --landing-panel:#111117;
  --landing-panel-2:#15111d;
  --landing-line:#25252e;
  --landing-line-gold:#3a311c;
  --landing-ink:#f5f3fa;
  --landing-muted:#9a99a9;
  --landing-gold:#d4af37;
  --landing-gold-bright:#f4d676;
  --landing-green:#95ccb3;
}

body,
body:not(.light){
  background:
    radial-gradient(ellipse at 50% 4%,rgba(62,36,95,.23),transparent 44rem),
    var(--landing-bg)!important;
  color:var(--landing-ink)!important;
  font-family:Manrope,Arial,sans-serif!important;
}

body:not(.light)::before,
body:not(.light) #main-col::before{
  display:none!important;
  content:none!important;
}

.stellar-app-shell,
.stellar-app-shell #main-col,
#chat{
  background:transparent!important;
}

/* Header uses the same quiet glass treatment as the landing navigation. */
.stellar-global-header{
  height:58px!important;
  min-height:58px!important;
  padding:0 18px!important;
  background:rgba(9,9,14,.90)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.stellar-global-header .stellar-top-actions{gap:8px!important}
.stellar-global-header .stellar-top-actions>a{
  display:inline-flex!important;
  min-height:40px!important;
  align-items:center!important;
  color:#a9a7b5!important;
  font-size:11px!important;
  font-weight:650!important;
  background:transparent!important;
}
.stellar-global-header .stellar-top-actions>a:hover{color:var(--landing-ink)!important}
.stellar-global-header .stellar-upgrade{
  min-height:40px!important;
  height:40px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:8px!important;
  background:var(--landing-gold)!important;
  color:#17101f!important;
  font-size:11px!important;
  font-weight:800!important;
  box-shadow:inset 0 1px 0 #d4c5ff,0 4px 24px rgba(165,138,237,.08)!important;
}
.stellar-global-header .stellar-upgrade:hover{
  background:var(--landing-gold-bright)!important;
  transform:translateY(-1px)!important;
}

.stellar-global-header .topbar-model-picker #model-btn{
  min-width:126px!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 12px!important;
  border:1px solid #362b42!important;
  border-radius:8px!important;
  background:#15131a!important;
  color:#d8cfdf!important;
  box-shadow:none!important;
}
#model-btn .model-icon{font-size:12px!important}
#model-btn .model-name{color:#ece4f5!important;font-size:11.5px!important;font-weight:750!important}
#model-btn .model-mode{
  color:#968b9f!important;
  border-left:1px solid #302737!important;
  font-size:9px!important;
}
#model-btn .model-caret{color:#786b84!important}

#model-menu{
  border:1px solid #302736!important;
  border-radius:12px!important;
  background:#101014!important;
  box-shadow:0 28px 70px rgba(0,0,0,.42)!important;
}
#model-menu [data-model-choice]{
  min-height:44px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
}
#model-menu [data-model-choice]:hover,
#model-menu [data-model-choice]:focus-visible{
  background:#1e1828!important;
  border-color:#352943!important;
}
#model-menu [data-model-choice][aria-checked="true"]{
  background:#d4af3714!important;
  border-color:#d4af3724!important;
  color:#efe6fb!important;
}

/* Sidebar mirrors the workspace preview shown on the landing page. */
#sidebar,
.stellar-app-shell #sidebar{
  top:58px!important;
  width:244px!important;
  height:calc(100dvh - 58px)!important;
  padding:14px 12px 14px!important;
  background:#101015!important;
  border-right:1px solid #25222c!important;
  box-shadow:none!important;
}
.stellar-app-shell #main-col{margin-left:244px!important}
#sidebar .sidebar-brand-row{
  min-height:42px!important;
  margin:0 5px 11px!important;
  padding:2px 3px!important;
}
#sidebar .brand-title{
  gap:8px!important;
  color:#f3edf8!important;
  font-size:16px!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
}
#sidebar .brand-star{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--landing-gold)!important;
  font-size:20px!important;
}
#sidebar .brand-grad{
  color:#f3edf8!important;
  -webkit-text-fill-color:currentColor!important;
}

#sidebar .side-new{
  min-height:43px!important;
  height:43px!important;
  padding:0 11px!important;
  justify-content:flex-start!important;
  gap:9px!important;
  border:1px solid #302936!important;
  border-radius:7px!important;
  background:#151219!important;
  color:#cfc3dc!important;
  font-size:11px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
#sidebar .side-new:hover{
  background:#201927!important;
  border-color:#49375d!important;
  transform:none!important;
}

#sidebar #search{
  display:block!important;
  min-height:39px!important;
  height:39px!important;
  margin:0 0 9px!important;
  padding:0 11px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#d4c9dd!important;
  font-size:11px!important;
}
#sidebar #search:focus{
  background:#151219!important;
  border-color:#302936!important;
}

#sidebar .stellar-sidebar-nav{
  display:grid!important;
  gap:3px!important;
  margin:3px 0 11px!important;
}
#sidebar .stellar-sidebar-nav button{
  min-height:39px!important;
  padding:0 9px!important;
  gap:9px!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#9f96ae!important;
  font-size:10.5px!important;
  font-weight:650!important;
}
#sidebar .stellar-sidebar-nav button:hover{
  background:#1e1828!important;
  color:#ede4fc!important;
  border-color:transparent!important;
  transform:none!important;
}
#sidebar .stellar-sidebar-nav .nav-ico{
  width:22px!important;
  height:22px!important;
  color:#a88ec1!important;
  font-size:14px!important;
}
#sidebar #chats-heading{
  display:block!important;
  margin:5px 8px 5px!important;
  color:#81788a!important;
  font-family:'DM Mono',monospace!important;
  font-size:7px!important;
  font-weight:500!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
#sidebar #chats-list{display:block!important}
#sidebar .sidebar-item{
  min-height:39px!important;
  margin:1px 0!important;
  padding:8px 9px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#aaa0b6!important;
  font-size:10.5px!important;
  box-shadow:none!important;
}
#sidebar .sidebar-item:hover,
#sidebar .sidebar-item.active{
  background:#d4af3710!important;
  border-color:#d4af371c!important;
  color:#dfd1ee!important;
}
#account-box{
  border-top:1px solid #25222c!important;
  padding:11px 3px 0!important;
}

/* Main chat home gets the landing hero hierarchy. */
#main-col>.topbar{
  height:46px!important;
  min-height:46px!important;
  padding:0 16px!important;
  border:0!important;
  background:transparent!important;
}
#chat{
  padding:56px max(22px,calc((100% - 820px)/2)) 178px!important;
  scroll-padding-bottom:180px!important;
}
.landing-style-home{
  width:min(100%,780px)!important;
  max-width:780px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:36px 0 52px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
}
.landing-style-home .greet-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 auto 18px!important;
  padding:7px 14px!important;
  border:1px solid #d4af372c!important;
  border-radius:999px!important;
  background:#d4af3708!important;
  color:var(--landing-gold)!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.09em!important;
  text-transform:none!important;
}
.landing-style-home .greet-eyebrow-dot{
  display:inline-grid!important;
  width:auto!important;
  height:auto!important;
  place-items:center!important;
  flex:0 0 auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.landing-style-home .greet-eyebrow-dot::before{
  content:"✦";
  color:var(--landing-gold);
  font-size:14px;
  line-height:1;
}
.landing-style-home .greet-brand{display:none!important}
.landing-style-home .greet-hi,
.landing-style-home #greet-hi .greet-hi-accent{
  display:inline!important;
  max-width:780px!important;
  margin:0!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:currentColor!important;
  color:var(--landing-ink)!important;
  font-size:clamp(43px,5.7vw,68px)!important;
  line-height:1.04!important;
  font-weight:600!important;
  letter-spacing:-.064em!important;
  text-shadow:none!important;
}
.landing-style-home #greet-hi .greet-hi-accent{
  color:var(--landing-gold)!important;
  background:linear-gradient(110deg,#fff3c4 10%,#d4af37 53%,#8f6b1e)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
.landing-style-home .welcome-sub{
  display:block!important;
  max-width:590px!important;
  margin:17px auto 0!important;
  color:#aaa6b9!important;
  font-size:14px!important;
  line-height:1.8!important;
  font-weight:400!important;
}
.landing-style-home .home-disclaimer{
  display:block!important;
  margin:14px auto 0!important;
  color:#81788a!important;
  font-size:9px!important;
  letter-spacing:.02em!important;
}
#welcome-starters-heading,
#suggestion-chips,
.stellar-feature-grid,
.home-prompt-pills{display:none!important}

/* Composer matches the landing-page interactive preview. */
.input-area.glass{
  position:sticky!important;
  bottom:0!important;
  z-index:120!important;
  padding:10px 18px max(14px,env(safe-area-inset-bottom))!important;
  border:0!important;
  background:linear-gradient(to top,rgba(9,9,14,.98) 72%,rgba(9,9,14,.90) 87%,rgba(9,9,14,0))!important;
  box-shadow:none!important;
}
.input-area>.flex,
.input-area .composer-foot{
  width:min(100%,780px)!important;
  max-width:780px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  border-color:var(--landing-line-gold)!important;
  background:#15111d!important;
  box-shadow:0 0 15px rgba(173,123,249,.035)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.input-area>.flex{
  min-height:62px!important;
  padding:8px 8px 4px!important;
  border:1px solid var(--landing-line-gold)!important;
  border-bottom:0!important;
  border-radius:12px 12px 0 0!important;
}
.input-area #txt{
  min-height:46px!important;
  max-height:160px!important;
  padding:11px 12px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#e5d9f5!important;
  caret-color:var(--landing-gold)!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.55!important;
  box-shadow:none!important;
}
.input-area #txt::placeholder{color:#94829f!important}
.input-area #txt:focus{box-shadow:none!important;background:transparent!important}
.input-area .composer-foot{
  min-height:42px!important;
  padding:3px 7px 7px!important;
  border:1px solid var(--landing-line-gold)!important;
  border-top:0!important;
  border-radius:0 0 12px 12px!important;
}
.input-area #send-btn{
  min-width:42px!important;
  width:42px!important;
  min-height:42px!important;
  height:42px!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:var(--landing-gold)!important;
  color:#23172e!important;
  box-shadow:none!important;
}
.input-area #send-btn::before,
.input-area #send-btn:not(.is-stop)::after{color:#23172e!important}
.input-area #send-btn:hover{
  background:var(--landing-gold-bright)!important;
  transform:translateY(-1px)!important;
  box-shadow:none!important;
}
.input-area #send-btn.is-stop{
  background:#3a2027!important;
  color:#ffc8d2!important;
}
.input-area #mic-btn,
.input-area .composer-foot .ws-toggle,
.input-area .composer-foot .credits-btn,
.input-area .composer-foot #image-upload-btn{
  min-height:34px!important;
  height:34px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#9c8eaa!important;
}
.input-area #mic-btn:hover,
.input-area .composer-foot .ws-toggle:hover,
.input-area .composer-foot .credits-btn:hover,
.input-area .composer-foot #image-upload-btn:hover{
  background:#201927!important;
  border-color:#302936!important;
  color:#e9dff3!important;
}
#composer-model-trigger,
#composer-plans-btn{display:none!important}

/* Conversation styling uses the same preview palette. */
#chat .msg-user{
  max-width:780px!important;
}
#chat .msg-user .msg-content{
  border:1px solid #2d2638!important;
  border-radius:12px 12px 4px 12px!important;
  background:#201b29!important;
  color:#ded3e8!important;
  box-shadow:none!important;
}
#chat .msg-ai{
  max-width:820px!important;
}
#chat .assistant-avatar{
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:var(--landing-gold)!important;
  box-shadow:none!important;
}
#chat .msg-ai .msg-content{
  color:#c7bdcd!important;
  line-height:1.75!important;
}
#chat .assistant-response-head{
  border-bottom:1px solid #25222c!important;
}
#chat .assistant-response-kicker{color:#e5dcef!important}
#chat .assistant-response-state{color:var(--landing-green)!important}
#chat .code-block{
  border-color:#2b2632!important;
  border-radius:10px!important;
  background:#0d0d12!important;
}
#chat .code-head{
  border-bottom-color:#26202f!important;
  background:#121017!important;
}

/* Panels and account surfaces share the landing cards/plans treatment. */
#plans-modal>div,
#settings-modal .set-card,
#usage-modal>div,
#owner-modal>div,
#topup-modal>.topup-card,
#welcome-modal .welcome-card{
  border:1px solid #302736!important;
  background:#101014!important;
  box-shadow:0 32px 80px rgba(0,0,0,.45)!important;
}
#plans-modal #plans-grid-inner>.plan-card{
  border:1px solid #302736!important;
  border-radius:12px!important;
  background:#101014!important;
  box-shadow:none!important;
}
#plans-modal #plans-grid-inner>.plan-card:hover{
  border-color:#5b456e!important;
  background:#151019!important;
}
#plans-modal #plan-card-plus{
  border-color:#8e6fbb!important;
  background:radial-gradient(ellipse at 50% 0,#78509930,transparent 73%),#151019!important;
}
#plans-modal .modal-x,
#settings-modal .modal-x,
#usage-modal .modal-x{
  border-color:#302736!important;
  background:#15131a!important;
  color:#b5aabd!important;
}
#welcome-modal .welcome-title{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:var(--landing-ink)!important;
  -webkit-text-fill-color:currentColor!important;
}
#welcome-modal .welcome-star{color:var(--landing-gold)!important}
#welcome-modal .own-input{
  border:1px solid #302736!important;
  background:#15131a!important;
  color:#eee7f4!important;
}
#welcome-modal .side-new{
  justify-content:center!important;
  border:0!important;
  background:var(--landing-gold)!important;
  color:#1d1328!important;
}
#welcome-modal .side-new:hover{background:var(--landing-gold-bright)!important}

/* Keep account controls visible and consistent with the new palette. */
#account-box .acct-signin-btn{
  border:1px solid #302936!important;
  background:#151219!important;
  color:#d8cce2!important;
}
#account-box .acct-signin-btn:hover{background:#201927!important}
#account-box .acct-out-btn{
  border-color:#302936!important;
  background:#151219!important;
  color:#c5bacd!important;
}
#account-box .acct-out-btn:hover{
  border-color:#60424d!important;
  background:#26181d!important;
  color:#f1c8d0!important;
}

@media(max-width:1100px){
  .stellar-app-shell #main-col{margin-left:0!important}
  #sidebar{
    width:min(88vw,304px)!important;
    max-width:304px!important;
  }
}

@media(max-width:767px){
  .stellar-global-header{
    height:56px!important;
    min-height:56px!important;
    padding:0 8px 0 56px!important;
  }
  .stellar-global-header .stellar-top-actions>a{display:none!important}
  .stellar-global-header .topbar-model-picker #model-btn{
    min-width:104px!important;
    max-width:142px!important;
    min-height:42px!important;
    height:42px!important;
  }
  .stellar-global-header .stellar-upgrade{
    min-height:42px!important;
    height:42px!important;
    padding:0 11px!important;
  }
  #main-col>.topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    z-index:1450!important;
    width:56px!important;
    min-width:56px!important;
    height:56px!important;
    min-height:56px!important;
    padding:0 7px!important;
    background:transparent!important;
  }
  #sidebar{
    top:0!important;
    height:100dvh!important;
    padding:14px 12px max(14px,env(safe-area-inset-bottom))!important;
  }
  #chat{
    padding:44px 12px 152px!important;
  }
  .landing-style-home{
    width:100%!important;
    padding:34px 5px 40px!important;
  }
  .landing-style-home .greet-eyebrow{
    margin-bottom:14px!important;
    padding:6px 11px!important;
    font-size:8px!important;
  }
  .landing-style-home .greet-hi,
  .landing-style-home #greet-hi .greet-hi-accent{
    font-size:clamp(36px,11vw,48px)!important;
    line-height:1.06!important;
  }
  .landing-style-home .welcome-sub{
    max-width:390px!important;
    margin-top:13px!important;
    padding-inline:5px!important;
    font-size:12.5px!important;
    line-height:1.75!important;
  }
  .landing-style-home .home-disclaimer{font-size:8.5px!important}
  .input-area.glass{
    padding:8px 8px max(10px,env(safe-area-inset-bottom))!important;
  }
  .input-area>.flex,
  .input-area .composer-foot{width:100%!important}
  .input-area>.flex{
    min-height:58px!important;
    border-radius:11px 11px 0 0!important;
  }
  .input-area .composer-foot{border-radius:0 0 11px 11px!important}
  .input-area #txt{
    min-height:44px!important;
    max-height:120px!important;
    font-size:16px!important;
  }
  .input-area #send-btn{
    min-width:44px!important;
    width:44px!important;
    min-height:44px!important;
    height:44px!important;
  }
  .composer-foot .foot-right{
    max-width:100%!important;
    overflow-x:auto!important;
  }
}

@media(max-width:390px){
  .landing-style-home .greet-hi,
  .landing-style-home #greet-hi .greet-hi-accent{
    font-size:35px!important;
  }
  .stellar-global-header .topbar-model-picker #model-btn{max-width:120px!important}
}


/* Fresh /app home: chat-only focus v1 */
html body.stellar-empty-home.stellar-start-state .stellar-app-shell #main-col #chat .greet-wrap,
html body.stellar-empty-home.stellar-start-state .stellar-app-shell #main-col #chat .landing-style-home,
html body.stellar-empty-home.stellar-start-state .stellar-app-shell #main-col #chat .greet-hi,
html body.stellar-empty-home.stellar-start-state .stellar-app-shell #main-col #chat .welcome-sub,
html body.stellar-empty-home.stellar-start-state .stellar-app-shell #main-col #chat .greet-eyebrow,
html body.stellar-empty-home.stellar-start-state .stellar-app-shell #main-col #chat .home-disclaimer,
html body.stellar-empty-home.stellar-start-state .stellar-app-shell #main-col #chat #welcome-starters-heading,
html body.stellar-empty-home.stellar-start-state .stellar-app-shell #main-col #chat #suggestion-chips,
html body.stellar-empty-home.stellar-start-state .stellar-app-shell #main-col #chat .stellar-feature-grid,
html body.stellar-empty-home.stellar-start-state .stellar-app-shell #main-col #chat .home-prompt-pills,
html body.stellar-empty-home.stellar-start-state .stellar-app-shell #main-col #chat .home-guides-link {
  display:none!important;
}

html body.stellar-empty-home.stellar-start-state .stellar-app-shell #main-col #chat {
  padding-top:0!important;
  padding-bottom:0!important;
}

html body.stellar-empty-home.stellar-start-state .stellar-app-shell #main-col > .input-area.glass {
  position:fixed!important;
  top:50dvh!important;
  left:50vw!important;
  right:auto!important;
  bottom:auto!important;
  width:min(820px,calc(100vw - 32px))!important;
  max-width:820px!important;
  padding:0!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  background:transparent!important;
  z-index:1500!important;
}

html body.stellar-empty-home.stellar-start-state .stellar-app-shell #main-col > .input-area.glass > .flex,
html body.stellar-empty-home.stellar-start-state .stellar-app-shell #main-col > .input-area.glass > .composer-foot {
  width:min(100%,780px)!important;
  max-width:780px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:767px){
  html body.stellar-empty-home.stellar-start-state .stellar-app-shell #main-col > .input-area.glass {
    top:50dvh!important;
    left:50vw!important;
    right:auto!important;
    bottom:auto!important;
    width:calc(100vw - 16px)!important;
    max-width:none!important;
    padding:0!important;
    transform:translate(-50%,-50%)!important;
  }
}

/* Compact black-gold landing app text v1 */
.landing-style-home{--landing-gold:#d4af37;--landing-gold-bright:#f4d676;--landing-line-gold:#3a311c;font-size:clamp(13px,.9vw,15px)!important;letter-spacing:-.012em!important;}
.landing-style-home h1,.landing-style-home .greet-hi{font-size:clamp(2rem,4.2vw,3.6rem)!important;line-height:.97!important;letter-spacing:-.055em!important;}
.landing-style-home h2{font-size:clamp(1.35rem,2.45vw,2.2rem)!important;letter-spacing:-.045em!important;}
.landing-style-home p,.landing-style-home li,.landing-style-home .welcome-sub{font-size:clamp(.8rem,.88vw,.96rem)!important;line-height:1.58!important;}
.landing-style-home button,.landing-style-home .model-pill,.landing-style-home .ws-toggle{font-size:.76rem!important;font-weight:760!important;}
/* End compact black-gold landing app text v1 */
/* Stellar exact business palette final layer */
:root{--stellar-black:#050505;--stellar-bg:#050505;--stellar-panel:#101010;--stellar-text:#F7F3EA;--stellar-muted:#B8B0A0;--stellar-gold:#D4AF37;--stellar-gold-2:#F2D675;--stellar-line:rgba(212,175,55,.28);--accent:#D4AF37;--accent-rgb:212,175,55;color-scheme:dark;}
body{background:#050505!important;color:#F7F3EA!important;}
h1,h2,h3,.brand span,.hero h1 span,.greet-hi,.greet-hi-accent{color:#D4AF37!important;-webkit-text-fill-color:#D4AF37!important;background:none!important;text-shadow:none!important;}
p,li,small,.muted,.hero-lead,.welcome-sub{color:#B8B0A0!important;}
button,.btn,.cta-btn,.nav-cta,.side-new,.primary,.primary-btn{background:#D4AF37!important;color:#050505!important;border-color:rgba(212,175,55,.32)!important;box-shadow:none!important;}
.card,.panel,.glass,.modal,.plan-card,.plugin-card,.support-card,.set-card,#sidebar,.topbar,.input-area>.flex{background:#101010!important;color:#F7F3EA!important;border-color:rgba(212,175,55,.28)!important;box-shadow:none!important;}
/* End Stellar exact business palette final layer */