:root{--max-blue:#3b82f6;--max-blue-soft:rgba(59,130,246,.09);--max-line:rgba(17,24,39,.08);--max-text:#111827;--max-muted:#6b7280;--max-bg:#ffffff;--max-panel:rgba(255,255,255,.78)}
html,body{background:#fff!important;color:var(--max-text)!important}
body{background:radial-gradient(circle at 78% 0%,rgba(96,165,250,.12),transparent 28%),radial-gradient(circle at 8% 90%,rgba(167,139,250,.07),transparent 24%),#fff!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.app-shell,.main-content{background:transparent!important;color:var(--max-text)}
.sidebar{background:rgba(249,250,252,.86)!important;color:#172033;border-right:1px solid rgba(17,24,39,.07)!important;backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);box-shadow:8px 0 34px rgba(31,41,55,.035);padding:14px}
.sidebar-brand{display:flex;align-items:center;gap:10px;padding:5px 7px 16px}.sidebar-brand img{width:32px;height:32px;border-radius:9px;object-fit:cover;box-shadow:0 5px 16px rgba(59,130,246,.14)}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{font-size:14px;letter-spacing:-.2px}.sidebar-brand span{font-size:10px;color:#8a93a3;margin-top:2px}.sidebar-top{margin-bottom:17px}.new-chat-btn,.sidebar-action,.account-card,.conversation{color:#172033!important}.new-chat-btn{height:46px;border:1px solid rgba(17,24,39,.07)!important;background:rgba(255,255,255,.78)!important;box-shadow:0 7px 24px rgba(31,41,55,.055),inset 0 1px rgba(255,255,255,.95);transition:.2s ease}.new-chat-btn:hover,.sidebar-action:hover,.conversation:hover,.icon-btn:hover,.model-selector:hover,.account-card:hover{background:rgba(255,255,255,.98)!important;box-shadow:0 8px 24px rgba(31,41,55,.07)}.section-label{color:#9aa3b2!important}.conversation{min-height:42px;border:1px solid transparent;transition:.18s ease}.conversation.active{background:rgba(59,130,246,.08)!important;border-color:rgba(59,130,246,.13)}.conversation.active:before{content:"";position:absolute;left:2px;width:3px;height:18px;border-radius:99px;background:#3b82f6}.account-card{border:1px solid rgba(17,24,39,.07)!important;background:rgba(255,255,255,.72)!important;box-shadow:0 8px 24px rgba(31,41,55,.055),inset 0 1px rgba(255,255,255,.95)}.account-card.signed-out{border-color:rgba(17,24,39,.07)!important}.account-avatar{background:#f3f5f8!important}
.topbar{height:68px;padding:0 22px;background:rgba(255,255,255,.62)!important;border-bottom:1px solid rgba(17,24,39,.055);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.model-selector,.icon-btn{color:#273247!important}.model-selector{padding:7px 11px 7px 7px;border:1px solid rgba(17,24,39,.06)!important;background:rgba(255,255,255,.72)!important;box-shadow:0 5px 18px rgba(31,41,55,.04)}.icon-btn:active,.model-selector:active,.new-chat-btn:active,.suggestion-card:active,.send-btn:active,.composer-icon:active{transform:scale(.96)}
.chat-container{background:transparent!important}.welcome-screen{width:min(900px,calc(100% - 44px));padding:46px 0 175px!important;justify-content:flex-start!important}.welcome-intro{text-align:center;padding-top:10px}.welcome-logo{width:62px;height:62px;border-radius:19px;background:rgba(255,255,255,.82);overflow:hidden;box-shadow:0 16px 42px rgba(31,41,55,.10),0 0 0 1px rgba(17,24,39,.045),inset 0 1px #fff;margin-bottom:18px}.welcome-logo img{width:100%;height:100%;object-fit:cover}.welcome-eyebrow{margin-top:0!important;font-size:10px!important;font-weight:800!important;letter-spacing:.18em;color:#8a93a3!important}.welcome-screen h1{margin:10px 0 0!important;font-size:clamp(31px,4vw,44px)!important;line-height:1.08;letter-spacing:-2.1px!important;font-weight:720!important;color:#111827!important}.welcome-screen>p,.welcome-intro p{margin:10px 0 0!important;color:#737d8e!important;font-size:14px}
.max-feature-card{width:100%;min-height:205px;margin-top:38px!important;padding:0!important;display:grid;grid-template-columns:1fr 43%;overflow:hidden;border:1px solid rgba(17,24,39,.07)!important;border-radius:28px!important;background:linear-gradient(115deg,#f8fbff 0%,#fff 58%)!important;box-shadow:0 18px 55px rgba(31,41,55,.09),inset 0 1px #fff!important;cursor:pointer!important;text-align:left}.max-feature-card:hover{transform:translateY(-3px)!important;border-color:rgba(59,130,246,.18)!important;box-shadow:0 25px 65px rgba(31,41,55,.12),0 0 0 1px rgba(59,130,246,.035),inset 0 1px #fff!important}.max-feature-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:30px 32px;z-index:2}.feature-kicker{display:block!important;margin:0 0 10px!important;color:#3b82f6!important;font-size:9px!important;font-weight:800!important;letter-spacing:.15em!important}.max-feature-copy strong{display:block!important;color:#111827!important;font-size:27px!important;line-height:1.1}.max-feature-copy small{display:block!important;max-width:460px;margin-top:10px!important;color:#697386!important;font-size:13px!important;line-height:1.6}.max-feature-copy em{display:inline-flex!important;align-self:flex-start;position:static!important;margin-top:18px;padding:6px 10px;border:1px solid rgba(17,24,39,.07);border-radius:999px;background:rgba(255,255,255,.8);color:#7b8494;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 12px rgba(31,41,55,.04)}.max-feature-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:205px;background:radial-gradient(circle at 50% 50%,rgba(147,197,253,.25),transparent 63%)}.max-feature-art:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:rgba(255,255,255,.68);filter:blur(2px);box-shadow:0 0 55px rgba(59,130,246,.12)}.max-feature-art img{position:relative;z-index:1;width:min(78%,240px);height:170px;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(31,41,55,.13))}
.quick-actions-heading{display:flex;align-items:end;justify-content:space-between;width:100%;margin:28px 0 11px}.quick-actions-heading strong,.quick-actions-heading span{display:block}.quick-actions-heading strong{font-size:15px;color:#172033}.quick-actions-heading span{font-size:11px;color:#8a93a3;margin-top:3px}.suggestion-grid.max-quick-grid{width:100%;max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:0}.suggestion-card{position:relative;min-height:145px;padding:17px!important;border:1px solid rgba(17,24,39,.065)!important;border-radius:20px!important;background:rgba(255,255,255,.72)!important;box-shadow:0 9px 30px rgba(31,41,55,.055),inset 0 1px #fff!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;text-align:left}.suggestion-card:hover{border-color:rgba(59,130,246,.18)!important;background:#fff!important;box-shadow:0 17px 38px rgba(31,41,55,.10),0 0 0 1px rgba(59,130,246,.025),inset 0 1px #fff!important;transform:translateY(-3px)}.suggestion-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.55),transparent 42%)}.suggestion-card span.quick-action-icon{position:relative;display:flex;width:39px;height:39px;align-items:center;justify-content:center;margin:0 0 25px;border-radius:13px;color:#2563eb;background:#f5f9ff;box-shadow:inset 0 1px #fff;z-index:1;font-size:19px}.suggestion-card strong,.suggestion-card small,.suggestion-card b,.suggestion-card em{position:relative;z-index:1}.suggestion-card strong{display:block;color:#172033!important;font-size:13px!important}.suggestion-card small{display:block;margin-top:5px;color:#788294!important;font-size:11px!important;line-height:1.45}.suggestion-card b{position:absolute;right:14px;top:14px;transform:none;font-size:18px;font-weight:400;color:#a0a8b5}.suggestion-card:hover b{color:#3b82f6}.suggestion-card[data-action-status="coming-soon"] em{display:block;position:absolute;right:12px;bottom:12px;top:auto;padding:4px 7px;border-radius:999px;background:#f7f8fa;border:1px solid rgba(17,24,39,.055);color:#8992a1;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:none}.suggestion-card[data-action-status="coming-soon"] b{display:none}.device-icon{color:#6366f1!important;background:#f5f3ff!important}.music-icon{color:#ec4899!important;background:#fff1f7!important}.cloud-icon{color:#0ea5e9!important;background:#effaff!important}.explore-icon{color:#8b5cf6!important;background:#f6f2ff!important}.ask-max-card{width:100%;min-height:66px!important;margin-top:10px!important;padding:13px 17px!important;display:flex;align-items:center;gap:12px}.ask-max-card span{margin:0!important;flex:0 0 auto}.ask-max-card div{flex:1}.ask-max-card small{margin-top:2px}.ask-max-card b{position:static!important;font-size:18px}
.messages{padding-top:24px!important;color:#172033}.message{padding:17px 0}.message-avatar{width:30px;height:30px;border-radius:10px;box-shadow:0 0 0 1px rgba(17,24,39,.07)}.user-bubble{background:#f1f4f8!important;color:#172033!important;border:1px solid rgba(17,24,39,.055)!important;box-shadow:0 7px 24px rgba(31,41,55,.06)!important}.assistant-content{color:#172033}.assistant-content a{color:#2563eb}.assistant-content blockquote{border-left-color:#d6dbe3;color:#596476}.code-block{background:#f5f6f8!important;border-color:#e4e7ec!important}.code-header{background:#eef1f5!important;border-color:#e0e4ea!important;color:#687386!important}.link-preview{background:#fff!important;border-color:#e3e6eb!important;color:#172033!important}.link-preview-domain,.link-preview-description{color:#7a8494!important}
.composer-area{padding:0 22px 18px!important;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.86) 25%,#fff 62%)!important}.composer{border:1px solid rgba(17,24,39,.09)!important;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);box-shadow:0 18px 60px rgba(31,41,55,.10),inset 0 1px #fff!important}.composer:focus-within{border-color:rgba(59,130,246,.30)!important;box-shadow:0 18px 60px rgba(31,41,55,.12),0 0 0 3px rgba(59,130,246,.07),inset 0 1px #fff!important}.composer textarea{color:#172033!important}.composer textarea::placeholder{color:#9aa3b2!important}.composer-icon{color:#667085!important}.composer-icon:hover{background:rgba(59,130,246,.08)!important;color:#2563eb!important}.send-btn:not(:disabled){background:#3b82f6!important;box-shadow:0 7px 20px rgba(59,130,246,.24)}.composer-footer{color:#9aa3b2!important}.scroll-bottom{border:1px solid rgba(17,24,39,.08)!important;background:rgba(255,255,255,.82)!important;color:#344054!important;backdrop-filter:blur(18px);box-shadow:0 8px 24px rgba(31,41,55,.09)}
.max-coming-soon-toast{position:fixed;left:50%;bottom:112px;z-index:1000;display:flex;align-items:center;gap:11px;min-width:230px;padding:11px 14px;border:1px solid rgba(17,24,39,.07);border-radius:17px;background:rgba(255,255,255,.88);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);box-shadow:0 16px 50px rgba(31,41,55,.13),inset 0 1px #fff;transform:translate(-50%,14px);opacity:0;transition:.22s ease;pointer-events:none}.max-coming-soon-toast.show{transform:translate(-50%,0);opacity:1}.max-coming-soon-icon{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:11px;background:#f3f7ff;color:#3b82f6}.max-coming-soon-toast strong,.max-coming-soon-toast small{display:block}.max-coming-soon-toast strong{font-size:12px;color:#172033}.max-coming-soon-toast small{margin-top:2px;color:#7a8496;font-size:11px}
@media(max-width:900px){.suggestion-grid.max-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.max-feature-card{grid-template-columns:1fr 38%}}
@media(max-width:760px){.sidebar{width:min(310px,88vw);box-shadow:20px 0 60px rgba(31,41,55,.16)}.topbar{height:60px;padding:0 12px}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}.welcome-screen,.messages{width:min(100% - 24px,var(--max-width))}.welcome-screen{padding-top:30px!important}.welcome-screen h1{font-size:30px!important}.max-feature-card{grid-template-columns:1fr;min-height:0;margin-top:28px!important}.max-feature-copy{padding:24px}.max-feature-art{min-height:145px}.max-feature-art img{height:125px;width:58%}.suggestion-grid.max-quick-grid{grid-template-columns:1fr 1fr;gap:9px}.suggestion-card{min-height:136px;padding:14px!important}.quick-actions-heading{margin-top:24px}.message-inner{max-width:88%}.message.assistant .message-inner{max-width:calc(100% - 42px)}.composer-area{padding:0 10px 10px!important}.max-coming-soon-toast{bottom:92px;min-width:210px}}
@media(max-width:460px){.suggestion-grid.max-quick-grid{grid-template-columns:1fr}.ask-max-card{min-height:62px!important}.max-feature-copy strong{font-size:24px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Keep the MAX identity centered in the top bar, independent of the sidebar toggle. */
.topbar .model-selector {
  position: absolute !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: min(48vw, 240px);
  padding: 6px 8px !important;
  gap: 8px;
  border: 1px solid transparent !important;
  border-radius: 10px;
  background: transparent !important;
  box-shadow: none !important;
  white-space: nowrap;
}
.topbar .model-selector:hover,
.topbar .model-selector:focus-visible {
  background: rgba(100, 116, 139, .07) !important;
  box-shadow: none !important;
}
.topbar .model-selector img {
  flex: 0 0 auto;
}
.topbar .model-selector > span:not(.chevron) {
  overflow: hidden;
  text-overflow: ellipsis;
}
.topbar .topbar-left,
.topbar .topbar-right {
  position: relative;
  z-index: 3;
}
@media (max-width: 420px) {
  .topbar .model-selector {
    gap: 6px;
    padding: 5px 6px !important;
    max-width: 42vw;
  }
  .topbar .model-selector img {
    width: 22px;
    height: 22px;
  }
}