body[data-project-mode="chat"] #app { background: var(--game-forest-950) !important; }
body[data-project-mode="chat"] #app > nav.game-site-bar { border-bottom: 4px solid var(--game-border-dark) !important; background: var(--game-forest-900) !important; box-shadow: inset 0 -3px 0 var(--game-wood-400), 0 4px 0 var(--game-hard-shadow) !important; }
body[data-project-mode="chat"] #app > nav .game-site-bar__crest { border: 3px solid var(--game-border-dark); border-radius: 2px !important; background: var(--game-gold-300) !important; color: var(--game-forest-950) !important; box-shadow: inset 0 0 0 2px var(--game-cream-100), 0 3px 0 var(--game-hard-shadow) !important; }
body[data-project-mode="chat"] #app > nav h1 { color: #fff7d9 !important; font-family: var(--game-font-ui); }
body[data-project-mode="chat"] #topicBadge { border: 2px solid var(--game-wood-600); border-radius: 2px !important; background: #e9d69d !important; color: var(--game-forest-950) !important; }
body[data-project-mode="chat"] #projectMenuBtn,
body[data-project-mode="chat"] #gardenNavBtn,
body[data-project-mode="chat"] #studyStatsBtn,
body[data-project-mode="chat"] #settingsBtn { min-height: 40px; border: 3px solid var(--game-border-dark) !important; border-radius: 2px !important; background: var(--game-cream-200) !important; color: var(--game-text-primary) !important; box-shadow: inset 0 0 0 2px #fff0b8, 0 3px 0 var(--game-hard-shadow) !important; transform: none !important; font-family: var(--game-font-ui); }
body[data-project-mode="chat"] #gardenNavBtn { background: var(--game-sage-100) !important; color: var(--game-forest-950) !important; }
body[data-project-mode="chat"] #settingsBtn { background: var(--game-gold-300) !important; color: var(--game-forest-950) !important; box-shadow: inset 0 0 0 2px #fff0b8, 0 3px 0 var(--game-hard-shadow) !important; }

body[data-project-mode="chat"] #learningWorkspace.study-room {
  display: grid !important;
  grid-template-columns: minmax(0, 7fr) minmax(330px, 3fr);
  grid-template-rows: 64px minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
  background-color: #dfe7ce;
  background-image: linear-gradient(90deg, rgba(53,95,77,.035) 1px, transparent 1px), linear-gradient(rgba(53,95,77,.035) 1px, transparent 1px);
  background-size: 24px 24px;
  font-family: var(--game-font-reading);
}

.study-room__header {
  grid-column: 1 / -1;
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 10px 7px 14px;
  border: 4px solid var(--game-border-dark);
  outline: 2px solid var(--game-wood-400);
  background: var(--game-forest-900);
  color: #fff7d9;
  box-shadow: 0 5px 0 rgba(47,31,23,.5);
  font-family: var(--game-font-ui);
}
.study-room__identity { display: flex; min-width: 0; align-items: center; gap: 10px; }
.study-room__identity > .game-pixel-icon { --icon-size: 32px; }
.study-room__identity h2 { margin: 0; color: #fff7d9; font-size: 19px; line-height: 1.05; font-weight: 900; letter-spacing: .08em; }
.study-room__identity p { margin: 3px 0 0; color: #cce0b9; font-size: 10px; font-weight: 700; letter-spacing: .03em; }
.study-room__hud { display: flex; align-items: center; gap: 7px; }
.study-room__hud-item {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  border: 3px solid var(--game-border-dark);
  background: var(--game-cream-200);
  color: var(--game-text-primary);
  box-shadow: inset 0 0 0 2px #fff0b8, 0 3px 0 var(--game-hard-shadow);
}
.study-room__hud-item strong { min-width: 1.5ch; font: 900 14px/1 var(--game-font-ui); text-align: center; }
.study-room__hud-item .game-pixel-icon { --icon-size: 20px; }
.study-room__hud .game-button { min-width: 42px; min-height: 40px; padding: 5px; }

body[data-project-mode="chat"] .study-room__chat,
body[data-project-mode="chat"] .study-room__wordbook {
  min-width: 0;
  min-height: 0;
  width: auto !important;
  height: auto !important;
  border: 5px solid var(--game-border-dark) !important;
  outline: 3px solid var(--game-wood-400);
  border-radius: var(--game-radius-small) !important;
  background: var(--game-cream-100) !important;
  box-shadow: 0 8px 0 rgba(47,31,23,.52) !important;
}
body[data-project-mode="chat"] #app #learningWorkspace .study-room__chat,
body[data-project-mode="chat"] #app #learningWorkspace .study-room__wordbook {
  border: 5px solid var(--game-border-dark) !important;
  border-radius: var(--game-radius-small) !important;
  background: var(--game-cream-100) !important;
  box-shadow: 0 8px 0 rgba(47,31,23,.52) !important;
}
body[data-project-mode="chat"] #app #learningWorkspace .game-panel__title,
body[data-project-mode="chat"] #app #wordbookContent > .study-room__wordbook-title {
  border-bottom: 4px solid var(--game-border-dark) !important;
  background: var(--game-forest-800) !important;
  color: #fff7d9 !important;
}
body[data-project-mode="chat"] .study-room__chat { grid-column: 1; }
body[data-project-mode="chat"] .study-room__wordbook { grid-column: 2; display: flex !important; }

.study-room__panel-title { flex: 0 0 auto; }
.study-room__panel-title small { margin-left: auto; color: #cce0b9; font: 600 10px/1.2 var(--game-font-ui); letter-spacing: 0; }

body[data-project-mode="chat"] #messagesList {
  padding: 18px 20px 28px !important;
  background-color: var(--game-cream-50) !important;
  background-image: repeating-linear-gradient(0deg, transparent 0, transparent 31px, rgba(139,87,53,.09) 32px);
  scrollbar-color: var(--game-wood-600) var(--game-cream-200);
}
body[data-project-mode="chat"] #messagesList::-webkit-scrollbar,
body[data-project-mode="chat"] #wordbookList::-webkit-scrollbar { width: 10px; }
body[data-project-mode="chat"] #messagesList::-webkit-scrollbar-track,
body[data-project-mode="chat"] #wordbookList::-webkit-scrollbar-track { background: var(--game-cream-200); border-left: 2px solid var(--game-wood-600); }
body[data-project-mode="chat"] #messagesList::-webkit-scrollbar-thumb,
body[data-project-mode="chat"] #wordbookList::-webkit-scrollbar-thumb { border: 2px solid var(--game-border-dark); border-radius: 0; background: var(--game-wood-400); }

body[data-project-mode="chat"] .message-row + .message-row { margin-top: 18px; }
body[data-project-mode="chat"] .message-bubble {
  border-radius: 3px !important;
  box-shadow: 4px 4px 0 rgba(77,52,40,.22) !important;
  font-family: var(--game-font-reading) !important;
}
body[data-project-mode="chat"] .message-bubble-assistant {
  width: min(88%, 850px) !important;
  max-width: 850px !important;
  padding: 15px 17px !important;
  border: 3px solid var(--game-wood-600) !important;
  border-left: 7px solid var(--game-forest-600) !important;
  background: #fff5d5 !important;
  color: var(--game-text-primary) !important;
}
body[data-project-mode="chat"] .message-bubble-user {
  width: min(76%, 680px) !important;
  max-width: 680px !important;
  padding: 13px 16px !important;
  border: 3px solid var(--game-forest-800) !important;
  border-right: 7px solid var(--game-water-400) !important;
  background: #dce9df !important;
  color: #243f35 !important;
}
body[data-project-mode="chat"] .message-bubble-system { border: 2px dashed var(--game-wood-600) !important; background: var(--game-cream-200) !important; color: var(--game-text-primary) !important; }
body[data-project-mode="chat"] .message-author { margin-bottom: 8px !important; color: var(--game-forest-800) !important; font: 900 11px/1 var(--game-font-ui) !important; letter-spacing: .04em; }
body[data-project-mode="chat"] .message-author-mark { border: 2px solid var(--game-border-dark) !important; border-radius: 2px !important; background: var(--game-gold-300) !important; color: var(--game-forest-950) !important; }
body[data-project-mode="chat"] .message-bubble p,
body[data-project-mode="chat"] .assistant-content { color: inherit !important; font: 400 15px/1.78 var(--game-font-reading) !important; }
body[data-project-mode="chat"] .assistant-paragraph + .assistant-paragraph { margin-top: .9em !important; }
body[data-project-mode="chat"] .assistant-question {
  padding: 11px 13px !important;
  border-left: 4px solid var(--game-forest-600) !important;
  border-radius: 0 2px 2px 0 !important;
  background: var(--game-cream-200) !important;
  color: var(--game-forest-950) !important;
  box-shadow: inset 0 0 0 1px rgba(139,87,53,.18);
}
body[data-project-mode="chat"] .message-bubble > div:last-child { color: var(--game-text-secondary) !important; font-family: var(--game-font-ui); }

body[data-project-mode="chat"] .vocab-highlight {
  padding: .05rem .2rem;
  border: 1px dashed var(--game-gold-500);
  border-radius: 2px;
  background: #fff0ae;
  color: #6b4a1f;
  text-decoration: none;
  font-weight: 650;
}
body[data-project-mode="chat"] .vocab-highlight:hover,
body[data-project-mode="chat"] .vocab-highlight:focus { outline: 3px solid var(--game-focus); outline-offset: 1px; background: #ffe071; }
body[data-project-mode="chat"] .vocab-highlight.in-wordbook { border-style: solid; border-color: var(--game-forest-600); background: var(--game-sage-100); color: var(--game-forest-950); text-decoration: underline 2px var(--game-forest-600); text-underline-offset: 3px; }
body[data-project-mode="chat"] .vocab-highlight.in-wordbook::before { content: none !important; display: none !important; }
body[data-project-mode="chat"] .study-word__icon { display: inline-block; width: 13px; height: 13px; margin-right: 3px; vertical-align: -2px; image-rendering: pixelated; }

body[data-project-mode="chat"] #wordPromptPanel { margin: 10px 12px 0 !important; border: 2px dashed var(--game-wood-600) !important; border-radius: 2px !important; background: var(--game-cream-200) !important; color: var(--game-text-secondary); box-shadow: none !important; }

body[data-project-mode="chat"] #chatInputPanel {
  padding: 12px 14px 14px !important;
  border-top: 5px solid var(--game-border-dark) !important;
  background-color: #9a673e !important;
  background-image: repeating-linear-gradient(90deg, transparent 0, transparent 78px, rgba(77,52,40,.22) 79px, rgba(77,52,40,.22) 81px);
}
body[data-project-mode="chat"] .study-composer__paper {
  overflow: hidden;
  border: 3px solid var(--game-border-dark);
  border-radius: 3px;
  background: var(--game-cream-50);
  box-shadow: inset 0 0 0 2px var(--game-cream-300), 3px 3px 0 var(--game-hard-shadow);
}
body[data-project-mode="chat"] #messageInput {
  display: block;
  width: 100%;
  min-height: 56px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--game-cream-50) !important;
  color: var(--game-text-primary) !important;
  box-shadow: none !important;
  font: 400 15px/1.6 var(--game-font-reading) !important;
}
body[data-project-mode="chat"] #messageInput::placeholder { color: #806c59 !important; opacity: 1; }
body[data-project-mode="chat"] #messageInput:focus,
body[data-project-mode="chat"] #messageInput.is-focus-demo { outline: 0 !important; box-shadow: inset 0 0 0 3px var(--game-focus) !important; }
body[data-project-mode="chat"] .study-composer__paper:focus-within { outline: 4px solid var(--game-focus); outline-offset: 2px; }
body[data-project-mode="chat"] .study-composer__toolbar { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 10px; padding: 5px 6px 7px 9px; border-top: 3px solid var(--game-wood-600); background: #d8b873; }
body[data-project-mode="chat"] #sendBtn,
body[data-project-mode="chat"] #wordbookSearchBtn,
body[data-project-mode="chat"] #manualWordBtn,
body[data-project-mode="chat"] #importBtn,
body[data-project-mode="chat"] #exportBtn,
body[data-project-mode="chat"] #closeWordbookBtn {
  min-width: 44px !important; min-height: 44px !important; height: 44px !important; width: 44px !important; padding: 6px !important;
  border: 3px solid var(--game-border-dark) !important; border-radius: 2px !important; background: var(--game-cream-200) !important; color: var(--game-text-primary) !important;
  box-shadow: inset 0 0 0 2px #fff0b8, 0 4px 0 var(--game-hard-shadow) !important; transform: none !important;
}
body[data-project-mode="chat"] #sendBtn,
body[data-project-mode="chat"] #manualWordBtn { background: var(--game-forest-600) !important; color: #fff7d9 !important; box-shadow: inset 0 0 0 2px #76936b, 0 4px 0 var(--game-hard-shadow) !important; }
body[data-project-mode="chat"] #sendBtn:hover,
body[data-project-mode="chat"] #manualWordBtn:hover { filter: brightness(1.12); }
body[data-project-mode="chat"] #sendBtn:active,
body[data-project-mode="chat"] #wordbookSearchBtn:active,
body[data-project-mode="chat"] #manualWordBtn:active,
body[data-project-mode="chat"] #importBtn:active,
body[data-project-mode="chat"] #exportBtn:active { transform: translate(2px,2px) !important; box-shadow: inset 0 0 0 2px #fff0b8, 0 2px 0 var(--game-hard-shadow) !important; }
body[data-project-mode="chat"] #chatInputPanel .study-deep-toggle { display: inline-flex; width: min(150px, calc(100% - 54px)); min-height: 34px; align-items: center; gap: 6px; padding: 4px 7px; border: 2px solid var(--game-border-dark); background: var(--game-cream-200); color: var(--game-text-primary); box-shadow: 2px 2px 0 var(--game-hard-shadow); font: 800 11px/1.3 var(--game-font-ui); cursor: pointer; user-select: none; }
body[data-project-mode="chat"] .study-deep-toggle .game-pixel-icon { --icon-size: 16px; }
body[data-project-mode="chat"] .study-deep-toggle strong { margin-left: auto; color: var(--game-danger); font: 900 10px/1 var(--game-font-ui); }
body[data-project-mode="chat"] .study-deep-toggle:has(input:checked) strong { color: var(--game-forest-800); }
body[data-project-mode="chat"] #deepStudyModeCheckbox { appearance: none; width: 18px; height: 18px; border: 3px solid var(--game-border-dark); border-radius: 1px; background: var(--game-cream-50); }
body[data-project-mode="chat"] #deepStudyModeCheckbox:checked { background: var(--game-forest-600); box-shadow: inset 0 0 0 3px var(--game-cream-50); }
body[data-project-mode="chat"] #deepStudyModeCheckbox:focus-visible { outline: 3px solid var(--game-focus); outline-offset: 2px; }
body[data-project-mode="chat"] .study-composer__send { width: 44px !important; min-width: 44px !important; height: 40px !important; min-height: 40px !important; }

.study-room__wordbook-title { min-height: 58px !important; padding: 7px 9px 7px 11px !important; }
.study-room__wordbook-title h2 { display: flex; align-items: center; gap: 7px; color: #fff7d9 !important; font: 900 14px/1 var(--game-font-ui) !important; }
.study-room__wordbook-title h2 .game-pixel-icon { --icon-size: 24px; }
.study-room__wordbook-title #wordbookMeta { color: #cce0b9 !important; font-family: var(--game-font-ui); }
.study-room__wordbook-title > div:last-of-type { gap: 7px !important; }
.study-room__wordbook-title button span { display: none !important; }

body[data-project-mode="chat"] .learning-snapshot { padding: 8px 10px 10px !important; border-bottom: 3px solid var(--game-wood-600) !important; background: #eed395 !important; }
body[data-project-mode="chat"] .learning-snapshot-heading { margin-bottom: 6px; color: var(--game-text-secondary); font: 800 10px/1 var(--game-font-ui); }
body[data-project-mode="chat"] .learning-snapshot-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 5px; }
body[data-project-mode="chat"] .learning-snapshot-grid > div { display: flex; min-width: 0; min-height: 39px; align-items: center; justify-content: center; gap: 4px; padding: 4px; border: 2px solid var(--game-border-dark); border-radius: 2px; background: var(--game-cream-100); box-shadow: 0 2px 0 var(--game-hard-shadow); }
body[data-project-mode="chat"] .learning-snapshot-grid .game-pixel-icon { --icon-size: 17px; }
body[data-project-mode="chat"] .learning-snapshot-grid strong { color: var(--game-text-primary); font: 900 13px/1 var(--game-font-ui); }
body[data-project-mode="chat"] .learning-snapshot-grid span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

body[data-project-mode="chat"] #wordbookContent > div:nth-of-type(2),
body[data-project-mode="chat"] #wordbookContent > div:nth-of-type(3) { padding: 9px 10px !important; border-bottom: 3px solid var(--game-wood-600) !important; background: #d6bd80 !important; }
body[data-project-mode="chat"] #manualWordInput { height: 42px !important; border: 3px solid var(--game-border-dark) !important; border-radius: 2px !important; background: var(--game-cream-50) !important; color: var(--game-text-primary) !important; box-shadow: inset 0 0 0 2px var(--game-cream-300) !important; font-family: var(--game-font-reading) !important; }
body[data-project-mode="chat"] #manualWordInput:focus { outline: 4px solid var(--game-focus) !important; outline-offset: 1px; box-shadow: 0 0 0 4px var(--game-focus), inset 0 0 0 2px var(--game-cream-300) !important; }
body[data-project-mode="chat"] .study-room__tabs { gap: 4px; padding: 3px !important; border: 2px solid var(--game-border-dark); border-radius: 2px !important; background: var(--game-wood-600) !important; }
body[data-project-mode="chat"] #tabLearningBtn,
body[data-project-mode="chat"] #tabMasteredBtn { min-height: 38px; border: 2px solid transparent !important; border-radius: 2px !important; color: #f5e5bd !important; background: #6d4a35 !important; box-shadow: none !important; font: 900 11px/1 var(--game-font-ui) !important; }
body[data-project-mode="chat"] #tabLearningBtn[aria-selected="true"],
body[data-project-mode="chat"] #tabMasteredBtn[aria-selected="true"] { border-color: var(--game-border-dark) !important; background: var(--game-cream-100) !important; color: var(--game-forest-950) !important; box-shadow: inset 0 -3px var(--game-gold-300) !important; }

body[data-project-mode="chat"] #wordbookList { padding: 10px !important; background: #e8d9ad !important; scrollbar-color: var(--game-wood-600) var(--game-cream-200); }
body[data-project-mode="chat"] #wordbookList > :not([hidden]) ~ :not([hidden]) { margin-top: 9px !important; }
body[data-project-mode="chat"] .word-card { position: relative; padding: 11px !important; border: 3px solid var(--game-wood-600) !important; border-radius: 3px !important; background: #fff4cf !important; box-shadow: 3px 3px 0 rgba(77,52,40,.28) !important; font-family: var(--game-font-reading) !important; }
body[data-project-mode="chat"] .word-card:hover { border-color: var(--game-forest-600) !important; box-shadow: 4px 4px 0 rgba(77,52,40,.35) !important; }
body[data-project-mode="chat"] .word-card::before { content: ""; position: absolute; left: 9px; top: 11px; width: 20px; height: 20px; background: url('/garden/assets/garden-icons.svg#seed-bag') center/contain no-repeat; image-rendering: pixelated; }
body[data-project-mode="chat"] .word-card.level-starting::before,
body[data-project-mode="chat"] .word-card.level-growing::before { background-image: url('/garden/assets/garden-icons.svg#growing'); }
body[data-project-mode="chat"] .word-card.level-good::before,
body[data-project-mode="chat"] .word-card.level-excellent::before,
body[data-project-mode="chat"] .word-card-mastered::before { background-image: url('/garden/assets/garden-icons.svg#mature'); }
body[data-project-mode="chat"] .word-card::before { display: none; }
body[data-project-mode="chat"] .study-growth-icon { position: absolute; left: 9px; top: 10px; display: block; }
body[data-project-mode="chat"] .word-card > div:first-child > div { padding-left: 27px; }
body[data-project-mode="chat"] .word-card h3 { color: var(--game-forest-950) !important; font: 800 15px/1.35 var(--game-font-reading) !important; }
body[data-project-mode="chat"] .word-card h3 span { color: var(--game-text-secondary) !important; font: 500 11px/1.35 var(--game-font-reading) !important; }
body[data-project-mode="chat"] .word-card p { display: -webkit-box; max-width: none; overflow: hidden; color: #5f5145 !important; font: 400 12px/1.45 var(--game-font-reading) !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal !important; }
body[data-project-mode="chat"] .word-card .delete-word { border: 0; background: transparent; color: #806b58; }
body[data-project-mode="chat"] .word-card .delete-word:hover { outline: 2px solid var(--game-danger); background: #f2c7a8; color: var(--game-danger); }
body[data-project-mode="chat"] .word-card-learning-row { margin-top: 9px; }
body[data-project-mode="chat"] .mastery-track { display: grid; grid-template-columns: repeat(5,1fr); height: 11px !important; gap: 2px; overflow: hidden; border: 2px solid var(--game-border-dark); border-radius: 1px !important; background: repeating-linear-gradient(90deg, #c8b989 0, #c8b989 calc(20% - 2px), var(--game-border-dark) calc(20% - 2px), var(--game-border-dark) 20%) !important; }
body[data-project-mode="chat"] .mastery-fill { height: 100%; border-radius: 0 !important; background: var(--game-forest-600) !important; box-shadow: none !important; }
body[data-project-mode="chat"] .mastery-level { color: var(--game-forest-800) !important; font: 800 10px/1 var(--game-font-ui); }
body[data-project-mode="chat"] .word-heat { border: 2px solid var(--game-wood-600); border-radius: 2px; background: var(--game-cream-200); color: #7a5227; font-family: var(--game-font-ui); }
body[data-project-mode="chat"] .word-card-mastered { border-color: var(--game-gold-500) !important; box-shadow: inset 0 0 0 2px #f6d16b, 3px 3px 0 rgba(77,52,40,.28) !important; }
body[data-project-mode="chat"] .release-word,
body[data-project-mode="chat"] .discard-word { min-height: 34px; border: 2px solid var(--game-border-dark) !important; border-radius: 2px !important; background: var(--game-cream-200) !important; color: var(--game-text-primary) !important; box-shadow: 0 2px var(--game-hard-shadow); font-family: var(--game-font-ui); }

.study-room__mobile-nav { display: none; }
body[data-project-mode="chat"] i:has(> .game-pixel-icon)::before { display: none; }

@keyframes studyHudBump { 50% { transform: translateY(-2px); color: var(--game-gold-500); } }
.study-room__hud strong.is-updated,
.learning-snapshot-grid strong.is-updated { animation: studyHudBump 180ms steps(2,end); }

@media (max-width: 1023px) and (min-width: 768px) {
  body[data-project-mode="chat"] #learningWorkspace.study-room { grid-template-columns: minmax(0, 1fr) 330px; gap: 10px; padding: 10px; }
  .study-room__panel-title small { display: none; }
}

@media (max-width: 767px) {
  body[data-project-mode="chat"] #learningWorkspace.study-room { display: grid !important; grid-template-columns: 1fr; grid-template-rows: 58px minmax(0,1fr) 58px; gap: 0; padding: 0 !important; background: var(--game-forest-950); }
  .study-room__header { grid-column: 1; min-height: 58px; padding: 6px 8px; border-width: 0 0 4px; outline: 0; box-shadow: none; }
  .study-room__identity > .game-pixel-icon { --icon-size: 25px; }
  .study-room__identity h2 { font-size: 15px; }
  .study-room__identity p { display: none; }
  .study-room__hud { gap: 3px; }
  .study-room__hud-item { min-height: 34px; padding: 3px 5px; border-width: 2px; }
  .study-room__hud-item .game-pixel-icon { --icon-size: 16px; }
  .study-room__hud-item strong { font-size: 11px; }
  .study-room__hud .game-button { display: none; }
  body[data-project-mode="chat"] .study-room__chat { grid-column: 1; grid-row: 2; border-width: 0 !important; outline: 0; box-shadow: none !important; }
  .study-room__panel-title { min-height: 42px; padding: 6px 10px; border-bottom-width: 3px; }
  .study-room__panel-title small { display: none; }
  body[data-project-mode="chat"] #messagesList { padding: 14px 10px 22px !important; }
  body[data-project-mode="chat"] .message-bubble-assistant { width: 94% !important; padding: 12px !important; }
  body[data-project-mode="chat"] .message-bubble-user { width: 86% !important; padding: 11px !important; }
  body[data-project-mode="chat"] .message-bubble p,
  body[data-project-mode="chat"] .assistant-content { font-size: 14px !important; line-height: 1.72 !important; }
  body[data-project-mode="chat"] #chatInputPanel { padding: 8px 9px 9px !important; }
  body[data-project-mode="chat"] #messageInput { min-height: 51px !important; max-height: 96px !important; }
  body[data-project-mode="chat"] .study-room__wordbook { position: fixed !important; z-index: 70; inset: 68px 6px 66px !important; display: none !important; width: auto !important; height: auto !important; border-width: 4px !important; outline-width: 2px; box-shadow: 0 0 0 100vmax rgba(31,59,49,.72), 0 8px 0 rgba(47,31,23,.52) !important; }
  body[data-project-mode="chat"] .study-room__wordbook.is-mobile-open { display: flex !important; }
  body[data-project-mode="chat"] #wordbookPanel .study-room__wordbook-title {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 58px !important;
    gap: 8px;
    padding: 7px max(9px, env(safe-area-inset-right)) 8px 10px !important;
    overflow: visible !important;
  }
  body[data-project-mode="chat"] #wordbookPanel .study-room__wordbook-title > div:first-child { min-width: 0; }
  body[data-project-mode="chat"] #wordbookPanel .study-room__wordbook-title > div:last-of-type { position: relative; z-index: 5; display: flex; flex: 0 0 auto; align-items: center; gap: 6px !important; }
  body[data-project-mode="chat"] #wordbookPanel #closeWordbookBtn {
    position: static !important;
    inset: auto !important;
    z-index: 6;
    display: inline-grid !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    place-items: center;
    padding: 6px !important;
    border: 3px solid var(--game-border-dark) !important;
    border-radius: 2px !important;
    background: var(--game-gold-300) !important;
    color: var(--game-forest-950) !important;
    box-shadow: inset 0 0 0 2px #fff0b8, 0 3px 0 var(--game-hard-shadow) !important;
  }
  body[data-project-mode="chat"] .learning-snapshot-grid > div { min-height: 42px; }
  .study-room__mobile-nav { grid-row: 3; display: grid; grid-template-columns: repeat(2,1fr); gap: 5px; padding: 6px 8px max(6px, env(safe-area-inset-bottom)); border-top: 4px solid var(--game-border-dark); background: var(--game-forest-900); }
  .study-room__mobile-nav button { display: flex; min-height: 44px; align-items: center; justify-content: center; gap: 7px; border: 3px solid var(--game-border-dark); border-radius: 2px; background: #6d7f66; color: #eff2dc; box-shadow: 0 3px 0 var(--game-hard-shadow); font: 900 11px/1 var(--game-font-ui); }
  .study-room__mobile-nav button.is-active { background: var(--game-cream-200); color: var(--game-forest-950); box-shadow: inset 0 -3px var(--game-gold-300), 0 3px 0 var(--game-hard-shadow); }
  .study-room__mobile-nav .game-pixel-icon { --icon-size: 21px; }
}

@media (max-width: 420px) {
  .study-room__hud-item:first-child { display: none; }
  body[data-project-mode="chat"] .learning-snapshot-heading { display: none; }
  body[data-project-mode="chat"] .learning-snapshot { padding-top: 7px !important; }
  body[data-project-mode="chat"] #wordbookPanel .study-room__wordbook-title #wordbookMeta { display: none; }
  body[data-project-mode="chat"] #wordbookPanel .study-room__wordbook-title h2 { font-size: 13px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .study-room__hud strong.is-updated,
  .learning-snapshot-grid strong.is-updated { animation: none; color: var(--game-gold-500); }
  body[data-project-mode="chat"] #messagesList { scroll-behavior: auto !important; }
}