/* SMOG Live Support 0.1.3 — premium navy, accessible, mobile collision-aware */
#smog-ls{
  --sl-navy:#0b1528;--sl-surface:#142747;--sl-text:#eaf2ff;--sl-muted:#b3c6e4;--sl-accent:#2876f1;
  --sl-mobile-raise:0px;
  position:relative;z-index:2147483000;
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  letter-spacing:normal;
}
#smog-ls,#smog-ls *{box-sizing:border-box}
#smog-ls [hidden]{display:none!important}
#smog-ls button,#smog-ls input,#smog-ls textarea{font-family:inherit}
#smog-ls .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#smog-ls button{cursor:pointer}
#smog-ls .sl-launch{
  position:fixed!important;right:18px!important;bottom:calc(18px + var(--sl-mobile-raise) + env(safe-area-inset-bottom,0px))!important;
  z-index:2147483010!important;width:54px;height:54px;border-radius:50%;border:1px solid #5d9eff;
  background:linear-gradient(140deg,#3c8aff 0%,#1555e2 100%);color:white;
  display:grid;place-items:center;box-shadow:0 14px 34px #03132bad,0 0 0 4px #246cf522;
  transition:transform .2s,box-shadow .2s;
}
#smog-ls .sl-launch:hover{transform:translateY(-2px);box-shadow:0 18px 38px #03132bea,0 0 0 5px #246cf52c}
#smog-ls .sl-launch svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#smog-ls .sl-panel{
  position:fixed!important;z-index:2147483009!important;right:18px!important;
  bottom:calc(85px + var(--sl-mobile-raise) + env(safe-area-inset-bottom,0px))!important;
  top:auto!important;left:auto!important;
  width:min(408px,calc(100vw - 32px))!important;
  height:min(440px,calc(100dvh - 112px - var(--sl-mobile-raise)))!important;
  min-height:0!important;display:flex;flex-direction:column;
  isolation:isolate;overflow:hidden;border-radius:23px;
  color:var(--sl-text);
  border:1px solid rgba(76,146,255,.67);
  background:radial-gradient(ellipse at 92% 0%,rgba(31,94,186,.30),transparent 55%),linear-gradient(160deg,rgba(14,31,59,.97),rgba(8,18,36,.98) 72%);
  box-shadow:0 24px 64px #000b24bf,0 0 24px #236cee20,inset 0 1px #d2ecff23;
  -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);
  transition:width .18s ease,height .18s ease;
}
#smog-ls .sl-panel.sl-active{height:min(490px,calc(100dvh - 112px - var(--sl-mobile-raise)))!important}
#smog-ls .sl-panel.sl-wide{width:min(540px,calc(100vw - 32px))!important;height:min(650px,calc(100dvh - 112px - var(--sl-mobile-raise)))!important}
#smog-ls .sl-header{
  height:54px;min-height:54px;display:flex;align-items:center;justify-content:space-between;
  padding:0 15px 0 19px;flex:none;border-bottom:1px solid #70a3f81e;
  background:linear-gradient(110deg,rgba(30,79,151,.45),rgba(17,39,73,.25));
}
#smog-ls .sl-heading{display:flex;align-items:center;gap:9px;color:#f8fbff;font-size:15px;font-weight:800;letter-spacing:-.28px}
#smog-ls .sl-heading-dot{width:7px;height:7px;border-radius:50%;background:#66b1ff;box-shadow:0 0 0 4px #388dff20,0 0 9px #58aeff77}
#smog-ls .sl-header-actions{display:flex;gap:4px}
#smog-ls .sl-header-actions button{width:32px;height:32px;background:transparent;border:0;color:#c5dafa;border-radius:10px;display:grid;place-items:center}
#smog-ls .sl-header-actions button:hover{background:#ffffff12}
#smog-ls .sl-header-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#smog-ls .sl-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 17px 10px;scrollbar-width:thin;scrollbar-color:#365b85 transparent}
#smog-ls .sl-promo{display:flex;align-items:center;gap:11px;min-width:0}
#smog-ls .sl-avatar{width:46px;height:46px;flex:0 0 46px;overflow:hidden;border-radius:50%;border:1px solid #569fff;background:#132a4d;box-shadow:0 0 13px #1e7bff32}
#smog-ls .sl-avatar img{display:block;width:100%;height:100%;object-fit:cover}
#smog-ls .sl-promo-card{
  min-width:0;flex:1;display:flex;position:relative;isolation:isolate;overflow:hidden;
  padding:12px 13px;border-radius:15px;border:1px solid #456da663;
  background:linear-gradient(110deg,#1a3765bf,#102342e8 70%);
  box-shadow:inset 0 1px #d0eaff1e;
}
#smog-ls .sl-promo-card:after{content:'';position:absolute;z-index:-1;right:-32px;bottom:-70px;width:130px;height:150px;border-radius:50%;background:#2abbdc44;filter:blur(33px);pointer-events:none}
#smog-ls .sl-promo-content{position:relative;z-index:2;min-width:0;width:100%}
#smog-ls .sl-promo-label{display:flex;align-items:center;gap:7px;min-width:0}
#smog-ls .sl-whatsapp-icon{flex:0 0 19px;display:grid;place-items:center;width:19px;height:19px;color:#73efaa}
#smog-ls .sl-whatsapp-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#smog-ls .sl-promo-title{font-size:12.5px;line-height:1.32;font-weight:750;letter-spacing:-.1px;color:#eef5ff}
#smog-ls .sl-promo-description{padding:0;margin:5px 0 9px;color:#afc4e1;font-size:11px;line-height:1.42;max-width:238px}
#smog-ls .sl-channel{
  display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 12px;
  border-radius:999px;text-decoration:none!important;color:#fff!important;background:linear-gradient(130deg,#2d7cf8,#1a56cd);
  box-shadow:inset 0 1px #ffffff31,0 4px 12px #1556bd47;font-weight:700;font-size:10.5px;line-height:1.2;
  white-space:normal;
}
#smog-ls .sl-channel:hover{background:linear-gradient(130deg,#4a93ff,#2367ef)}
#smog-ls .sl-channel svg{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#smog-ls .sl-promo-art{display:none;position:absolute;z-index:1;right:-10px;bottom:-16px;width:59px;height:68px;transform:rotate(15deg);border:1px solid #2b94bb9c;border-radius:13px 13px 4px 4px;background:linear-gradient(150deg,#052735,#075c6e);box-shadow:-4px -5px 15px #00ffc42c;place-items:center}
#smog-ls .sl-promo-art svg{height:28px;width:28px;fill:none;stroke:#75ffaf;stroke-width:1.6}
#smog-ls .sl-phone-mark{position:absolute;top:6px;color:#65c9c6;font-size:7px}
@media(min-width:375px){#smog-ls .sl-promo-art{display:grid}#smog-ls .sl-promo-description{max-width:185px}#smog-ls .sl-promo-title{max-width:195px}}
#smog-ls .sl-divider{height:1px;margin:15px 0 14px;background:linear-gradient(90deg,#3e73c533,#5a84ba63 50%,#3e73c522)}
#smog-ls .sl-hello{color:#fff;font-size:16px;line-height:1.46;font-weight:800;letter-spacing:-.2px;display:flex;gap:7px;align-items:start}
#smog-ls .sl-hello-text{min-width:0}
#smog-ls .sl-subtitle{font-size:13px;line-height:1.6;color:#cbd9ed;margin:4px 0 0}
#smog-ls .sl-helper{font-size:10.5px;line-height:1.55;color:#a5bddc;margin-top:8px;display:flex;gap:7px;align-items:start}
#smog-ls .sl-helper-sparkle{color:#6cb8ff;font-size:13px}
#smog-ls .sl-privacy{font-size:9px;line-height:1.35;color:#8fa6c4;margin:7px 0 0}
#smog-ls .sl-messages{display:flex;flex-direction:column;gap:10px}
#smog-ls .sl-message{max-width:92%;flex-shrink:0;padding:10px 13px;border-radius:15px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.55}
#smog-ls .sl-message.user{align-self:flex-end;background:#1b4b93;color:white;border-bottom-right-radius:5px}
#smog-ls .sl-message.bot{align-self:flex-start;background:#243e64b3;border:1px solid #e3f3ff0e;color:#f3f8ff;border-bottom-left-radius:5px}
#smog-ls .sl-message.agent{align-self:flex-start;background:#123f52bd;border:1px solid #4bdebf40;color:#e5fff9}
#smog-ls .sl-message.system{align-self:center;text-align:center;font-size:10px;color:#b6c7e3;background:#ffffff10;padding:7px 9px}
#smog-ls .sl-message a{color:#82c5ff;text-decoration:underline;text-underline-offset:2px}
#smog-ls .sl-message .sl-speaker{display:block;opacity:.75;font-size:10px;margin-bottom:3px}
#smog-ls .sl-status{text-align:center;color:#bdd4f1;font-size:11px;min-height:0;line-height:1.4}
#smog-ls .sl-footer{flex:none;padding:3px 14px 0;background:linear-gradient(180deg,#0b193004,#0b152a44)}
#smog-ls .sl-human{
  display:flex;gap:7px;justify-content:center;align-items:center;margin:2px auto 8px;
  padding:8px 16px;max-width:calc(100% - 6px);min-height:34px;
  font-size:11px;font-weight:700;line-height:1.25;letter-spacing:0;
  border:1px solid rgba(85,147,235,.54);border-radius:100px;
  background:linear-gradient(100deg,rgba(37,76,130,.65),rgba(19,48,88,.72));color:#d8eaff;
}
#smog-ls .sl-human svg{width:15px;height:15px;flex:0 0 15px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linejoin:round;stroke-linecap:round}
#smog-ls .sl-human:hover{background:#24518dcf;border-color:#76b7ff}
#smog-ls .sl-sharing-note{font-size:9px;line-height:1.35;color:#829bbf;margin:-3px 6px 8px;text-align:center}
#smog-ls .sl-live-indicator{display:flex;gap:9px;align-items:center;padding:9px 12px;margin:0 0 9px;border-radius:12px;border:1px solid rgba(70,196,165,.49);background:linear-gradient(100deg,#123d4dba,#123746b8);box-shadow:inset 0 1px #ffffff10}
#smog-ls .sl-live-indicator.sl-connecting{border-color:rgba(99,160,249,.45);background:#12345cb0}
#smog-ls .sl-live-dot{flex:0 0 9px;height:9px;width:9px;border-radius:50%;background:#59e3b3;box-shadow:0 0 0 4px #37d2a01c}
#smog-ls .sl-live-indicator.sl-connecting .sl-live-dot{background:#6aafff;animation:sl-pulse 1.1s alternate infinite}
#smog-ls .sl-live-copy{display:flex;gap:2px;flex-direction:column;min-width:0}
#smog-ls .sl-live-title{color:#eafff5;font-size:11px;font-weight:800;line-height:1.4}
#smog-ls .sl-live-detail{color:#b8d9d9;font-size:10px;line-height:1.45}
#smog-ls .sl-compose{
  display:flex;gap:9px;align-items:center;margin:0;border-radius:15px;padding:7px 8px 7px 13px;
  border:1px solid rgba(102,155,230,.59);background:rgba(30,48,80,.85);
  box-shadow:inset 0 1px rgba(225,243,255,.08);
}
#smog-ls .sl-input{
  width:100%;flex:1;min-width:0;min-height:30px;max-height:92px;resize:none;
  background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;
  margin:0!important;padding:6px 0!important;font-family:inherit!important;font-size:12px!important;line-height:1.5!important;color:white!important;
}
#smog-ls .sl-input::placeholder{color:#aac0df!important;opacity:1}
#smog-ls .sl-send{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:0!important;border-radius:11px;background:linear-gradient(135deg,#458ffe,#155bef);color:#fff}
#smog-ls .sl-send:disabled{opacity:.5;cursor:not-allowed}
#smog-ls .sl-send svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#smog-ls .sl-brand{display:flex;align-items:center;justify-content:center;gap:7px;height:25px;color:#8aa3c7;letter-spacing:1.2px;font-size:8px;font-weight:700}
#smog-ls .sl-dot{width:5px;height:5px;border-radius:50%;background:#52b8ff;box-shadow:0 0 7px #45a7ff80}
#smog-ls button:focus-visible,#smog-ls a:focus-visible{outline:2px solid #93c5ff;outline-offset:2px}
@keyframes sl-pulse{from{opacity:.5}to{opacity:1}}
@media(max-width:600px){
  #smog-ls .sl-launch{right:13px!important;bottom:calc(14px + var(--sl-mobile-raise) + env(safe-area-inset-bottom,0px))!important;width:49px;height:49px}
  #smog-ls .sl-panel{
    right:12px!important;left:auto!important;
    bottom:calc(74px + var(--sl-mobile-raise) + env(safe-area-inset-bottom,0px))!important;
    width:min(360px,calc(100vw - 24px))!important;
    height:min(395px,calc(100dvh - 93px - var(--sl-mobile-raise) - env(safe-area-inset-bottom,0px)))!important;
    border-radius:21px;
  }
  #smog-ls .sl-panel.sl-active{height:min(440px,calc(100dvh - 93px - var(--sl-mobile-raise) - env(safe-area-inset-bottom,0px)))!important}
  #smog-ls .sl-panel.sl-wide{width:calc(100vw - 24px)!important;height:min(600px,calc(100dvh - 93px - var(--sl-mobile-raise) - env(safe-area-inset-bottom,0px)))!important}
  #smog-ls .sl-header{height:46px;min-height:46px;padding:0 12px 0 15px}
  #smog-ls .sl-heading{font-size:14px}
  #smog-ls .sl-scroll{padding:12px 12px 8px}
  #smog-ls .sl-promo{gap:9px}
  #smog-ls .sl-avatar{width:37px;height:37px;flex-basis:37px}
  #smog-ls .sl-promo-card{padding:10px 10px}
  #smog-ls .sl-promo-title{font-size:12px;max-width:171px}
  #smog-ls .sl-promo-description{font-size:10.7px;max-width:172px;margin:4px 0 7px}
  #smog-ls .sl-channel{font-size:10px;padding:6px 10px}
  #smog-ls .sl-promo-art{width:44px;height:58px;right:-12px}
  #smog-ls .sl-divider{margin:12px 0 11px}
  #smog-ls .sl-hello{font-size:14px}
  #smog-ls .sl-subtitle{font-size:12px}
  #smog-ls .sl-helper{font-size:10px;margin-top:6px}
  #smog-ls .sl-privacy{font-size:9px;margin-top:6px}
  #smog-ls .sl-human{padding:7px 13px;font-size:10.5px;min-height:31px;margin-bottom:7px}
  #smog-ls .sl-footer{padding:3px 11px 0}
  #smog-ls .sl-compose{padding:6px 7px 6px 11px}
  #smog-ls .sl-brand{font-size:7.3px;height:22px}
}
@media(max-width:365px){
  #smog-ls .sl-promo-art{display:none}
  #smog-ls .sl-promo-description{max-width:none}
  #smog-ls .sl-promo-title{max-width:none}
  #smog-ls .sl-panel{width:calc(100vw - 20px)!important;right:10px!important}
  #smog-ls .sl-hello{font-size:13px}
}
@media(prefers-reduced-motion:reduce){#smog-ls .sl-panel,#smog-ls .sl-launch{transition:none}#smog-ls .sl-live-indicator.sl-connecting .sl-live-dot{animation:none}}

/* v0.1.3 Premium UI — styling only; mobile review-bar positioning from v0.1.2 is unchanged. */
#smog-ls .sl-header-brand {display:flex;align-items:center;gap:12px;min-width:0}
#smog-ls .sl-ai-badge {display:inline-flex;align-items:center;gap:5px;flex-shrink:0;border:1px solid #4b7cbb88;border-radius:999px;background:linear-gradient(100deg,#1a3a66b0,#1a356088);padding:5px 9px;color:#bed9ff;font-size:9px;font-weight:700;line-height:1;white-space:nowrap}
#smog-ls .sl-ai-badge svg {width:11px;height:11px;fill:none;stroke:#76c3ff;stroke-width:1.2;stroke-linejoin:round}
#smog-ls .sl-header{background:linear-gradient(112deg,#183e73be,#122d53bb);border-bottom-color:#76aff72b}
#smog-ls .sl-promo-card {display:flex;align-items:flex-start;gap:10px;position:relative;isolation:isolate;overflow:hidden;min-width:0;margin:0;padding:13px 13px;border-radius:16px;background:linear-gradient(112deg,#063346f7 0%,#10365cec 60%,#0b4653f0 100%);border:1px solid #36a5d05e;box-shadow:inset 0 1px #c6f3ff21}
#smog-ls .sl-promo-card:before {content:'';position:absolute;pointer-events:none;z-index:-1;right:-35px;bottom:-95px;width:155px;height:170px;border-radius:55%;background:#19bfa044;filter:blur(27px)}
#smog-ls .sl-promo-card:after {content:'';position:absolute;z-index:-1;right:-25px;top:-46px;height:90px;width:98px;transform:rotate(34deg);border-left:1px solid #52dddb61;border-radius:50%;background:linear-gradient(70deg,transparent,#30be9d32);filter:none}
#smog-ls .sl-promo-emblem {width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;background:radial-gradient(circle at center,#116b6370,#0e3d4678 72%);border:1px solid #3acfb56e;border-radius:50%;box-shadow:0 0 18px #09d69d20}
#smog-ls .sl-promo-emblem svg {width:24px;height:24px;stroke:#66eab6;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;fill:none}
#smog-ls .sl-promo-content {flex:1;width:auto;min-width:0;position:relative;z-index:2}
#smog-ls .sl-promo-title {display:block;max-width:none;color:#fff;font-size:14px;line-height:1.29;letter-spacing:-.24px;font-weight:800}
#smog-ls .sl-promo-description {margin:5px 0 10px;max-width:none;color:#bddbe7;font-size:10.5px;line-height:1.55}
#smog-ls .sl-channel {background:linear-gradient(120deg,#327efc,#1551d9);padding:7px 13px;font-weight:800;font-size:10.5px;border:1px solid #7eb8ff44;box-shadow:0 4px 14px #08295ba1,inset 0 1px #ffffff30}
#smog-ls .sl-channel:hover {background:linear-gradient(120deg,#4d94ff,#2469f4)}
#smog-ls .sl-channel:focus-visible {outline:2px solid #9bd4ff;outline-offset:3px}
#smog-ls .sl-divider {margin:14px 0 14px;background:linear-gradient(90deg,#3e73c533,#5a84ba76 50%,#3e73c522)}
#smog-ls .sl-welcome-row {display:flex;align-items:center;gap:13px;min-width:0;padding:2px 0 5px}
#smog-ls .sl-avatar {width:50px;height:50px;flex:0 0 50px;border:1.5px solid #4daaff;box-shadow:0 0 0 3px #12519c2b,0 0 15px #1e7bff53}
#smog-ls .sl-welcome-copy {min-width:0;flex:1}
#smog-ls .sl-hello {font-size:15px;line-height:1.38;letter-spacing:-.18px;font-weight:800;gap:5px}
#smog-ls .sl-subtitle {font-size:12px;line-height:1.45;margin:6px 0 0;color:#c7d9ef}
#smog-ls .sl-scroll {padding-top:15px}
#smog-ls .sl-human {padding:9px 17px;min-height:36px;font-size:11.3px;border-color:#4f9aff8c;background:linear-gradient(100deg,#1d4478bb,#19345ea9);box-shadow:inset 0 1px #7aaaff22;margin-bottom:11px}
#smog-ls .sl-human:hover {background:#265a98cf}
#smog-ls .sl-compose {border-color:#6d9dec99;background:#192e54cf}
#smog-ls .sl-brand {letter-spacing:1.0px;font-size:8px;color:#809dc1}
@media(max-width:600px){
 #smog-ls .sl-header-brand {gap:8px}
 #smog-ls .sl-ai-badge {font-size:8.2px;padding:4px 7px;gap:4px}
 #smog-ls .sl-ai-badge svg {width:10px;height:10px}
 #smog-ls .sl-promo-card {padding:10px 10px;gap:9px;border-radius:14px}
 #smog-ls .sl-promo-emblem {width:32px;height:32px;flex-basis:32px}
 #smog-ls .sl-promo-emblem svg {width:21px;height:21px}
 #smog-ls .sl-promo-title {font-size:12.2px;line-height:1.34;max-width:none}
 #smog-ls .sl-promo-description {font-size:10px;margin:4px 0 7px;max-width:none;line-height:1.38}
 #smog-ls .sl-channel {font-size:9.7px;padding:6px 10px}
 #smog-ls .sl-divider {margin:11px 0 12px}
 #smog-ls .sl-welcome-row {gap:10px;padding:0 0 2px}
 #smog-ls .sl-avatar {width:42px;height:42px;flex-basis:42px}
 #smog-ls .sl-hello {font-size:13.5px;line-height:1.34;gap:4px}
 #smog-ls .sl-subtitle {font-size:11.8px;line-height:1.4;margin-top:4px}
 #smog-ls .sl-human {margin-bottom:8px;min-height:34px;padding:8px 13px;font-size:10.8px}
}
@media(max-width:345px){#smog-ls .sl-ai-badge{font-size:7.7px;padding:4px 6px}#smog-ls .sl-heading{font-size:13px}#smog-ls .sl-header-brand{gap:6px}#smog-ls .sl-avatar{width:37px;height:37px;flex-basis:37px}}
/* Readability at actual mobile CSS pixels (without increasing panel footprint). */
#smog-ls .sl-promo-description {font-size:11.4px;line-height:1.45}
#smog-ls .sl-channel {font-size:11px}
#smog-ls .sl-subtitle {font-size:12.3px}
@media(max-width:600px){
 #smog-ls .sl-promo-title{font-size:13px}
 #smog-ls .sl-promo-description{font-size:11px;line-height:1.42}
 #smog-ls .sl-channel{font-size:10.7px}
 #smog-ls .sl-subtitle{font-size:12px}
}


/* v0.1.4: Compact first screen. Preserve existing review-overlay collision detection. */
/* Center the invitation rather than stretching it across the entire content area. */
#smog-ls .sl-promo-card {
  width:min(100%, 310px);
  margin-inline:auto;
  padding:9px 11px;
  gap:9px;
  border-radius:13px;
}
#smog-ls .sl-promo-emblem {
  width:29px;height:29px;flex:0 0 29px;
}
#smog-ls .sl-promo-emblem svg {width:19px;height:19px}
#smog-ls .sl-promo-title {font-size:12.5px;line-height:1.26;letter-spacing:-.16px}
#smog-ls .sl-promo-description {font-size:10.1px;line-height:1.34;margin:3px 0 6px}
#smog-ls .sl-channel {font-size:10px;line-height:1.18;padding:5px 10px}
#smog-ls .sl-channel svg {width:12px;height:12px;flex:0 0 12px}
#smog-ls .sl-scroll {padding-top:11px;padding-bottom:5px}
#smog-ls .sl-divider {margin:10px 0}
#smog-ls .sl-welcome-row {padding:0;gap:10px}
#smog-ls .sl-avatar {width:43px;height:43px;flex:0 0 43px}
#smog-ls .sl-subtitle {margin-top:3px}
#smog-ls .sl-footer {padding-top:2px}
/* Explicit textarea height prevents the theme's oversized form fields from
   pushing the greeting out of the initial viewport on iPhone and desktop. */
#smog-ls .sl-input {
  height:37px!important;min-height:37px!important;max-height:70px!important;
  padding:8px 0!important;resize:none!important;
  box-sizing:border-box!important;
}
#smog-ls .sl-compose {align-items:center;padding:5px 7px 5px 11px}
#smog-ls .sl-send {height:35px;width:35px;flex:0 0 35px}
#smog-ls .sl-human {min-height:33px;padding:7px 14px;margin-bottom:7px}
#smog-ls .sl-brand {height:20px}
@media(max-width:600px) {
  #smog-ls .sl-promo-card {width:min(100%, 292px);padding:8px 9px;gap:8px}
  #smog-ls .sl-promo-emblem {width:27px;height:27px;flex-basis:27px}
  #smog-ls .sl-promo-emblem svg {width:18px;height:18px}
  #smog-ls .sl-promo-title {font-size:11.8px;line-height:1.24}
  #smog-ls .sl-promo-description {font-size:9.7px;line-height:1.3;margin:3px 0 5px}
  #smog-ls .sl-channel {font-size:9.5px;padding:5px 9px;min-height:29px}
  #smog-ls .sl-divider {margin:9px 0}
  #smog-ls .sl-scroll {padding-top:10px;padding-bottom:5px}
  #smog-ls .sl-welcome-row {gap:9px}
  #smog-ls .sl-avatar {width:39px;height:39px;flex-basis:39px}
  #smog-ls .sl-hello {font-size:13px;line-height:1.29}
  #smog-ls .sl-subtitle {font-size:11.5px;line-height:1.31;margin-top:3px}
  #smog-ls .sl-human {margin-bottom:6px}
  #smog-ls .sl-input {height:34px!important;min-height:34px!important;padding:6px 0!important}
  #smog-ls .sl-compose {padding:4px 6px 4px 10px}
  #smog-ls .sl-send {height:33px;width:33px;flex-basis:33px}
  #smog-ls .sl-brand {height:18px}
}
@media(max-width:365px) {
  #smog-ls .sl-promo-card {width:min(100%, 278px)}
  #smog-ls .sl-promo-title {font-size:11.4px}
  #smog-ls .sl-promo-description {font-size:9.3px}
  #smog-ls .sl-channel {font-size:9.3px}
}
/* The initial state can be smaller without requiring scrolling to see the welcome. */
#smog-ls .sl-panel:not(.sl-active):not(.sl-wide) {
  height:min(397px, calc(100dvh - 112px - var(--sl-mobile-raise)))!important;
}
@media(max-width:600px) {
  #smog-ls .sl-panel:not(.sl-active):not(.sl-wide) {
    height:min(365px, calc(100dvh - 93px - var(--sl-mobile-raise) - env(safe-area-inset-bottom,0px)))!important;
  }
}