html, body {
  height: 100%;
  overflow: hidden;
  background: #0b0f14;
  color: #e5e7eb;
}

#scriptirc-chat {
  min-height: 100vh;
}

.site-header, .site-footer {
  display: none;
}

::selection {
  background: #34d399;
  color: #0b0f14;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: #1f2937;
  border-radius: 6px;
  border: 2px solid #0b0f14;
}

::-webkit-scrollbar-track {
  background: #0b0f14;
}

textarea#chat-input {
  overflow: hidden;
}

#session-scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

#session-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
}


/* Sidebar list item collapse effect for delete (scoped to sidebar list only) */
#chat-session-list .sir-collapsing {
  overflow: hidden;
  transition: height .24s ease, opacity .2s ease, margin .24s ease, padding .24s ease;
}
#chat-session-list .sir-collapsed {
  height: 0 !important;
  opacity: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

 /* Assistant generating bar */
 .sir-genbar {
   display: inline-flex;
   align-items: center;
   gap: 8px;
 }
 .sir-genbar .bar {
   position: relative;
   height: 6px;
   width: 120px;
   background: rgba(63,63,70,0.6); /* zinc-700/60 */
   border-radius: 9999px;
   overflow: hidden;
 }
 .sir-genbar .bar::before {
   content: "";
   position: absolute;
   top: 0; bottom: 0;
   left: -30%;
   width: 30%;
   background: linear-gradient(90deg, transparent, rgba(212,212,216,.9), transparent);
   animation: sir-shimmer 1s linear infinite;
 }
 .sir-genbar .txt {
   font-size: 12px;
   color: #a1a1aa; /* zinc-400 */
 }
 @keyframes sir-shimmer {
   0% { left: -30%; }
   100% { left: 100%; }
 }

/* Modal base (duplicate safe; JS also injects minimal styles as fallback) */
.sir-overlay{opacity:0;transition:opacity .2s ease}
.sir-overlay.sir-open{opacity:1}
.sir-modal{opacity:0;transform:translateY(8px) scale(.98);transition:opacity .25s cubic-bezier(0.22,1,0.36,1),transform .25s cubic-bezier(0.22,1,0.36,1)}
.sir-modal.sir-open{opacity:1;transform:translateY(0) scale(1)}

/* Settings UI styles - Author: Seraphina */
.sir-settings .sir-radio{position:absolute;opacity:0;pointer-events:none}
.sir-settings .sir-radio-card{display:block}
.sir-settings .sir-radio-card-body{position:relative;border:1px solid #3f3f46;border-radius:10px;padding:10px 12px 10px 34px;background:rgba(24,24,27,.4);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.sir-settings .sir-radio-card:hover .sir-radio-card-body{border-color:#52525b;background:rgba(39,39,42,.4)}
.sir-settings .sir-radio:focus + .sir-radio-card-body{box-shadow:0 0 0 2px rgba(16,185,129,.35);border-color:#10b981}
.sir-settings .sir-radio:checked + .sir-radio-card-body{border-color:#10b981;background:rgba(16,185,129,.08)}
.sir-settings .sir-radio-card-body::before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;border:2px solid #71717a;background:transparent;transition:border-color .2s ease,background-color .2s ease}
.sir-settings .sir-radio:checked + .sir-radio-card-body::before{border-color:#10b981;background:#10b981}
.sir-settings .sir-radio-title{font-weight:600}

.sir-settings .sir-range{display:flex;align-items:center;gap:10px}
.sir-settings .sir-range-input{-webkit-appearance:none;width:100%;height:6px;border-radius:9999px;background:#3f3f46;outline:none}
.sir-settings .sir-range-input::-webkit-slider-runnable-track{height:6px;border-radius:9999px;background:#3f3f46}
.sir-settings .sir-range-input::-moz-range-track{height:6px;border-radius:9999px;background:#3f3f46}
.sir-settings .sir-range-input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#10b981;border:2px solid #064e3b;box-shadow:0 0 0 3px rgba(16,185,129,.25);cursor:pointer;margin-top:-5px}
.sir-settings .sir-range-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#10b981;border:2px solid #064e3b;box-shadow:0 0 0 3px rgba(16,185,129,.25);cursor:pointer}
.sir-settings .sir-range-value{flex:0 0 auto;min-width:42px;text-align:center;font-size:12px;color:#e5e7eb;background:rgba(24,24,27,.6);border:1px solid #3f3f46;border-radius:9999px;padding:4px 8px}
.sir-modal::-webkit-scrollbar{width:10px;height:10px}
.sir-modal::-webkit-scrollbar-thumb{background:#4b4949;border-radius:6px;border:2px solid #2f2d2d}
.sir-modal::-webkit-scrollbar-track{background:#2a2929}