/* LL AI v66.04 — final phone + laptop/desktop polish. Tablets intentionally untouched. */

/* PHONE ONLY */
@media (max-width:699px){
  :root{--ll-phone-pad:16px}
  .topbar{min-height:64px!important;padding:8px 12px!important;gap:9px!important}
  .topbar #currentChatName{font-size:17px!important;font-weight:690!important;letter-spacing:-.018em!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .topbar .roundBtn{width:46px!important;height:46px!important;flex:0 0 46px!important}
  .chat{padding-left:var(--ll-phone-pad)!important;padding-right:var(--ll-phone-pad)!important;padding-bottom:128px!important}
  .msg.user,.userMsg,.message.user{max-width:min(84vw,520px)!important}
  .msg.ai,.assistantMessage,.message.assistant{max-width:100%!important}
  .aiText,.assistantText,.assistantTextBody,.msg.ai .text{font-size:16px!important;line-height:1.62!important;letter-spacing:-.004em!important}
  .assistantTextBody p,.aiText p{margin:.58em 0!important}
  .assistantTextBody h2,.assistantTextBody h3,.assistantTextBody h4,.aiText h2,.aiText h3,.aiText h4{margin:1.05em 0 .42em!important;line-height:1.24!important;letter-spacing:-.018em!important}
  .assistantTextBody ul,.assistantTextBody ol,.aiText ul,.aiText ol{margin:.55em 0 .72em!important;padding-left:1.35em!important}
  .assistantTextBody li,.aiText li{margin:.28em 0!important;padding-left:.08em!important}
  .assistantTextBody strong,.aiText strong{font-weight:750!important}
  .msgActions,.assistantActions{gap:7px!important;margin-top:8px!important}
  .msgActions button,.assistantActions button{min-width:42px!important;min-height:42px!important;border-radius:13px!important}
  .composerWrap,.composerShell{left:12px!important;right:12px!important;max-width:none!important;margin-inline:0!important}
  #composer,.composer{min-height:58px!important;border-radius:23px!important}
  #question{font-size:16px!important;line-height:1.4!important}
  #attach,.composer .roundBtn,#mic,#voiceModeBtn{width:46px!important;height:46px!important}
  #chatJumpLatest{bottom:104px!important}
  .welcome h1,.homeHero h1{font-size:clamp(31px,9vw,42px)!important;line-height:1.03!important;letter-spacing:-.04em!important}
}

/* LAPTOP / DESKTOP ONLY. Fine pointer prevents these rules from changing tablets. */
@media (min-width:1100px) and (pointer:fine){
  .topbar{min-height:66px!important;padding:8px 20px!important}
  .topbar #currentChatName{font-size:16px!important;font-weight:680!important;letter-spacing:-.015em!important}
  .chat{padding-top:28px!important;padding-bottom:134px!important}
  .chat>.msg,.chat>.assistantMessage,.chat>.message,.chat>.thinkingTrace{width:min(900px,calc(100% - 64px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}
  .assistantTextBody,.aiText{font-size:15.5px!important;line-height:1.64!important;letter-spacing:-.003em!important}
  .assistantTextBody p,.aiText p{margin:.62em 0!important}
  .assistantTextBody ul,.assistantTextBody ol,.aiText ul,.aiText ol{margin:.62em 0 .82em!important;padding-left:1.5em!important}
  .assistantTextBody li,.aiText li{margin:.26em 0!important}
  .composerWrap,.composerShell{width:min(900px,calc(100% - 64px))!important;max-width:900px!important;margin-inline:auto!important}
  #composer,.composer{border-radius:22px!important;min-height:60px!important}
  .sidebar{border-right-color:color-mix(in srgb,var(--theme-line,#333) 76%,transparent)!important}
  .chatItem{border-radius:15px!important}
  .chatItemTitle{font-weight:650!important}
}

/* Actual LL composer selectors */
@media (max-width:699px){
  .composer{padding:8px 12px calc(10px + env(safe-area-inset-bottom))!important;background:linear-gradient(transparent,var(--theme-bg,#080b14) 24%)!important}
  .composebox{width:100%!important;max-width:none!important;min-height:60px!important;padding:7px 8px!important;border-radius:25px!important;gap:4px!important;align-items:flex-end!important}
  .composebox textarea{font-size:16px!important;line-height:1.42!important;min-height:44px!important;padding:11px 7px!important}
  .composebox .roundBtn{width:46px!important;height:46px!important;min-width:46px!important;flex:0 0 46px!important}
  .disclaimer{margin-top:6px!important;font-size:10px!important;line-height:1.25!important}
}
@media (min-width:1100px) and (pointer:fine){
  .composer{padding-bottom:16px!important}
  .composebox{width:min(900px,calc(100vw - 420px))!important;max-width:900px!important;min-width:600px!important;min-height:60px!important;padding:7px 9px!important;border-radius:24px!important}
  body.sidebarCollapsed .composebox{width:min(900px,calc(100vw - 100px))!important}
  .composebox textarea{font-size:15.5px!important;line-height:1.48!important;padding:11px 9px!important}
  .disclaimer{font-size:10.5px!important;margin-top:6px!important}
}