/* Homepage only. Interior panels keep their existing palette and typography. */
.home-theme-toolbar {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 15px;}
.home-theme-caption {font-size: 11px; letter-spacing: 2px; color: #62758b;}
.home-theme-switch {display: inline-flex; padding: 3px; gap: 3px; border: 1px solid #cbd6e2; background: #edf2f7; border-radius: 9px;}
.home-theme-switch button {border: 0; background: transparent; padding: 7px 12px; color: #607189; font: 600 11px/1.4 'Microsoft YaHei UI', sans-serif; border-radius: 6px; cursor: pointer;}
.home-theme-switch button:focus-visible {outline: 2px solid #b98d3e; outline-offset: 2px;}
html[data-home-theme='classic'] .home-theme-switch button[data-library-theme='classic'] {background: #fff; color: #203957; box-shadow: 0 2px 5px #1328401a;}
html[data-home-theme='classic'] .library-hero {display: none;}
html[data-home-theme='3d'] .classic-home-stage {display: none !important;}
html[data-home-theme='classic'] #homeLibraryShell {
  --wb-canvas: #edf2f6;
  --wb-paper: #fff;
  --wb-navy: #243f5a;
  --wb-navy-2: #315574;
  --wb-blue: #3d6b91;
  --wb-green: #236b55;
  --wb-gold: #936e29;
  --wb-line: #d7e1e9;
  --wb-muted: #687b8f;
  background: radial-gradient(ellipse at 48% 0, #fff 0, #f2f6f9 48%, #e9eff4 100%) !important;
}
html[data-home-theme='classic'] #homeLibraryShell > .workbench-main {background: transparent !important; color: #263f58;}
html[data-home-theme='classic'] #homeLibraryShell > .workbench-nav {background: linear-gradient(180deg, #f8fafc, #edf2f6) !important; border-right-color: #d6e0e8 !important;}
html[data-home-theme='classic'] #homeLibraryShell > .workbench-nav button {color: #49637c !important;}
html[data-home-theme='classic'] #homeLibraryShell > .workbench-nav button.active {background: #fff !important; color: #203d5a !important; border-left-color: #c0933d !important; box-shadow: 0 2px 8px #233d5612 !important;}
html[data-home-theme='classic'] #homeLibraryShell > .workbench-nav .workbench-nav-title {color: #778a9b;}
html[data-home-theme='classic'] #homeLibraryShell > .workbench-nav .workbench-nav-footer {border-color: #d8e1e8; color: #8091a1;}
html[data-home-theme='classic'] #homeLibraryShell > .workbench-rail {background: linear-gradient(180deg, #f9fbfc, #eef3f7) !important; border-left-color: #d7e1e9 !important;}
html[data-home-theme='classic'] #homeLibraryShell > .workbench-main > .input-card {background: #fff !important; border-color: #cfdbe5 !important; box-shadow: 0 8px 24px #1a365012 !important;}
html[data-home-theme='classic'] #homeLibraryShell > .workbench-main > .input-card .home-hero-head {background: linear-gradient(110deg, #f9fbfd, #eaf1f6) !important; border-bottom-color: #d8e2ea !important;}
html[data-home-theme='classic'] #homeLibraryShell > .workbench-main > .input-card .home-hero-title {color: #203c58 !important;}
html[data-home-theme='classic'] #homeLibraryShell > .workbench-main > .input-card .home-eyebrow {color: #936e29 !important;}
html[data-home-theme='classic'] #homeLibraryShell > .workbench-main > .input-card .home-hero-note {color: #61768b !important;}
html[data-home-theme='classic'] #homeLibraryShell > .workbench-main > .input-card textarea {background: #fff !important; color: #20364c !important; border-color: #cfdae4 !important;}
html[data-home-theme='classic'] #homeLibraryShell > .workbench-main > .input-card .example-chip {background: #f2f6f9 !important; color: #47637e !important; border-color: #d9e3eb !important;}
html[data-home-theme='classic'] #homeLibraryShell > .workbench-main > .input-card .btn-zh2en,
html[data-home-theme='classic'] #homeLibraryShell > .workbench-main > .input-card .btn-ai,
html[data-home-theme='classic'] #homeLibraryShell > .workbench-main > .input-card .btn-tts {background: #fff !important; color: #344e67 !important; border-color: #cbd8e2 !important;}
html[data-home-theme='3d'] .home-theme-caption {color: #a8b9cd;}
html[data-home-theme='3d'] .home-theme-switch {border-color: #465c7666; background: #0c1b2d;}
html[data-home-theme='3d'] .home-theme-switch button {color: #a4b6cd;}
html[data-home-theme='3d'] .home-theme-switch button[data-library-theme='3d'] {background: #2f4053; color: #e6c985; box-shadow: inset 0 1px #efd6a433;}
#homeLibraryShell > .workbench-main > .input-card .home-clear-icon {width: auto !important; padding: 0 10px; white-space: nowrap; font-size: 11px;}
html[data-home-theme='3d'] #homeLibraryShell {
  --library-ink: #080f1d;
  --library-panel: #122943;
  --library-gold: #d9b66b;
  --library-blue: #78bdcd;
  --library-paper: #1a3048;
  --library-muted: #9cadc3;
  --wb-canvas: #0d192b;
  --wb-paper: #1a3048;
  --wb-navy: #e6edf5;
  --wb-navy-2: #29425d;
  --wb-blue: #8bbdd0;
  --wb-green: #d4b56c;
  --wb-gold: #dfbd70;
  --wb-line: #40556d;
  --wb-muted: #9cafc4;
  background: radial-gradient(ellipse at 52% 0, #193451 0, #0d192b 45%, #080f1d 100%) !important;
  grid-template-columns: 178px minmax(0, 1fr) 256px;
}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main {padding: 24px 26px 48px; background: none;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-nav {
  background: linear-gradient(180deg, #101f33, #0b1626) !important;
  border-right: 1px solid #2a3a4e !important; box-shadow: none;
  padding: 24px 12px; gap: 5px;
}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-nav .workbench-nav-title {color: #8399b5; letter-spacing: 3px; padding-bottom: 18px;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-nav button {color: #b5c4d8 !important; background: transparent !important; min-height: 43px !important; font-size: 12px; border: 1px solid transparent !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-nav button:hover,
html[data-home-theme='3d'] #homeLibraryShell > .workbench-nav button:focus-visible {color: #fff2d1 !important; background: #1c314a !important; border-color: #526177 !important; box-shadow: 0 5px 15px #0003;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-nav button.active {color: #f1d491 !important; background: linear-gradient(105deg, #5b482b66, #26364c) !important; border-color: #92754480 !important; box-shadow: inset 3px 0 #d9b66b, 0 4px 14px #0003 !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-nav .workbench-nav-footer {color: #8399b5; border-color: #314055; letter-spacing: 1px;}
.library-hero {position: relative; isolation: isolate; min-height: 376px; margin-bottom: 22px; overflow: hidden; border: 1px solid #6883a44d; border-radius: 20px; background: radial-gradient(ellipse at 76% 28%, #2b5675aa, transparent 50%), linear-gradient(115deg, #101d30, #152d48 60%, #11243d); box-shadow: 0 22px 46px #0004, inset 0 1px #f4d89833; color: #f2ede1;}
.library-hero::after {content: ''; position: absolute; pointer-events: none; inset: 0; border-radius: inherit; background: linear-gradient(110deg, transparent 10%, #e7cc9420 48%, transparent 65%); opacity: .4; z-index: -1;}
.library-hero-grid {position: absolute; inset: 45% -10% -40%; z-index: -1; opacity: .24; transform: perspective(400px) rotateX(58deg); background-image: linear-gradient(#7fa7c633 1px, transparent 1px), linear-gradient(90deg, #7fa7c633 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(transparent, #000);}
.library-copy {position: relative; width: 49%; padding: 34px 0 110px 32px; z-index: 2; pointer-events: none;}
.library-kicker {display: flex; align-items: center; gap: 8px; color: #d9b66b; font: 700 10px/1.5 'Segoe UI', sans-serif; letter-spacing: 2.5px;}
.library-kicker > span {width: 6px; height: 6px; background: #d9b66b; transform: rotate(45deg); box-shadow: 0 0 13px #e4c47780;}
.library-copy h2 {font-family: 'Microsoft YaHei UI', 'PingFang SC', sans-serif; font-size: clamp(26px, 2.8vw, 48px); font-weight: 800; letter-spacing: 1px; line-height: 1.35; margin: 16px 0 12px; text-shadow: 0 3px 16px #061120; color: #f5f1e7;}
.library-copy h2 em {font-style: normal; color: #e7c77f;}
.library-copy p {font-size: 12px; color: #b3c3d5; line-height: 1.9; margin: 0 0 23px;}
.library-actions {display: flex; gap: 10px; align-items: center; flex-wrap: wrap; pointer-events: auto;}
.library-actions button {font: 700 12px/1.4 'Microsoft YaHei UI', sans-serif; min-height: 42px; border-radius: 7px; padding: 11px 14px; cursor: pointer; transition: transform .18s, box-shadow .18s;}
.library-enter {background: linear-gradient(130deg, #f2d797, #c49a48); color: #172234; border: 1px solid #f5dfaa; box-shadow: 0 4px 0 #71562e, 0 9px 24px #d9b66b26;}
.library-actions button:hover {transform: translateY(-2px);}
.library-actions button:active {transform: translateY(1px);}
.library-enter span {margin-left: 10px; font-size: 17px;}
.library-secondary {color: #d4e0ee; border: 1px solid #647a975c; background: #1c324b;}
.library-world {position: absolute; width: 58%; right: -2%; top: 0; bottom: 79px; pointer-events: none;}
.library-scene {position: absolute; inset: 0;}
.library-scene canvas {display: block; width: 100%; height: 100%; opacity: 0; transition: opacity .6s;}
.library-world.scene-ready .library-scene canvas {opacity: 1;}
.library-world-label {position: absolute; bottom: 12px; left: 0; right: 0; text-align: center; color: #b8cde18c; font: 9px/1.5 Georgia, serif; letter-spacing: 3px;}
.library-portal {position: absolute; width: 65%; height: 73%; left: 18%; top: 10%; border-radius: 50% 50% 10% 10%; border: 1px solid #dabd7880; box-shadow: inset 0 0 45px #7ebcdb26, 0 0 40px #dabd781a; transform: perspective(600px) rotateY(-14deg);}
.library-portal::after {content: ''; position: absolute; inset: 12px; border: 1px solid #8ac5df33; border-radius: inherit;}
.library-shelves {display: flex; justify-content: center; align-items: flex-end; gap: 9px; position: absolute; left: 8%; right: 3%; bottom: 24%; height: 46%; transform: perspective(600px) rotateY(-16deg); border-bottom: 8px solid #ba955a; opacity: .28;}
.library-shelves i {height: 65%; width: 9%; border: 1px solid #adc0d0; background: linear-gradient(90deg, #18304d, #4a6580); box-shadow: inset 4px 0 #d7b971;}
.library-shelves i:nth-child(3n) {height: 87%; background: #927549; transform: rotate(4deg);}
.library-world .home-3d-stage {position: absolute; left: 50%; top: 48%; margin: -58px 0 0 -109px; transform: scale(1.5); transform-origin: center;}
.library-world.scene-ready .home-3d-stage, .library-world.scene-ready .library-portal, .library-world.scene-ready .library-shelves {visibility: hidden;}
.library-journey {position: absolute; bottom: 0; left: 0; right: 0; display: flex; align-items: center; gap: 26px; padding: 17px 30px; background: #091728b3; border-top: 1px solid #7089a633; backdrop-filter: blur(12px);}
.library-journey > div {display: flex; align-items: center; gap: 10px; min-width: 110px;}
.library-journey-words > span:last-child {display: flex; align-items: baseline; gap: 9px; white-space: nowrap;}
.library-journey-words small {margin-bottom: 0; white-space: nowrap;}
.library-stat-symbol {color: #d9b66b; font-size: 26px; text-shadow: 0 0 18px #d9b66b44;}
.library-journey small {display: block; color: #a6b9ce; font-size: 10px; margin-bottom: 4px;}
.library-journey strong {font: 600 20px/1.1 Georgia, 'Microsoft YaHei UI', serif; color: #f5e2b4;}
.library-journey-note {margin-left: auto; font-size: 11px; color: #91a4ba; letter-spacing: 1px;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card {border: 1px solid #52667e !important; background: linear-gradient(135deg, #1b314a, #14263c) !important; color: #d6e0eb !important; box-shadow: 0 14px 35px #0005 !important; border-radius: 14px !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .home-hero-head {min-height: 82px !important; padding: 17px 22px !important; background: linear-gradient(110deg, #162b43, #203b56) !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .home-hero-title {font-size: 19px !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .home-eyebrow {font-size: 9px !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .home-hero-note {font-size: 11px !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .home-clear-icon {width: auto !important; height: 30px !important; padding: 0 10px; white-space: nowrap; font-size: 11px;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card textarea {height: 116px !important; margin-top: 16px !important; font-size: 17px !important; background: #0c1d30 !important; color: #edf3f8 !important; border-color: #506781 !important; box-shadow: inset 0 2px 8px #0003 !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card textarea::placeholder {color: #95a9bf !important; opacity: 1;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .home-hero-title {color: #eef3f8 !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .home-hero-note {color: #b4c4d5 !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .home-clear-icon {background: #203953 !important; color: #d5e0ea !important; border-color: #536b82 !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .example-chip {background: #203852 !important; color: #ccdae7 !important; border-color: #526a83 !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .example-chip:hover,
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .example-chip:focus-visible {background: #2d4c69 !important; color: #fff2d1 !important; border-color: #d9b66b !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .btn-a {color: #142137 !important; background: linear-gradient(120deg, #ecd092, #cfaa5f) !important; box-shadow: 0 4px 0 #8e703e, 0 7px 14px #3025091a !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .btn-a:hover {box-shadow: 0 6px 0 #8e703e, 0 10px 18px #30250933 !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .btn-zh2en,
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .btn-ai,
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .btn-tts {background: #203852 !important; color: #e0e9f1 !important; border-color: #526980 !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .btn-zh2en:hover,
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .btn-ai:hover,
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .btn-tts:hover {background: #2b4865 !important; border-color: #8b9db0 !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .home-shortcut {color: #9cafc4 !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main .home-learning-group {background: transparent !important; border: 0 !important; box-shadow: none; padding: 14px 0 !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main .home-learning-heading {color: #c9d3df !important; font-size: 12px !important; letter-spacing: 1px !important; margin-bottom: 15px;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main .home-learning-group .module-card {background: linear-gradient(135deg, #213a54, #12243a) !important; border: 1px solid #465d7777 !important; box-shadow: 0 6px 0 #071222, 0 12px 25px #0003, inset 0 1px #9ab6cd29 !important; transform: perspective(800px) rotateX(var(--library-tilt-x, 0deg)) rotateY(var(--library-tilt-y, 0deg));}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main .home-learning-group .module-card:hover {transform: perspective(800px) translateY(-5px) rotateX(var(--library-tilt-x, 2deg)) rotateY(var(--library-tilt-y, -2deg)) !important; border-color: #b99d65 !important; box-shadow: 0 9px 0 #071222, 0 16px 30px #0005, inset 0 1px #d9b66b66 !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main .home-learning-group .module-card-title {color: #f0eadb !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main .home-learning-group .module-card-desc,
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main .home-learning-group .module-progress {color: #a4b7cc !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main .home-learning-group .module-card-icon.learning-icon-decorated {background: linear-gradient(145deg, #385879, #152b44) !important; box-shadow: 0 5px 9px #0004, inset 0 1px #d9b66b55;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main .home-learning-group .module-card-footer {border-color: #4c627755 !important; flex-wrap: wrap; gap: 8px;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main .home-learning-group .module-start {background: #223c55 !important; color: #e8cc91 !important; border-color: #6b7e904d; box-shadow: 0 2px 0 #071222; font-size: 11px;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main .push-msg {background: #172a42 !important; border: 1px solid #8e785380 !important; color: #e7d3a4 !important; padding: 14px 18px !important; border-radius: 10px !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-main .push-msg a {color: #b8d4e6 !important; overflow-wrap: anywhere;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail {background: linear-gradient(180deg, #101f33f2, #0d192b) !important; border-left: 1px solid #304156 !important; box-shadow: none; padding: 25px 16px;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .workbench-rail-title {color: #d9b66b !important; border-color: #76634066; font-size: 11px; display: flex; justify-content: space-between; padding-bottom: 15px; margin-bottom: 16px;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .resume-card,
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .today-card {background: linear-gradient(135deg, #1c324d, #12243a) !important; border: 1px solid #5d76944d !important; padding: 15px 12px !important; box-shadow: 0 6px 16px #0003, inset 0 1px #ffffff0d !important; margin-bottom: 10px;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .resume-label,
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .today-copy span {color: #a5b8ce !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .resume-title,
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .today-copy strong {color: #e4eaf1 !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .resume-btn {background: #b49657 !important; color: #101e30 !important; box-shadow: 0 3px 0 #725d39; font-size: 11px;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .resume-btn.secondary {background: #304862 !important; color: #d3deeb !important; box-shadow: 0 3px 0 #0a1627;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .today-ring {background: #102139 !important; color: #e0c37f !important; border: 2px solid #a8915d !important; width: 44px !important; height: 44px !important; flex: 0 0 44px; box-shadow: 0 0 14px #d9b66b1a !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .daily-tasks .dt-title {color: #e6d5ae !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .daily-tasks .dt-summary {color: #9cadc3 !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .daily-tasks .dt-item {border-color: #34495f !important; padding: 12px 0;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .daily-tasks .dt-item-title {color: #dfe7f0 !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .daily-tasks .dt-item-reason,
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .daily-tasks .dt-item-meta {color: #99aec6 !important;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .daily-tasks .dt-item-status {border-color: #8295ac; background: #1c324a;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .daily-tasks .dt-item.done .dt-item-status {background: #9a814c; border-color: #d9b66b;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .rail-actions {border-color: #34495f;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .rail-action {color: #b0c0d4;}
html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail .rail-action:hover {color: #edd59f;}
html[data-home-theme='3d'] #homeLibraryShell button:focus-visible, html[data-home-theme='3d'] #homeLibraryShell .module-card:focus-visible {outline: 2px solid #d9b66b !important; outline-offset: 3px;}
html[data-home-theme='3d'] #homeLibraryShell.library-page-hidden .home-3d-book {animation-play-state: paused !important;}
@media (min-width: 1550px) {.library-hero {min-height: 402px;} .library-copy {padding-top: 42px;} .library-world {width: 60%;}}
@media (max-width: 1200px) {html[data-home-theme='3d'] #homeLibraryShell {grid-template-columns: 72px minmax(0, 1fr) 230px;} html[data-home-theme='3d'] #homeLibraryShell > .workbench-nav {padding: 22px 8px;} html[data-home-theme='3d'] #homeLibraryShell > .workbench-nav button {justify-content: center; padding: 0;} html[data-home-theme='3d'] #homeLibraryShell > .workbench-nav button span, html[data-home-theme='3d'] #homeLibraryShell > .workbench-nav .workbench-nav-title, html[data-home-theme='3d'] #homeLibraryShell > .workbench-nav .workbench-nav-footer {display: none;} html[data-home-theme='3d'] #homeLibraryShell > .workbench-main {padding: 20px 18px;} .library-copy {padding-left: 24px; width: 54%;} .library-copy h2 {font-size: 32px;} .library-world {width: 57%; right: -5%;} .library-journey {gap: 18px; padding-left: 23px;} .library-journey-note {display: none;} .library-journey > div {min-width: 0;} .library-journey strong {font-size: 18px;}}
@media (max-width: 960px) {.library-copy h2 {font-size: 29px;} .library-copy {width: 58%;} .library-actions {gap: 8px;} .library-actions button {font-size: 11px; padding: 10px;} .library-world {width: 56%; right: -9%;} .library-world-label {display: none;} .library-world .home-3d-stage {transform: scale(1.1);} .library-journey {gap: 17px; padding: 15px 18px;} .library-stat-symbol {font-size: 20px;} html[data-home-theme='3d'] #homeLibraryShell > .workbench-main .home-learning-group .module-cards.home-foundation-grid {grid-template-columns: 1fr !important;}}
@media (max-width: 760px) {
  html[data-home-theme='3d'] #homeLibraryShell {display: block;}
  html[data-home-theme='3d'] #homeLibraryShell > .workbench-main {padding: 14px 12px 22px;}
  html[data-home-theme='3d'] #homeLibraryShell > .workbench-nav {position: fixed; top: auto; bottom: 0; left: 0; right: 0; width: 100%; height: 64px; padding: 5px 8px; flex-direction: row; overflow-x: auto; z-index: 9998; border-top: 1px solid #69765e !important;}
  html[data-home-theme='3d'] #homeLibraryShell > .workbench-nav button {flex: 0 0 62px; min-height: 50px !important; flex-direction: column; gap: 6px; font-size: 10px;}
  html[data-home-theme='3d'] #homeLibraryShell > .workbench-nav button span {display: block;}
  html[data-home-theme='3d'] #homeLibraryShell > .workbench-rail {padding: 20px 18px 90px; border-top: 1px solid #304156 !important;}
  .library-hero {min-height: 480px; border-radius: 15px;}
  .library-copy {padding: 28px 22px 240px; width: 100%;}
  .library-copy h2 {font-size: 34px;}
  .library-copy p {font-size: 12px;}
  .library-kicker {font-size: 9px; letter-spacing: 1.5px;}
  .library-world {top: auto; height: 212px; width: 80%; right: -7%; bottom: 74px; opacity: .9;}
  .library-world .home-3d-stage {display: block !important; transform: scale(1.15);}
  .library-copy .library-actions {position: relative; z-index: 2;}
  .library-journey {padding: 15px 17px; justify-content: space-between; gap: 10px;}
  .library-journey > div {gap: 7px;}
  .library-journey-words > span:last-child {gap: 5px;}
  .library-journey-words strong {font-size: 15px;}
  .library-journey small {font-size: 9px;}
  .library-journey strong {font-size: 17px;}
  html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .home-hero-head {padding: 15px !important;}
  html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .home-hero-note {max-width: 245px;}
  html[data-home-theme='3d'] #homeLibraryShell > .workbench-main .home-learning-group .module-cards {grid-template-columns: 1fr !important;}
}
@media (prefers-reduced-motion: reduce) {
  html[data-home-theme='3d'] #homeLibraryShell .home-3d-book {animation: none !important;}
  html[data-home-theme='3d'] #homeLibraryShell .module-card, html[data-home-theme='3d'] #homeLibraryShell button, html[data-home-theme='3d'] #homeLibraryShell canvas {transition: none !important;}
  html[data-home-theme='3d'] #homeLibraryShell > .workbench-main .home-learning-group .module-card:hover, html[data-home-theme='3d'] #homeLibraryShell .library-actions button:hover {transform: none !important;}
}
/* Desktop short-screen layout keeps the sentence controls in the first screen. */
@media (min-width: 961px) and (max-height: 850px) {
  html[data-home-theme='3d'] #homeLibraryShell > .workbench-main {padding-top: 14px;}
  .library-hero {height: 268px; min-height: 0; margin-bottom: 17px;}
  .library-copy {width: 51%; padding: 22px 0 0 26px;}
  .library-copy h2 {font-size: 31px; line-height: 1.24; margin: 12px 0 16px;}
  .library-copy p {display: none;}
  .library-actions button {min-height: 36px; padding: 8px 12px;}
  .library-journey {padding: 12px 26px; gap: 26px;}
  .library-journey strong {font-size: 17px;}
  .library-world {width: 54%; right: 0; bottom: 60px;}
  .library-world-label {display: none;}
  html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card .home-hero-head {min-height: 69px !important; padding: 12px 20px !important;}
  html[data-home-theme='3d'] #homeLibraryShell > .workbench-main > .input-card textarea {height: 90px !important; margin-top: 12px !important; padding: 12px 16px !important;}
}

/* Keep wrapped hero actions in normal flow above the learning statistics. */
.library-hero {display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;}
.library-copy {box-sizing:border-box!important;width:min(680px,70%)!important;padding:24px 0 20px 26px!important;}
.library-journey {position:relative!important;inset:auto!important;flex:none!important;flex-wrap:wrap!important;}
@media (max-width:760px) {
  .library-world {display:none!important;}
  .library-copy {width:100%!important;padding:20px 16px 16px!important;}
  .library-copy p {display:block!important;}
  .library-journey {padding:13px 14px!important;gap:10px!important;}
  .library-journey-note {display:block!important;width:100%;margin:2px 0 0!important;}
}