@media (min-width: 901px){.mobile-ai-top{display:none!important}}

@media (max-width: 900px){
  :root{color-scheme:dark}
  html,body{width:100%;min-height:100%;overflow-x:hidden;background:#000!important;color:#fff!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Arial,sans-serif!important}
  body{margin:0!important;padding:0!important;background:#000!important}
  .app-shell{display:block!important;min-height:100dvh!important;background:#000!important}
  .sidebar,.topbar{display:none!important}
  .workspace{height:100dvh!important;min-height:100dvh!important;background:#000!important;display:block!important}
  .main-panel{height:100dvh!important;overflow:hidden!important;background:#000!important;padding:0!important}

  .mobile-ai-top{display:block;position:fixed;left:0;right:0;top:0;z-index:100;background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.98) 72%,rgba(0,0,0,0) 100%);padding:10px 16px 12px;padding-top:max(10px,env(safe-area-inset-top));pointer-events:auto}
  .mobile-status-row{height:42px;display:grid;grid-template-columns:78px 1fr 78px;align-items:center;color:#fff;font-weight:800;letter-spacing:-.03em}
  .mobile-time{font-size:24px;text-align:center;line-height:1}
  .mobile-system-icons{font-size:20px;text-align:center;opacity:.95;letter-spacing:.02em;white-space:nowrap}
  .mobile-dynamic{justify-self:center;width:202px;height:42px;border-radius:999px;border:2px solid rgba(255,255,255,.13);background:#070707;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);display:flex;align-items:center;justify-content:space-between;padding:6px 12px 6px 12px}
  .mobile-dynamic-dot{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#2d8cff,#192b54);font-size:13px;font-weight:900;color:#fff;overflow:hidden}
  .mobile-play{width:30px;height:30px;border-radius:50%;border:3px solid #fff;display:grid;place-items:center;font-size:13px;line-height:1;padding-left:2px}
  .mobile-title-row{margin-top:14px;height:56px;display:grid;grid-template-columns:58px 1fr 126px;align-items:center;gap:12px}
  .mobile-circle,.mobile-title-pill,.mobile-actions{height:56px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,#242424,#151515);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.38);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none}
  .mobile-circle{width:56px;font-size:28px;font-weight:400;padding-bottom:3px}
  .mobile-title-pill{justify-self:start;width:max-content;min-width:178px;padding:0 26px;font-size:28px;font-weight:700;letter-spacing:-.04em}
  .mobile-actions{justify-content:space-around;padding:0 14px;gap:14px}
  .mobile-actions a,.mobile-actions button{border:0;background:transparent;color:#fff;font-size:30px;line-height:1;text-decoration:none;padding:0;margin:0;display:grid;place-items:center}
  .mobile-actions button{font-size:24px;letter-spacing:.08em}

  .sms-shell{height:100dvh!important;max-width:none!important;width:100%!important;margin:0!important;border:0!important;background:#000!important;display:flex!important;flex-direction:column!important;padding:130px 16px 0!important;position:relative;overflow:hidden!important}
  .sms-header{display:none!important}
  .sms-thread{flex:1!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:2px 0 180px!important;display:block!important;background:#000!important;color:#fff!important;scrollbar-width:none}
  .sms-thread::-webkit-scrollbar{display:none}
  .sms-empty{min-height:50dvh;margin:0!important;display:grid!important;place-items:center!important;text-align:center!important;color:#9b9ba1!important;font-size:18px!important}
  .sms-empty strong{font-size:32px;color:#fff!important;margin-bottom:8px;display:block}
  .sms-empty span{font-size:17px;color:#9b9ba1!important;max-width:280px;line-height:1.35}
  .sms-row{display:block!important;width:100%!important;margin:0 0 28px!important}
  .sms-bubble{max-width:100%!important;width:100%!important;background:transparent!important;color:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;font-size:28px!important;line-height:1.25!important;letter-spacing:-.03em!important;text-align:left!important}
  .sms-bubble small{display:none!important}
  .sms-bubble p{margin:0!important;white-space:pre-wrap!important;color:#fff!important}
  .sms-row.user .sms-bubble,.sms-row.assistant .sms-bubble{background:transparent!important;color:#fff!important;border-radius:0!important}

  .sms-bubble pre,.sms-bubble code,.sms-thread pre,.sms-thread code{font-family:"SF Mono",Menlo,Consolas,monospace!important}
  .sms-bubble pre,.sms-thread pre{position:relative;display:block;width:100%;overflow-x:auto;background:linear-gradient(180deg,#242424,#191919)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:26px!important;color:#bfc5d2!important;padding:54px 28px 28px!important;margin:22px 0 34px!important;font-size:21px!important;line-height:1.28!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 40px rgba(0,0,0,.32)!important}
  .sms-bubble pre:before,.sms-thread pre:before{content:"Plain text";position:absolute;top:20px;left:26px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Arial,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em}
  .sms-bubble pre:after,.sms-thread pre:after{content:"▢";position:absolute;right:24px;top:18px;color:#fff;font-size:28px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Arial,sans-serif;line-height:1;opacity:.96}
  .sms-bubble code:not(pre code),.sms-thread code:not(pre code){background:linear-gradient(180deg,#242424,#191919)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;color:#c8ceda!important;padding:3px 8px!important;font-size:.86em!important}

  .sms-composer{position:fixed!important;left:12px!important;right:12px!important;bottom:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;z-index:110!important;min-height:116px!important;display:grid!important;grid-template-columns:42px 1fr 58px!important;grid-template-rows:1fr!important;align-items:end!important;gap:10px!important;padding:18px 16px!important;background:linear-gradient(180deg,#242424,#171717)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:34px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 45px rgba(0,0,0,.62)!important}
  .sms-composer:before{content:"+";grid-column:1;align-self:end;justify-self:center;width:38px;height:38px;display:grid;place-items:center;color:#fff;font-size:44px;font-weight:200;line-height:1;margin-bottom:2px}
  .sms-composer textarea{grid-column:2!important;align-self:start!important;width:100%!important;min-height:64px!important;max-height:120px!important;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;border-radius:0!important;resize:none!important;padding:0!important;font-size:27px!important;line-height:1.24!important;letter-spacing:-.035em!important;box-shadow:none!important;overflow:hidden!important}
  .sms-composer textarea::placeholder{color:#fff!important;opacity:.95!important}
  .sms-composer button{grid-column:3!important;align-self:end!important;justify-self:end!important;width:56px!important;height:56px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#3aa0ff!important;color:transparent!important;font-size:0!important;box-shadow:none!important;position:relative!important}
  .sms-composer button:before{content:"↑";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:42px;font-weight:800;line-height:1;transform:translateY(-2px)}

  .ai-feedback-card,.ai-learning-panel,.compact-debug,.sms-quick,.quick-grid.sms-quick{display:none!important}

  .auth-modal{z-index:999!important}.auth-dialog{background:#171717!important;border-color:rgba(255,255,255,.14)!important;border-radius:30px!important}.auth-backdrop{background:rgba(0,0,0,.8)!important;backdrop-filter:blur(14px)!important}
}

@media (max-width: 430px){
  .mobile-ai-top{padding-left:16px;padding-right:16px}
  .mobile-status-row{grid-template-columns:74px 1fr 74px}.mobile-dynamic{width:198px}.mobile-title-row{grid-template-columns:56px 1fr 116px;gap:10px}.mobile-title-pill{min-width:178px;font-size:27px;padding:0 22px}.mobile-actions{padding:0 12px}
  .sms-shell{padding-left:16px!important;padding-right:16px!important}.sms-bubble{font-size:27px!important}.sms-composer textarea{font-size:26px!important}
}

@media (max-width: 380px){
  .mobile-title-pill{min-width:150px;font-size:24px;padding:0 18px}.mobile-actions{width:104px}.mobile-dynamic{width:170px}.mobile-time{font-size:22px}.sms-bubble{font-size:24px!important}.sms-composer textarea{font-size:23px!important}
}