/* Baluk koyu mod cam eşitliği — ana stillerden sonra yüklenir. */
body.ui-dark-mode #appRoot.app #uiSettingsClose > img {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
}

body.ui-dark-mode #appRoot.app #brandModeSwitcher .brand-mode-menu {
  border-color: rgba(255, 255, 255, .22) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .045)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 12px 28px rgba(0, 0, 0, .28) !important;
  backdrop-filter: blur(20px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.08) !important;
}
body.ui-dark-mode #appRoot.app #brandModeSwitcher .brand-mode-menu::before {
  border-color: rgba(255, 255, 255, .28) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .09)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 5px 14px rgba(0, 0, 0, .24) !important;
}
body.ui-dark-mode #appRoot.app #brandModeSwitcher #brandBalukMode,
body.ui-dark-mode #appRoot.app #brandModeSwitcher #brandBalukMode :is(strong, .brand-mode-icon) {
  color: #c084fc !important;
  opacity: 1 !important;
  filter: none !important;
}
body.ui-dark-mode #appRoot.app #brandModeSwitcher #brandMathMode,
body.ui-dark-mode #appRoot.app #brandModeSwitcher #brandMathMode :is(strong, .brand-mode-icon, .math-brand-sigma) {
  color: #60a5fa !important;
  opacity: 1 !important;
  filter: none !important;
}

body.ui-dark-mode #appRoot.app form#chatForm.reference-composer,
body.ui-dark-mode #appRoot.app form#chatForm.reference-composer:hover,
body.ui-dark-mode #appRoot.app form#chatForm.reference-composer:focus-within,
body.ui-dark-mode #appRoot.app form#chatForm.reference-composer.composer-collision {
  background: linear-gradient(135deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .04)) !important;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .04)) !important;
  border-color: rgba(255, 255, 255, .2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 14px 34px rgba(0, 0, 0, .28) !important;
  backdrop-filter: blur(22px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.06) !important;
}
body.ui-dark-mode #appRoot.app form#chatForm.reference-composer #userInput {
  background: transparent !important;
  box-shadow: none !important;
}

body.ui-dark-mode #appRoot.app .side-drawer .chat-list-item.active,
body.ui-dark-mode #appRoot.app .side-drawer.math-drawer-mode .math-note-row.active,
body.ui-dark-mode #appRoot.math-mode:has(> #mathStudioPanel:not(.hidden)) .side-drawer.math-drawer-mode .math-drawer-studio-open {
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .065)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 7px 18px rgba(0, 0, 0, .22) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}
body.ui-dark-mode #appRoot.app .side-drawer .chat-list-item.active :is(.chat-open-btn, .chat-item-menu-btn),
body.ui-dark-mode #appRoot.app .side-drawer.math-drawer-mode .math-note-row.active :is(.math-note-item, .math-note-more) {
  background: transparent !important;
  box-shadow: none !important;
}
body.ui-dark-mode #appRoot.app .side-drawer .chat-list-item:hover:not(.active),
body.ui-dark-mode #appRoot.app .side-drawer.math-drawer-mode .math-note-row:hover:not(.active) {
  border-color: rgba(255, 255, 255, .1) !important;
  background: rgba(255, 255, 255, .055) !important;
}

body.ui-dark-mode #appRoot.app #modelMenu.model-menu {
  border-color: rgba(255, 255, 255, .2) !important;
  background: rgba(8, 13, 27, .72) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 18px 40px rgba(0, 0, 0, .36) !important;
  backdrop-filter: blur(22px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.06) !important;
}
body.ui-dark-mode #appRoot.app #modelMenu.model-menu .model-option:not(.active):not([aria-checked="true"]),
body.ui-dark-mode #appRoot.app #modelMenu.model-menu .model-option:not(.active):not([aria-checked="true"]):hover,
body.ui-dark-mode #appRoot.app #modelMenu.model-menu .model-option:not(.active):not([aria-checked="true"]):focus-visible {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  outline: none !important;
}
body.ui-dark-mode #appRoot.app #modelMenu.model-menu .model-option.active,
body.ui-dark-mode #appRoot.app #modelMenu.model-menu .model-option[aria-checked="true"] {
  border-color: rgba(255, 255, 255, .3) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .19), rgba(255, 255, 255, .085)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 6px 16px rgba(0, 0, 0, .22) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}

body.ui-dark-mode #appRoot.app :is(
  .ui-mode-switch,
  .memory-mode-switch,
  .background-row select,
  .all-context-toggle,
  .chat-item-menu,
  #accountPanel .account-row input,
  #accountPanel .account-preview,
  #accountPanel #saveAccount,
  #accountPanel #persistBrowserAccount,
  #accountPanel #logoutAccount,
  #accountPanel #deleteAccount,
  #memoryPanel #memoryList,
  #memoryPanel #clearMemory,
  .ui-settings-head > button,
  .background-title-row > button,
  .memory-page-close,
  .account-panel-close
) {
  border-color: rgba(255, 255, 255, .2) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .045)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .17), 0 8px 20px rgba(0, 0, 0, .22) !important;
  backdrop-filter: blur(16px) saturate(1.07) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.07) !important;
}
body.ui-dark-mode #appRoot.app :is(.ui-mode-switch, .memory-mode-switch) button.active {
  border-color: rgba(255, 255, 255, .28) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .09)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 6px 15px rgba(0, 0, 0, .2) !important;
}
body.ui-dark-mode #appRoot.app #accountPanel #deleteAccount,
body.ui-dark-mode #appRoot.app #memoryPanel #clearMemory {
  color: #f87171 !important;
}

/* Üst ve stüdyo araçlarında, seçili Matematik Stüdyosu ile aynı belirgin cam malzeme. */
body:not(.ui-dark-mode) #appRoot.app :is(#mathStudioToggle, #accountToggle, #mathNoteNewBtn, #mathStudioClose) {
  border: 1px solid rgba(255, 255, 255, .82) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .4)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 7px 18px rgba(31, 41, 55, .1) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
}
body.ui-dark-mode #appRoot.app :is(#mathStudioToggle, #accountToggle, #mathNoteNewBtn, #mathStudioClose) {
  border: 1px solid rgba(255, 255, 255, .24) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .065)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 8px 20px rgba(0, 0, 0, .25) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}
body:not(.ui-dark-mode) #appRoot.app :is(#mathStudioToggle, #accountToggle, #mathNoteNewBtn, #mathStudioClose):hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .5)) !important;
}
body.ui-dark-mode #appRoot.app :is(#mathStudioToggle, #accountToggle, #mathNoteNewBtn, #mathStudioClose):hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .085)) !important;
}

/* Arama düğmeleri yalnızca panel açıkken camlaşır; hover seçili yüzeyi değiştirmez. */
body:not(.ui-dark-mode) #appRoot.app :is(#drawerSearchOpen, #mathDrawerSearchToggle)[aria-expanded="true"],
body:not(.ui-dark-mode) #appRoot.app :is(#drawerSearchOpen, #mathDrawerSearchToggle)[aria-expanded="true"]:hover,
body:not(.ui-dark-mode) #appRoot.app :is(#drawerSearchOpen, #mathDrawerSearchToggle)[aria-expanded="true"]:focus-visible {
  border: 1px solid rgba(255, 255, 255, .82) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .4)) !important;
  color: inherit !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 7px 18px rgba(31, 41, 55, .1) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
}
body.ui-dark-mode #appRoot.app :is(#drawerSearchOpen, #mathDrawerSearchToggle)[aria-expanded="true"],
body.ui-dark-mode #appRoot.app :is(#drawerSearchOpen, #mathDrawerSearchToggle)[aria-expanded="true"]:hover,
body.ui-dark-mode #appRoot.app :is(#drawerSearchOpen, #mathDrawerSearchToggle)[aria-expanded="true"]:focus-visible {
  border: 1px solid rgba(255, 255, 255, .24) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .065)) !important;
  color: inherit !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 8px 20px rgba(0, 0, 0, .25) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}

/* Açılan sohbet/not arama alanları da aynı cam yüzeyin devamıdır. */
body:not(.ui-dark-mode) #appRoot.app :is(#drawerChatSearch, #mathDrawerSearchPanel):not(.hidden) {
  border-color: rgba(255, 255, 255, .82) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .38)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), 0 7px 18px rgba(31, 41, 55, .09) !important;
  backdrop-filter: blur(18px) saturate(1.09) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.09) !important;
}
body.ui-dark-mode #appRoot.app :is(#drawerChatSearch, #mathDrawerSearchPanel):not(.hidden) {
  border-color: rgba(255, 255, 255, .22) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .055)) !important;
  color: #f8fafc !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .21), 0 8px 20px rgba(0, 0, 0, .23) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}
body.ui-dark-mode #appRoot.app :is(#drawerChatSearch, #mathDrawerSearchPanel) :is(input, svg) {
  color: #f8fafc !important;
  stroke: currentColor !important;
}

/* Oturum açma yüzeyi: hesap ayarlarıyla aynı açık cam dili. */
#authPortalClose.auth-portal-close {
  box-sizing: border-box !important;
  padding-right: 9px !important;
  padding-left: 9px !important;
  border-color: rgba(255, 255, 255, .86) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .42)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 7px 18px rgba(31, 41, 55, .12) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
}
#authPortalClose.auth-portal-close:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .56)) !important;
}

#authPortalForm .auth-field input {
  border-color: rgba(255, 255, 255, .82) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .68), rgba(248, 250, 252, .38)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 7px 18px rgba(31, 41, 55, .08) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}
#authPortalForm .auth-field input:focus {
  border-color: rgba(99, 102, 241, .58) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .8), rgba(248, 250, 252, .48)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 0 0 0 4px rgba(99, 102, 241, .11), 0 9px 22px rgba(31, 41, 55, .1) !important;
}

#authPortalForm .auth-photo-field,
#authPortalForm .auth-account-state {
  border-color: rgba(255, 255, 255, .82) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .68), rgba(248, 250, 252, .38)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 7px 18px rgba(31, 41, 55, .08) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}
#authPortalForm .auth-account-state.existing {
  border-color: rgba(74, 222, 128, .55) !important;
  background: linear-gradient(135deg, rgba(240, 253, 244, .74), rgba(220, 252, 231, .38)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), 0 7px 18px rgba(22, 101, 52, .09) !important;
}
#authPortalForm .auth-account-state.new-account {
  border-color: rgba(167, 139, 250, .5) !important;
  background: linear-gradient(135deg, rgba(245, 243, 255, .76), rgba(237, 233, 254, .4)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), 0 7px 18px rgba(91, 33, 182, .09) !important;
}

#authPortalForm .auth-submit-btn {
  border: 1px solid rgba(255, 255, 255, .34) !important;
  background: linear-gradient(115deg, rgba(17, 24, 39, .94), rgba(79, 70, 229, .9) 55%, rgba(124, 58, 237, .9)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 14px 28px rgba(79, 70, 229, .25) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
}
#authPortalForm .auth-submit-btn:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .34), 0 17px 32px rgba(79, 70, 229, .3) !important;
}

/* Mobil üst çubuk: Matematik Stüdyosu ve Menü düğmeleri aynı kare ölçüde kalsın. */
@media (max-width: 700px) {
  #appRoot.app .right-tools :is(#mathStudioToggle, #accountToggle.account-icon-btn) {
    box-sizing: border-box !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    justify-content: center !important;
    align-items: center !important;
  }
  #appRoot.app #mathStudioToggle > span { display: none !important; }
  #appRoot.app .topbar-model-picker .drawer-model-toggle {
    min-height: 27px !important;
    height: 27px !important;
    padding: 2px 5px !important;
    gap: 2px !important;
  }
  #appRoot.app .topbar-model-picker #currentModelBadge {
    padding: 2px 4px !important;
    font-size: .58rem !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
  }
  #appRoot.app .topbar-model-picker .model-chevron { font-size: .68rem !important; }
}

/* Model menüsü: arka sohbet okunurluğu için daha sakin cam yüzey. */
html body:not(.ui-dark-mode) #appRoot.app .topbar-model-picker > .model-menu {
  background: rgba(248, 250, 252, .93) !important;
  border-color: rgba(148,163,184,.34) !important;
  box-shadow: 0 14px 30px rgba(31,41,55,.14), inset 0 1px 0 rgba(255,255,255,.96) !important;
  backdrop-filter: blur(10px) saturate(1.03) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.03) !important;
}
html body:not(.ui-dark-mode) #appRoot.app .topbar-model-picker > .model-menu .model-option {
  background: rgba(255,255,255,.58) !important;
}
html body:not(.ui-dark-mode) #appRoot.app .topbar-model-picker > .model-menu .model-option:hover,
html body:not(.ui-dark-mode) #appRoot.app .topbar-model-picker > .model-menu .model-option.active {
  background: rgba(255,255,255,.84) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 3px 9px rgba(31,41,55,.06) !important;
}
html body.ui-dark-mode #appRoot.app .topbar-model-picker > .model-menu {
  background: rgba(15,23,42,.94) !important;
  border-color: rgba(148,163,184,.28) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.1) !important;
  backdrop-filter: blur(10px) saturate(1.03) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.03) !important;
}

/* Matematik Stüdyosu: sade premium not defteri camı. */
html body #appRoot.app .math-studio-panel {
  padding: 13px !important;
  border-left: 1px solid rgba(125, 211, 252, .34) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.84), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.78), rgba(239,248,255,.68)) !important;
  box-shadow: -20px 0 46px rgba(14, 116, 144, .12), inset 1px 0 0 rgba(255,255,255,.82) !important;
  backdrop-filter: blur(25px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(25px) saturate(145%) !important;
}
html body #appRoot.app .math-studio-head {
  min-height: 38px;
  padding: 6px 7px 9px;
  border: 1px solid rgba(125,211,252,.28);
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(255,255,255,.72), rgba(224,242,254,.38));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 8px 20px rgba(14,116,144,.06);
  backdrop-filter: blur(14px) saturate(135%);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
}
html body #appRoot.app .math-studio-panel .math-studio-head h3 {
  color: #12344b;
  letter-spacing: -.01em;
}
html body #appRoot.app .math-studio-panel .math-note-new-btn,
html body #appRoot.app .math-studio-panel .math-studio-close {
  border: 1px solid rgba(56,189,248,.34) !important;
  background: rgba(255,255,255,.62) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 6px 16px rgba(14,116,144,.08) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}
html body #appRoot.app .math-studio-panel .math-note-new-btn:hover,
html body #appRoot.app .math-studio-panel .math-studio-close:hover {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(14,165,233,.58) !important;
  transform: translateY(-1px);
}
html body #appRoot.app .math-studio-panel .geometry-card {
  border: 1px solid rgba(125,211,252,.34) !important;
  border-radius: 19px !important;
  background: rgba(255,255,255,.25) !important;
  box-shadow: 0 18px 38px rgba(14,116,144,.09), inset 0 1px 0 rgba(255,255,255,.78) !important;
  overflow: hidden;
}
html body #appRoot.app .math-studio-panel .geo-notebook {
  margin: 7px !important;
  border: 1px solid rgba(125,211,252,.28) !important;
  border-radius: 15px !important;
  background-color: rgba(252,254,255,.74) !important;
  background-image:
    linear-gradient(120deg, rgba(255,255,255,.52), transparent 38%),
    repeating-linear-gradient(to bottom, transparent 0 31px, rgba(14,165,233,.13) 31px 32px) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), inset 0 0 28px rgba(186,230,253,.16) !important;
}
html body #appRoot.app .math-studio-panel .math-studio-input.notebook-typing {
  padding: 25px 23px 150px !important;
  color: #18334b;
  text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
body.ui-dark-mode #appRoot.app .math-studio-panel {
  background:
    radial-gradient(circle at 12% 0%, rgba(56,189,248,.14), transparent 34%),
    linear-gradient(145deg, rgba(15,37,57,.92), rgba(7,24,39,.9)) !important;
  border-left-color: rgba(125,211,252,.25) !important;
  box-shadow: -20px 0 46px rgba(0,0,0,.28), inset 1px 0 0 rgba(255,255,255,.08) !important;
}
body.ui-dark-mode #appRoot.app .math-studio-head {
  border-color: rgba(125,211,252,.2);
  background: linear-gradient(135deg, rgba(56,189,248,.12), rgba(255,255,255,.035));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 8px 20px rgba(0,0,0,.18);
}
body.ui-dark-mode #appRoot.app .math-studio-panel .math-studio-head h3 { color: #dff7ff; }
body.ui-dark-mode #appRoot.app .math-studio-panel .math-note-new-btn,
body.ui-dark-mode #appRoot.app .math-studio-panel .math-studio-close {
  background: rgba(255,255,255,.07) !important;
  color: #c9f1ff !important;
  border-color: rgba(125,211,252,.24) !important;
}
body.ui-dark-mode #appRoot.app .math-studio-panel .geometry-card {
  border-color: rgba(125,211,252,.2) !important;
  background: rgba(4,20,34,.3) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
body.ui-dark-mode #appRoot.app .math-studio-panel .geo-notebook {
  background-color: rgba(7,24,39,.82) !important;
  background-image:
    linear-gradient(120deg, rgba(56,189,248,.07), transparent 38%),
    repeating-linear-gradient(to bottom, transparent 0 31px, rgba(56,189,248,.15) 31px 32px) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 28px rgba(14,165,233,.08) !important;
}
@media (max-width: 700px) {
  html body #appRoot.app .math-studio-panel { padding: 10px !important; }
  html body #appRoot.app .math-studio-head { padding: 5px 6px 8px; border-radius: 14px; }
  html body #appRoot.app .math-studio-panel .geo-notebook { margin: 5px !important; border-radius: 13px !important; }
  html body #appRoot.app .math-studio-panel .math-studio-input.notebook-typing { padding: 21px 17px 130px !important; }
}

/* Yanıt modu menüsü, model seçiciyle aynı nötr cam çerçeveyi kullanır. */
html body:not(.ui-dark-mode) #appRoot.app #thinkingModeMenu.thinking-mode-menu {
  border: 1px solid rgba(255, 255, 255, .78) !important;
  background: rgba(243, 243, 243, .72) !important;
  box-shadow: 0 18px 38px rgba(31, 41, 55, .14), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  backdrop-filter: blur(22px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.08) !important;
}
html body:not(.ui-dark-mode) #appRoot.app #thinkingModeMenu .thinking-mode-option {
  border: 1px solid transparent !important;
  background: rgba(255, 255, 255, .28) !important;
  color: #1f2937 !important;
}
html body:not(.ui-dark-mode) #appRoot.app #thinkingModeMenu .thinking-mode-option:hover,
html body:not(.ui-dark-mode) #appRoot.app #thinkingModeMenu .thinking-mode-option:focus-visible {
  border-color: rgba(255, 255, 255, .7) !important;
  background: rgba(255, 255, 255, .54) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86), 0 4px 12px rgba(31, 41, 55, .06) !important;
  outline: none !important;
}
html body:not(.ui-dark-mode) #appRoot.app #thinkingModeMenu .thinking-mode-option.active {
  border-color: rgba(255, 255, 255, .78) !important;
  background: rgba(255, 255, 255, .68) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), 0 4px 12px rgba(31, 41, 55, .06) !important;
}
html body:not(.ui-dark-mode) #appRoot.app #thinkingModeMenu .thinking-mode-option small {
  color: #64748b !important;
}

html body.ui-dark-mode #appRoot.app #thinkingModeMenu.thinking-mode-menu {
  border: 1px solid rgba(255, 255, 255, .2) !important;
  background: rgba(8, 13, 27, .72) !important;
  color: #eef2ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 18px 40px rgba(0, 0, 0, .36) !important;
  backdrop-filter: blur(22px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.06) !important;
}
html body.ui-dark-mode #appRoot.app #thinkingModeMenu .thinking-mode-option {
  border: 1px solid transparent !important;
  background: rgba(255, 255, 255, .06) !important;
  color: #eef2ff !important;
}
html body.ui-dark-mode #appRoot.app #thinkingModeMenu .thinking-mode-option:hover,
html body.ui-dark-mode #appRoot.app #thinkingModeMenu .thinking-mode-option:focus-visible {
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .11) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14) !important;
  outline: none !important;
}
html body.ui-dark-mode #appRoot.app #thinkingModeMenu .thinking-mode-option.active {
  border-color: rgba(255, 255, 255, .28) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .19), rgba(255, 255, 255, .085)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 6px 16px rgba(0, 0, 0, .22) !important;
}
html body.ui-dark-mode #appRoot.app #thinkingModeMenu .thinking-mode-option small {
  color: #cbd5e1 !important;
}
@media (max-width: 700px) {
  /* Mobilde model seçicisi: normal Baluk daha belirgin, Math daha ölçülü. */
  html body #appRoot.app:not(.math-mode) #modelToggle {
    min-height: 38px !important;
    padding: 3px 8px 3px 4px !important;
    gap: 5px !important;
  }
  html body #appRoot.app:not(.math-mode) #modelToggle .model-badge,
  html body #appRoot.app:not(.math-mode) #currentModelBadge {
    padding: 5px 9px !important;
    font-size: .84rem !important;
    line-height: 1.1 !important;
  }
  html body #appRoot.app.math-mode #modelToggle {
    min-height: 34px !important;
    padding: 2px 6px 2px 3px !important;
    gap: 3px !important;
  }
  html body #appRoot.app.math-mode #modelToggle .model-badge,
  html body #appRoot.app.math-mode #currentModelBadge {
    padding: 4px 6px !important;
    font-size: .76rem !important;
    line-height: 1.1 !important;
  }
}