/* Bitey IA — refined sidebar, profile menu, reliable controls and readable chat */
:root{--bitey-blue:#1599c2;--bitey-cyan:#25c7dc;--bitey-bg:#080b10;--bitey-surface:#10171f;--bitey-surface-2:#141d25;--bitey-ink:#edf5f8;--bitey-assistant:#e9f1f4;--bitey-muted:#8fa1ad}
html,body{background:var(--bitey-bg)!important;color:var(--bitey-ink)!important}body{color-scheme:dark}
.sidebar{background:linear-gradient(180deg,#0b1016 0%,#0d141b 60%,#090e14 100%)!important;border-right:1px solid #202b34!important;padding:14px 11px 10px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.brand{padding:4px 8px 14px!important;min-height:48px!important}.brand-mark,.hero-mark{background:linear-gradient(135deg,var(--bitey-cyan),var(--bitey-blue))!important;box-shadow:0 7px 20px rgba(37,199,220,.16)!important}.brand strong{font-size:15px!important;color:#f2f8fa!important}.brand small{color:#81919d!important;font-size:10px!important}
button{font-family:inherit}.new-chat{height:42px!important;margin:0 1px 7px!important;border:1px solid #245064!important;background:#14242d!important;color:#fff!important;border-radius:11px!important;font-weight:750!important;cursor:pointer!important;pointer-events:auto!important}.new-chat:hover{background:#18313d!important;border-color:#36748a!important}
.sidebar-primary,.sidebar-tools,.sidebar-bottom{position:relative!important;z-index:2!important}.sidebar-section{margin:16px 9px 6px!important;color:#697b87!important;font-size:9px!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:800!important}.sidebar-tools{display:flex;flex-direction:column;gap:2px!important}.sidebar-tool{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:38px!important;padding:7px 10px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#aebcc5!important;font-size:12.5px!important;font-weight:600!important;box-shadow:none!important;cursor:pointer!important;pointer-events:auto!important}.sidebar-tool .tool-icon{color:#8ea3ae!important;width:19px!important;text-align:center!important;font-size:16px!important}.sidebar-tool:hover,.sidebar-tool:focus-visible{background:#151f27!important;border-color:#24343f!important;color:#f4f8fa!important}.sidebar-tool:hover .tool-icon{color:var(--bitey-cyan)!important}.search-panel{display:none!important;margin:4px 0!important}.search-panel.open{display:block!important}.search-panel input{width:100%!important;box-sizing:border-box!important;background:#101820!important;border:1px solid #293944!important;border-radius:9px!important;color:#edf5f8!important;padding:9px 10px!important;outline:none!important}.search-panel input:focus{border-color:#286477!important}
.history{gap:1px!important;padding:3px 0 2px!important;overflow-y:auto!important;min-height:0!important}.history-empty{padding:12px 10px!important;color:#6e7f8a!important;font-size:11px!important}.history-item{display:block!important;width:100%!important;box-sizing:border-box!important;min-height:36px!important;padding:8px 10px!important;border-radius:8px!important;color:#98a8b2!important;border:1px solid transparent!important;background:transparent!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important;cursor:pointer!important}.history-item:hover{background:#141d25!important;color:#e8f1f4!important}.history-item.active{background:#12303b!important;color:#e5f8fb!important;border-color:#1c4b5b!important}.sidebar-spacer{flex:1!important;min-height:8px!important}.sidebar-bottom{border-top:1px solid #202b34!important;padding-top:8px!important;margin-top:7px!important;gap:2px!important}.profile-wrap{position:relative!important;margin-top:5px!important;z-index:10!important}.sidebar-profile{width:100%!important;min-height:50px!important;padding:7px 9px!important;border-radius:11px!important;background:#101820!important;border:1px solid #202d37!important;color:#e6eef2!important;display:flex!important;align-items:center!important;gap:9px!important;cursor:pointer!important;pointer-events:auto!important}.sidebar-profile:hover{background:#15212a!important;border-color:#2a4855!important}.profile-avatar{width:31px!important;height:31px!important;min-width:31px!important;border-radius:9px!important;background:linear-gradient(135deg,var(--bitey-cyan),var(--bitey-blue))!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:12px!important;font-weight:850!important}.profile-copy{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;line-height:1.15!important}.profile-copy strong{font-size:12px!important;color:#edf5f8!important}.profile-copy small{font-size:10px!important;color:#788b97!important;margin-top:2px!important}.profile-more{margin-left:auto!important;color:#7e919d!important;letter-spacing:2px!important;font-size:11px!important}.profile-menu{position:absolute!important;display:none!important;bottom:57px!important;left:0!important;width:270px!important;box-sizing:border-box!important;padding:8px!important;background:#111820!important;border:1px solid #2a3944!important;border-radius:13px!important;color:#edf5f8!important;box-shadow:0 20px 48px rgba(0,0,0,.55)!important;z-index:100!important}.profile-menu.open{display:block!important}.profile-menu-head{display:flex!important;align-items:center!important;gap:10px!important;padding:9px!important;margin-bottom:4px!important;border-radius:9px!important;background:#151f27!important}.profile-menu-head strong{font-size:12px!important}.profile-menu-head small{display:block!important;color:#778995!important;font-size:10px!important;margin-top:2px!important}.profile-menu>button{display:flex!important;width:100%!important;align-items:center!important;gap:10px!important;padding:9px 10px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#dbe6ea!important;text-align:left!important;cursor:pointer!important;pointer-events:auto!important}.profile-menu>button:hover{background:#182630!important;color:#fff!important}.profile-menu>button>span:first-child{width:20px!important;text-align:center!important;color:#6dc9d9!important;font-size:14px!important}.profile-menu>button>span:last-child{display:flex!important;flex-direction:column!important;gap:2px!important}.profile-menu button strong{font-size:11px!important;font-weight:700!important}.profile-menu button small{font-size:9px!important;color:#748692!important}.profile-menu-divider{height:1px!important;background:#25333d!important;margin:6px 4px!important}
.chat-area{background:var(--bitey-bg)!important}.topbar{height:58px!important;border-bottom:1px solid #1e2932!important;background:rgba(8,11,16,.94)!important}.messages{background:radial-gradient(circle at 50% 2%,#10232d 0,rgba(16,35,45,0) 390px),var(--bitey-bg)!important}.message{color:var(--bitey-ink)!important}.message.assistant .bubble{background:#111a22!important;border:1px solid #24343e!important;color:var(--bitey-assistant)!important;box-shadow:0 3px 14px rgba(0,0,0,.14)!important}.message.user .bubble{background:linear-gradient(135deg,#12303b,#143b48)!important;border:1px solid #245364!important;color:#eaf8fb!important}.message.assistant .bubble a{color:#5ed4e6!important}.message.assistant .bubble strong{color:#f4fafb!important}.message.assistant .bubble code{background:#0a1015!important;color:#b9eaf2!important;border:1px solid #263944!important;border-radius:5px!important;padding:1px 4px!important}.message.assistant .bubble pre{background:#0a1015!important;color:#dcecf0!important;border:1px solid #263944!important;border-radius:10px!important;padding:12px!important;overflow:auto!important}.avatar{background:linear-gradient(135deg,var(--bitey-cyan),var(--bitey-blue))!important;color:#fff!important}.typing:after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#25c7dc;box-shadow:11px 0 #4db9d0,22px 0 #89d5df;animation:blink 1.1s infinite;margin-left:2px}@keyframes blink{0%,100%{opacity:.35}50%{opacity:1}}.activity{color:#8fa1ad!important}.thinking-dots i{background:#25c7dc!important}.composer{border:1px solid #2a3944!important;background:#10171f!important;box-shadow:0 8px 28px rgba(0,0,0,.24)!important}.composer:focus-within{border-color:#34758a!important;box-shadow:0 8px 32px rgba(21,153,194,.12)!important}.composer textarea{color:#edf5f8!important}.composer textarea::placeholder{color:#71848f!important}.composer .composer-tool{color:#9cafb9!important}.composer .composer-tool:hover{background:#182630!important;color:#eaf7fa!important}.send-button{background:linear-gradient(135deg,var(--bitey-blue),var(--bitey-cyan))!important;color:#fff!important}.composer-hint,.disclaimer{color:#697b86!important}.attach-menu{background:#111820!important;border-color:#2a3944!important;box-shadow:0 18px 44px rgba(0,0,0,.5)!important}.attach-menu button{color:#dbe7eb!important}.attach-menu button:hover{background:#182630!important}.attach-menu small{color:#7f929e!important}.attachment-chip{background:#111a22!important;border-color:#2a3944!important;color:#dbe7eb!important}
.modal-backdrop{position:fixed!important;inset:0!important;display:none!important;align-items:center!important;justify-content:center!important;padding:20px!important;background:rgba(0,0,0,.62)!important;backdrop-filter:blur(5px)!important;z-index:200!important}.modal-backdrop.open{display:flex!important}.modal{width:min(520px,100%)!important;max-height:min(720px,calc(100vh - 40px))!important;overflow:auto!important;background:#111820!important;border:1px solid #2a3944!important;border-radius:18px!important;padding:20px!important;color:#edf5f8!important;box-shadow:0 25px 70px rgba(0,0,0,.6)!important}.modal h2{margin:0 0 6px!important;font-size:20px!important}.modal p{color:#91a0ad!important;font-size:13px!important;line-height:1.5!important}.modal-actions{display:flex!important;justify-content:flex-end!important;margin-top:16px!important}.modal-actions button,.primary-action{border:0!important;border-radius:10px!important;background:linear-gradient(135deg,var(--bitey-blue),var(--bitey-cyan))!important;color:#fff!important;padding:9px 14px!important;font-weight:750!important;cursor:pointer!important}.feature-list{display:grid!important;gap:4px!important}.feature-row{width:100%!important;display:flex!important;align-items:center!important;gap:10px!important;padding:10px!important;border:1px solid transparent!important;border-radius:10px!important;background:#151f27!important;color:#e7f0f3!important;text-align:left!important;cursor:pointer!important}.feature-row:hover{background:#1a2a34!important;border-color:#294957!important}.feature-row small{display:block!important;color:#7f929e!important;margin-top:2px!important}.settings-form{display:grid!important;gap:12px!important}.settings-form label{display:grid!important;gap:5px!important;color:#cbd8dd!important;font-size:12px!important}.settings-form select{background:#0d141b!important;color:#edf5f8!important;border:1px solid #2a3944!important;border-radius:9px!important;padding:9px!important}.settings-form input[type=checkbox]{accent-color:var(--bitey-blue)!important}.muted{color:#7f929e!important;font-size:12px!important}
@media(max-width:760px){.sidebar{left:-292px!important;width:292px!important;padding:14px 11px 10px!important;box-shadow:8px 0 28px rgba(0,0,0,.5)!important}.sidebar.open{left:0!important}.topbar{height:56px!important}.messages{padding:22px 12px 8px!important}.profile-menu{width:calc(100vw - 34px)!important;left:0!important}}
.mobile-brand{display:none!important}.topbar-model{display:flex!important;align-items:center;gap:6px!important;color:#dce8ed!important;font-size:13px!important;font-weight:700!important;margin-left:10px!important}.topbar-model span{color:#718590!important;font-size:12px!important}.topbar-right{margin-left:auto!important}.welcome{max-width:820px!important;margin:5vh auto 0!important}.welcome .bitey-logo{width:min(148px,34vw)!important;height:auto!important;margin:0 auto 10px!important;border-radius:18px!important}.welcome h1{font-size:36px!important;color:#eaf4f7!important;margin-bottom:7px!important}.hero-copy{font-size:14px!important;color:#82939e!important;margin-bottom:22px!important}.starter-row{display:flex!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;margin:0 auto 20px!important}.starter-row button{border:1px solid #263943!important;background:#101820!important;color:#aebec6!important;border-radius:999px!important;padding:7px 12px!important;font:600 11px/1.2 inherit!important;cursor:pointer!important;transition:.15s!important}.starter-row button:hover{border-color:#36748a!important;background:#15242d!important;color:#eaf7fa!important;transform:translateY(-1px)!important}
.composer-wrap{padding:0 0 4px!important}.composer{max-width:1320px!important;width:calc(100% - 28px)!important;padding:8px 9px!important;border-radius:18px!important}.composer-main{min-height:70px!important;align-items:flex-end!important;gap:4px!important;display:flex!important;width:100%!important}.composer textarea{min-height:64px!important;max-height:190px!important;padding:9px 6px!important;font-size:15px!important;line-height:1.5!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;order:1!important}.composer .composer-tool,.composer .send-button{width:30px!important;height:30px!important;min-width:30px!important;flex:0 0 30px!important;border-radius:8px!important;padding:0!important}.composer .composer-tool{font-size:11px!important;order:2!important}.composer .send-button{font-size:13px!important;order:2!important}
#attach-button{order:2!important}.composer .composer-tool + .composer-tool{order:2!important}.composer-hint{padding-top:5px!important;font-size:9px!important}.disclaimer{padding:3px 10px 7px!important;font-size:9px!important}.site-footer{min-height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;padding:3px 14px 8px!important;color:#61727d!important;font-size:10px!important}.site-footer a{color:#78939f!important;text-decoration:none!important}.site-footer a:hover{color:#5ed4e6!important;text-decoration:underline!important}.site-footer span{opacity:.8!important}
.chat-area > .composer-wrap{width:100%!important;padding-left:0!important;padding-right:0!important}.chat-area > .composer-wrap > .composer{display:block!important;width:calc(100% - 24px)!important;max-width:none!important;margin-left:12px!important;margin-right:12px!important}.chat-area > .composer-wrap > .composer-hint,.chat-area > .composer-wrap > .disclaimer{width:100%!important}
@media(min-width:761px){.topbar{justify-content:flex-start!important}.topbar-right{margin-left:auto!important}}
@media(max-width:760px){.mobile-brand{display:flex!important;align-items:center!important;gap:7px!important;color:#dce8ed!important;font-size:13px!important}.topbar-model{display:none!important}.welcome{margin-top:4vh!important}.welcome .bitey-logo{width:min(128px,32vw)!important}.welcome h1{font-size:29px!important}.hero-copy{font-size:13px!important;margin-bottom:18px!important}.starter-row{margin-bottom:15px!important}.composer{width:calc(100% - 10px)!important;padding:6px 6px 7px!important}.composer-main{min-height:62px!important;gap:3px!important}.composer textarea{min-height:56px!important;font-size:15px!important;padding:7px 4px!important;flex-basis:0!important}.composer .composer-tool,.composer .send-button{width:29px!important;height:29px!important;min-width:29px!important;flex-basis:29px!important;border-radius:7px!important}.composer .composer-tool{font-size:10px!important}.composer .send-button{font-size:12px!important}.site-footer{gap:9px!important;font-size:9px!important;padding-bottom:6px!important}}

/* Final composer geometry: writing field owns the row; controls stay compact at far right. */
.composer-main{display:flex!important;align-items:flex-end!important;width:100%!important;gap:4px!important;min-width:0!important}
.composer textarea{order:1!important;flex:1 1 0%!important;width:0!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}
.composer .composer-tool,.composer .send-button{order:2!important;flex:0 0 30px!important;width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;margin:0!important}
#bitey-mode.bitey-mode{position:absolute!important;left:12px!important;bottom:7px!important;width:auto!important;max-width:72px!important;height:24px!important;min-height:24px!important;padding:2px 7px!important;margin:0!important;z-index:4!important;font-size:10px!important;border-radius:7px!important;box-sizing:border-box!important}
.composer textarea{padding-bottom:31px!important}
@media(max-width:760px){.composer-main{gap:3px!important}.composer textarea{padding-bottom:29px!important}.composer .composer-tool,.composer .send-button{flex-basis:29px!important;width:29px!important;min-width:29px!important;height:29px!important}#bitey-mode.bitey-mode{left:8px!important;bottom:6px!important;max-width:66px!important;height:22px!important;min-height:22px!important;font-size:9px!important}}

/* Composer controls: keep icon glyphs readable against the dark composer. */
.composer .composer-tool,
.composer .send-button,
#attach-button,
#voice-button,
#send{color:#17313b!important;-webkit-text-fill-color:#17313b!important;background:#dceff3!important;border:1px solid #4d7f8c!important;text-shadow:none!important;opacity:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-weight:800!important}
.composer .composer-tool:hover,
#attach-button:hover,
#voice-button:hover{color:#08242d!important;-webkit-text-fill-color:#08242d!important;background:#bfe4ea!important}
.composer .send-button,
#send{color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(135deg,var(--bitey-blue),var(--bitey-cyan))!important;border-color:#34758a!important}
.composer .send-button:hover,
#send:hover{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Final control cluster: compact, aligned, dark surface, readable glyphs. */
.composer-main{align-items:flex-end!important}
.composer .composer-tool,
.composer .send-button,
#attach-button,
#voice-button,
#send{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:flex-end!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;flex:0 0 28px!important;margin:0!important;padding:0!important;border-radius:8px!important;font-family:inherit!important;font-size:14px!important;font-weight:700!important;line-height:1!important;text-align:center!important;text-indent:0!important;vertical-align:middle!important;transform:none!important;box-shadow:none!important;opacity:1!important}
.composer .composer-tool,
#attach-button,
#voice-button{background:#182630!important;color:#9fe1eb!important;-webkit-text-fill-color:#9fe1eb!important;border:1px solid #304753!important}
.composer .composer-tool:hover,
#attach-button:hover,
#voice-button:hover{background:#213640!important;color:#d8f7fb!important;-webkit-text-fill-color:#d8f7fb!important;border-color:#477080!important}
.composer .send-button,
#send{background:linear-gradient(135deg,var(--bitey-blue),var(--bitey-cyan))!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #3d8da1!important}
.composer .send-button:hover,
#send:hover{background:linear-gradient(135deg,#1ba8ce,#38d2e4)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
@media(max-width:760px){.composer .composer-tool,.composer .send-button,#attach-button,#voice-button,#send{width:27px!important;min-width:27px!important;max-width:27px!important;height:27px!important;min-height:27px!important;max-height:27px!important;flex-basis:27px!important;font-size:13px!important;border-radius:7px!important}}

/* Attachment glyph: explicit paperclip, centered and visually distinct. */
#attach-button{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important;font-size:15px!important;line-height:1!important;letter-spacing:0!important}
#voice-button{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important;font-size:14px!important;line-height:1!important}
#send{font-family:inherit!important;font-size:15px!important;line-height:1!important}


/* ChatGPT-like composer controls: stable vector icons, no emoji-font dependency. */
.composer .composer-tool svg,#send svg{width:16px!important;height:16px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}
#send svg{width:15px!important;height:15px!important;stroke-width:2!important}
#attach-button,#voice-button{font-size:0!important;line-height:0!important}
#attach-button,#voice-button,#send{font-family:inherit!important}
.composer{overflow:visible!important}
.composer-main{min-height:64px!important}
.composer textarea{border:0!important;outline:0!important;background:transparent!important;resize:none!important;scrollbar-width:thin!important}
.composer textarea:focus{outline:0!important;box-shadow:none!important}
.composer .composer-tool,.composer .send-button{transition:background .15s ease,border-color .15s ease,transform .1s ease!important}
.composer .composer-tool:active,.composer .send-button:active{transform:scale(.96)!important}

/* Final ChatGPT-style composer proportions. */
.composer{border-radius:24px!important;padding:8px 10px!important;min-height:68px!important;background:rgba(255,255,255,.98)!important;border:1px solid #d9e1e7!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 28px rgba(20,40,50,.07)!important}
.composer-main{min-height:54px!important;gap:6px!important}
.composer textarea{min-height:52px!important;height:52px!important;padding:13px 10px 13px 12px!important;font-size:15px!important;line-height:1.45!important;color:#202123!important}
.composer textarea::placeholder{color:#8b9299!important;opacity:1!important}
.composer .composer-tool,#attach-button,#voice-button,.composer .send-button,#send{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;flex:0 0 32px!important;border-radius:50%!important;border:0!important}
#attach-button,#voice-button{background:transparent!important;color:#5f6368!important;-webkit-text-fill-color:#5f6368!important}
#attach-button:hover,#voice-button:hover{background:#f1f3f4!important;color:#202123!important;-webkit-text-fill-color:#202123!important}
.composer .send-button,#send{background:#202123!important;color:#fff!important;border:0!important}
.composer .send-button:hover,#send:hover{background:#111!important}
.composer .composer-tool svg,#send svg{width:18px!important;height:18px!important}
#send svg{width:16px!important;height:16px!important}
.composer-hint{display:none!important}
.disclaimer{font-size:9px!important;padding-top:4px!important}
@media(max-width:760px){.composer{width:calc(100% - 8px)!important;margin-left:4px!important;margin-right:4px!important;border-radius:22px!important;padding:7px 8px!important}.composer-main{min-height:50px!important}.composer textarea{height:48px!important;min-height:48px!important;padding:11px 8px!important}.composer .composer-tool,#attach-button,#voice-button,.composer .send-button,#send{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;flex-basis:30px!important}.composer .composer-tool svg,#send svg{width:17px!important;height:17px!important}}


/* Final composer stabilization: one dominant writing surface, compact controls, no width theft. */
.chat-area > .composer-wrap > .composer{
  position:relative!important;
  width:min(1320px,calc(100% - 28px))!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.composer-main{
  width:100%!important;
  min-width:0!important;
  min-height:54px!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:5px!important;
}
.composer textarea{
  order:1!important;
  flex:1 1 auto!important;
  width:0!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
  overflow-y:auto!important;
}
.composer #attach-button,
.composer #voice-button,
.composer #send{
  order:2!important;
  flex:0 0 30px!important;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
}
.composer #bitey-mode{
  position:absolute!important;
  left:12px!important;
  bottom:8px!important;
  z-index:5!important;
}
@media(max-width:760px){
  .chat-area > .composer-wrap > .composer{
    width:calc(100% - 8px)!important;
    margin-left:4px!important;
    margin-right:4px!important;
  }
  .composer-main{gap:3px!important}
  .composer #attach-button,
  .composer #voice-button,
  .composer #send{
    flex-basis:29px!important;
    width:29px!important;
    min-width:29px!important;
    max-width:29px!important;
    height:29px!important;
    min-height:29px!important;
    max-height:29px!important;
  }
  .composer #bitey-mode{left:8px!important;bottom:6px!important}
}


/* ChatGPT-sized composer: compact centered dialog box on desktop, full-width on mobile. */
.chat-area > .composer-wrap > .composer{
  width:min(768px,calc(100% - 32px))!important;
  max-width:768px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  border-radius:24px!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  .chat-area > .composer-wrap > .composer{
    width:calc(100% - 16px)!important;
    max-width:none!important;
    margin-left:8px!important;
    margin-right:8px!important;
    border-radius:22px!important;
  }
}


/* Final composer width: ChatGPT-like compact desktop dialog. */
.chat-area > .composer-wrap > .composer{
  width:min(700px,calc(100% - 40px))!important;
  max-width:700px!important;
}
@media(max-width:760px){
  .chat-area > .composer-wrap > .composer{
    width:calc(100% - 16px)!important;
    max-width:none!important;
  }
}

/* Final answer verification indicator. */
.answer-validation-wrap{margin-top:8px}
.answer-validation{display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:1.2;opacity:.78}
.answer-validation-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}
.answer-validation.warning{opacity:.72}

/* Answer controls and evidence cards: compact, quiet, professional. */
.answer-actions{display:flex;align-items:center;gap:6px;margin:8px 0 0 2px}.answer-action{appearance:none;border:1px solid #263740;background:transparent;color:#8497a1;border-radius:8px;padding:5px 9px;font:600 10px/1.2 inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.answer-action:hover{background:#14232b;border-color:#355663;color:#d8eef2}.answer-action:active{transform:scale(.97)}
.answer-validation-wrap{margin:8px 0 0 2px}.answer-validation{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #25353e;border-radius:999px;background:#101920;color:#7f9aa5;font-size:10px;line-height:1.2}.answer-validation.warning{color:#c2a978;border-color:#4a4030;background:#191711}.answer-validation-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}
.bitey-sources{display:grid;gap:5px;margin:10px 0 0 2px;max-width:760px}.bitey-sources-title{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#718692;margin-bottom:1px}.bitey-sources a{display:block;padding:7px 9px;border:1px solid #202f38;border-radius:9px;background:#0d151c;color:#9bc9d4;text-decoration:none;font-size:10.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bitey-sources a:hover{background:#14232b;border-color:#345766;color:#d7f1f5}
@media(max-width:760px){.answer-actions{gap:5px}.answer-action{padding:5px 8px;font-size:9.5px}.bitey-sources{max-width:100%}.bitey-sources a{font-size:10px}}

/* Rich assistant rendering. */
.message.assistant .message-content h1,.message.assistant .message-content h2,.message.assistant .message-content h3,.message.assistant .message-content h4,.message.assistant .message-content h5,.message.assistant .message-content h6{margin:16px 0 7px;line-height:1.25;font-weight:700}.message.assistant .message-content h1{font-size:1.45em}.message.assistant .message-content h2{font-size:1.25em}.message.assistant .message-content h3{font-size:1.1em}.message.assistant .message-content ul,.message.assistant .message-content ol{margin:7px 0 10px;padding-left:24px}.message.assistant .message-content li{margin:4px 0;padding-left:3px}.bitey-inline-link{color:#8fc7d5;text-decoration:underline}.bitey-code{margin:10px 0;padding:12px 14px;overflow:auto;border:1px solid #25343d;border-radius:10px;background:#0a1116;white-space:pre}.bitey-code code{font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}


/* 2026-09-24: wide ChatGPT-like composer — writing surface remains dominant. */
.chat-area > .composer-wrap > .composer{
  width:min(1120px,calc(100% - 24px))!important;
  max-width:1120px!important;
}
.composer-main{min-height:58px!important}
.composer textarea{min-height:56px!important;height:56px!important;font-size:15px!important}
.composer #attach-button,.composer #voice-button,.composer #send{
  width:28px!important;min-width:28px!important;max-width:28px!important;
  height:28px!important;min-height:28px!important;max-height:28px!important;
  flex-basis:28px!important;
}
.composer #attach-button svg,.composer #voice-button svg{width:16px!important;height:16px!important}
.composer #send svg{width:15px!important;height:15px!important}
@media(max-width:760px){
  .chat-area > .composer-wrap > .composer{width:calc(100% - 8px)!important;max-width:none!important}
  .composer textarea{min-height:50px!important;height:50px!important}
}

/* ChatGPT-like composer proportions: writing area dominates, controls stay compact. */
.composer-main{display:flex!important;align-items:flex-end!important;gap:6px!important;width:100%!important;min-width:0!important}.composer textarea{flex:1 1 auto!important;min-width:0!important;width:auto!important;min-height:54px!important;max-height:220px!important;resize:none!important;line-height:1.5!important;padding:13px 10px!important}.composer .composer-tool,.composer .send-button{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:6px!important;border-radius:9px!important;flex:0 0 30px!important}.composer .composer-tool svg,.composer .send-button svg{width:15px!important;height:15px!important}.composer .bitey-mode{width:92px!important;min-width:92px!important;height:30px!important;flex:0 0 92px!important;padding:5px 7px!important;font-size:11px!important;border-radius:9px!important;box-sizing:border-box!important}.composer-hint{font-size:10px!important;margin-top:5px!important}.disclaimer{font-size:9px!important;margin-top:3px!important}@media(max-width:760px){.composer textarea{min-height:50px!important}.composer .bitey-mode{width:76px!important;min-width:76px!important;font-size:10px!important}.composer .composer-tool,.composer .send-button{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;flex-basis:28px!important}.composer .composer-tool svg,.composer .send-button svg{width:14px!important;height:14px!important}}


/* Progress overlay: execution status must never push or compress the answer viewport. */
.chat-area{position:relative!important}
.chat-area>.activity{
  position:absolute!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:clamp(86px,10vh,118px)!important;
  z-index:20!important;
  width:min(860px,calc(100% - 32px))!important;
  height:24px!important;
  min-height:24px!important;
  margin:0!important;
  padding:0 8px!important;
  border:1px solid rgba(42,57,68,.72)!important;
  border-radius:999px!important;
  background:rgba(16,23,31,.92)!important;
  backdrop-filter:blur(8px)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.18)!important;
  pointer-events:none!important;
}
.chat-area>.activity .activity-toggle{pointer-events:auto!important}
.chat-area>.activity-events{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;bottom:clamp(112px,13vh,144px)!important;z-index:19!important}
@media(max-width:760px){
  .chat-area>.activity{
    width:calc(100% - 20px)!important;
    bottom:clamp(78px,11vh,104px)!important;
    padding:0 7px!important;
    font-size:10px!important;
  }
  .chat-area>.activity-events{bottom:clamp(100px,14vh,126px)!important}
}


/* 2026-10-01: compact cognitive-status drawer.
   The execution indicator is an overlay, never a layout participant. */
.chat-area > .activity{
  position:absolute!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:clamp(82px,10vh,112px)!important;
  width:min(720px,calc(100% - 28px))!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  margin:0!important;
  padding:0 8px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(12,18,24,.90)!important;
  border:1px solid rgba(76,103,116,.48)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(8px)!important;
  font-size:10px!important;
  line-height:1!important;
  z-index:30!important;
  pointer-events:none!important;
}
.chat-area > .activity .thinking-dots{flex:0 0 auto!important;transform:scale(.7)!important}
.chat-area > .activity #activity-text{
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  opacity:.82!important;
}
.chat-area > .activity .activity-elapsed{
  flex:0 0 auto!important;
  font-size:9px!important;
  opacity:.52!important;
}
.chat-area > .activity .activity-toggle{
  flex:0 0 auto!important;
  pointer-events:auto!important;
  border:0!important;
  background:transparent!important;
  color:#8fcbd6!important;
  padding:2px 4px!important;
  margin:0!important;
  font-size:9px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.chat-area > .activity-events{
  position:absolute!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:clamp(110px,13vh,140px)!important;
  width:min(720px,calc(100% - 28px))!important;
  max-height:min(180px,28vh)!important;
  overflow:auto!important;
  box-sizing:border-box!important;
  padding:7px!important;
  margin:0!important;
  border:1px solid rgba(76,103,116,.52)!important;
  border-radius:12px!important;
  background:rgba(10,16,21,.96)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(10px)!important;
  z-index:29!important;
  scrollbar-width:thin!important;
}
.chat-area > .activity-events .activity-event{
  display:flex!important;
  align-items:flex-start!important;
  gap:6px!important;
  padding:3px 4px!important;
  margin:0!important;
  font-size:9px!important;
  line-height:1.3!important;
  white-space:normal!important;
}
.chat-area > .activity-events .activity-check{
  flex:0 0 12px!important;
  text-align:center!important;
  opacity:.72!important;
}
.chat-area > .activity-events .activity-sources{
  margin-top:5px!important;
  padding-top:5px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
.chat-area > .activity-events .activity-source-heading{
  font-size:9px!important;
  margin-bottom:3px!important;
  opacity:.65!important;
}
.chat-area > .activity-events .activity-source{
  display:block!important;
  max-width:100%!important;
  padding:3px 4px!important;
  font-size:9px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:760px){
  .chat-area > .activity{
    left:8px!important;
    right:8px!important;
    transform:none!important;
    bottom:clamp(72px,10vh,94px)!important;
    width:auto!important;
    max-width:none!important;
    height:23px!important;
    min-height:23px!important;
    max-height:23px!important;
    padding:0 6px!important;
    font-size:9px!important;
  }
  .chat-area > .activity .activity-elapsed{display:none!important}
  .chat-area > .activity .activity-toggle{font-size:8.5px!important}
  .chat-area > .activity-events{
    left:8px!important;
    right:8px!important;
    transform:none!important;
    bottom:clamp(99px,13vh,120px)!important;
    width:auto!important;
    max-height:150px!important;
  }
}