/* Clean moonlit palette, scoped to the children's room. */
.children-night-sky{display:none}
body.studio-page.children-view.dark{--bg:#0e1a32;--paper:#172844;--ink:#e9edf6;--muted:#a5b7ce;--line:#304665;background:radial-gradient(ellipse at 45% 0,#20385f 0,transparent 60%),linear-gradient(150deg,#0d1930,#14233e 65%,#1d2b49);background-attachment:fixed;color:#e7edf7;isolation:isolate}
body.children-view.dark .children-night-sky{display:block;position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at -6% 75%,#42629842,transparent 30%),radial-gradient(ellipse at 108% 82%,#506ca83d,transparent 30%)}
.night-star{position:absolute;display:block;width:var(--star-size);height:var(--star-size);animation:night-twinkle 5s ease-in-out var(--star-delay) infinite alternate}.night-star-gold{background:#f7d68a;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 4px #efbf6799);opacity:.85}.night-star-dot{background:#92b8ee;border-radius:50%;opacity:.45}
body.studio-page.children-view.dark :is(.studio-shell,.studio-workspace,.studio-main,.study-layout,.children-shelf,.kids-library,.children-heading){background:transparent}
body.studio-page.children-view.dark .site-header{background:#101e37ed;border-bottom:1px solid #2b4161;color:#cbdaf0;box-shadow:none}
body.studio-page.children-view.dark .site-header :is(button,a){color:#c7d5e9}
body.studio-page.children-view.dark .site-header [aria-current=page]{color:#f6df9e}
body.studio-page.children-view.dark .study-detail-hero{border:1px solid #35537e;border-radius:5px;background:#16294b;overflow:hidden}
body.studio-page.children-view.dark .study-detail-hero .study-slide:before{background:linear-gradient(90deg,#10234455,transparent 59%)}
body.studio-page.children-view.dark .study-detail-hero .kids-welcome-copy h1,body.studio-page.children-view.dark .study-detail-hero .kids-welcome-copy h2,body.studio-page.children-view.dark .study-detail-hero .kids-welcome-copy em{color:#f8e6b8;text-shadow:0 1px 10px #0c1d3b66}
body.studio-page.children-view.dark .study-detail-hero .kids-welcome-copy p{color:#c6d7ee}
body.studio-page.children-view.dark .study-detail-hero .children-eyebrow{background:#d9ebff;color:#2868a3;border-color:#6b9ed7}
body.studio-page.children-view.dark .detail-handnote{color:#f5e7ba;border-color:#b6caea;transform:rotate(-6deg)}
body.studio-page.children-view.dark .study-carousel-controls{background:#dceaffdd;border-color:#88abd6}
body.studio-page.children-view.dark .study-left{background:transparent}
body.studio-page.children-view.dark .study-left :is(b,strong){color:#e7ecf7}
body.studio-page.children-view.dark .study-left :is(small,p){color:#8fa6c5}
body.studio-page.children-view.dark .study-left nav button[aria-pressed=true]{background:#2348789c;border:1px solid #406291;color:#d9eaff;border-radius:4px}
body.studio-page.children-view.dark .study-left nav button:hover{background:#1e3556}
body.studio-page.children-view .study-category-icon :is(svg,img){mix-blend-mode:normal!important;background:transparent!important}
body.studio-page.children-view .study-shelf-friend{background:transparent!important}
body.studio-page.children-view .study-shelf-friend img{mix-blend-mode:normal!important;background:transparent!important;object-fit:contain}
body.studio-page.children-view.dark :is(.study-family-memory,.study-growth,.study-activity,.study-companion,.study-ranking){background:linear-gradient(130deg,#1a2f50,#142541);border:1px solid #324d73;border-radius:5px;color:#e2eaf6;box-shadow:none}
body.studio-page.children-view.dark :is(.study-family-memory,.study-growth,.study-activity,.study-companion,.study-ranking) :is(h2,h3,strong,b){color:#e3eaf5}
body.studio-page.children-view.dark :is(.study-family-memory,.study-growth,.study-activity,.study-companion,.study-ranking) :is(p,small){color:#9fb4cf}
body.studio-page.children-view.dark .learning-steps{background:#172c4b;border:1px solid #365276;border-radius:4px}
body.studio-page.children-view.dark .learning-step{border-color:#38516e}
body.studio-page.children-view.dark .learning-step-copy strong{color:#e5edf7}
body.studio-page.children-view.dark .learning-transfer{background:linear-gradient(100deg,#1a2d4a,#203b62);border:1px solid #365276;border-radius:4px}
body.studio-page.children-view.dark .learning-example>span{background:#1a3252;color:#dae9fc}
body.studio-page.children-view.dark .children-grade-toolbar{border-color:#334c6d;color:#c4dcf8}
body.studio-page.children-view.dark .children-grade-toolbar .grade-heading strong{color:#95c9ee}
body.studio-page.children-view.dark .children-grade-toolbar :is(p,.grade-heading span){color:#9cb2d0}
body.studio-page.children-view.dark .grade-options button{background:#152946;border-color:#4a668d;color:#bcd0ec}
body.studio-page.children-view.dark .grade-options button[aria-pressed=true]{background:#b9ddff;color:#163d6b;border-color:#91c6f8}
body.studio-page.children-view.dark :is(.pp-shelf,.kids-chinese-section,.english-section-heading,.english-levels,.study-news,.children-shelf-footer){border-color:#344d6b}
body.studio-page.children-view.dark :is(.pp-shelf-heading h2,.child-book h3 button,.english-section-heading h2,.kids-shelf-section-head h3,.study-section-head h2){color:#e9ebf1}
body.studio-page.children-view.dark :is(.pp-shelf-heading p,.pp-shelf-heading>span,.child-book>p,.pp-shelf-book>p,.pp-shelf-book>small,.english-edition-note,.study-data-note){color:#a4b6cc}
body.studio-page.children-view.dark .pp-shelf-book{background:transparent;color:#e7edf7}
body.studio-page.children-view.dark .child-book{background:#172944;border-color:#304868;box-shadow:none;border-radius:4px}
body.studio-page.children-view.dark .child-book-meta{color:#aac0dc}
body.studio-page.children-view.dark .study-news{background:#152640}
body.studio-page.children-view.dark .study-news-item{background:transparent;color:#dfebf8}
body.studio-page.children-view.dark .study-news-item :is(h3,p,small){color:#aebfd4}
body.studio-page.children-view.dark :is(.children-shelf-footer,.kids-reading-path){color:#afc0d7;background:transparent}
body.studio-page.children-view.dark :is(.study-left-bottom,.study-left-note){border-color:#324a68}
@keyframes night-twinkle{from{opacity:.35}to{opacity:.9}}
@media(prefers-reduced-motion:reduce){.night-star{animation:none!important}}
@media(max-width:1000px){.night-star-gold{opacity:.5}.night-star{animation:none}.children-view.dark .study-detail-hero .study-slide:before{background:linear-gradient(90deg,#102344b0,transparent 75%)}}
body.studio-page.children-view.dark .study-layout :is(.study-family-memory,.study-growth,.study-activity,.study-companion,.study-ranking){background:linear-gradient(130deg,#1a2f50,#142541)!important;border-color:#324d73!important}
body.studio-page.children-view.dark .study-layout .learning-six{background:#152b4b;border-color:#365276}
body.studio-page.children-view.dark .study-layout .learning-six li+li{border-color:#365276}
body.studio-page.children-view.dark .study-layout .learning-six strong{color:#e0eaf7}
body.studio-page.children-view.dark .study-layout .learning-six small{color:#9eb3cf}
body.studio-page.children-view.dark .study-layout .study-left nav button[aria-pressed=true]{background:#2348789c;border-color:#406291}
body.studio-page.children-view.dark .study-detail-hero .detail-hero-image{object-position:right center}
body.studio-page.children-view .study-layout .learning-step-icon svg{width:100%;height:100%;display:block}
body.studio-page.children-view.dark .study-left nav b{color:#e2eaf8}
body.studio-page.children-view.dark .study-left nav small{color:#98afce}

/* Paired day/night reading companions and illustrated night border. */
body.studio-page.children-view.dark{background-color:#081a3c;background-image:url('assets/children-detail/night-border-v2.webp');background-size:cover;background-position:center;background-attachment:fixed}
body.studio-page.children-view .study-layout .study-shelf-friend{position:relative;height:175px;padding-bottom:34px}
body.studio-page.children-view .study-layout .study-shelf-friend img{height:140px;position:relative;z-index:1;filter:drop-shadow(0 3px 7px #17284b44)}
body.studio-page.children-view .study-layout .study-shelf-friend:after{content:"";position:absolute;bottom:10px;left:12%;width:76%;height:17px;border:4px solid #4086b4;border-left-width:10px;border-radius:3px;background:#f8ebce;box-shadow:5px -20px 0 -2px #f5e9c9,5px -20px 0 2px #ce9764,-3px -39px 0 -2px #f8edce,-3px -39px 0 2px #5e8b8d;transform:rotate(-3deg)}
body.studio-page.children-view .study-layout .study-companion>.cat-current-avatar{background:url('assets/ai-reading-cat-v1.opt-v1.webp') center/contain no-repeat;width:100px;height:112px}
body.studio-page.children-view .study-layout .study-companion>.cat-current-avatar>*{visibility:hidden}
body.studio-page.children-view.dark .study-layout .study-companion{background:transparent!important;border:0!important;box-shadow:none}
body.studio-page.children-view.dark .study-layout .study-companion>div{background:#172f53;border:1px solid #42618a;border-radius:4px;box-shadow:none}
body.studio-page.children-view.dark .study-layout .study-companion h2{color:#e4efff!important}
body.studio-page.children-view.dark .study-layout .study-companion button{color:#9fd7ff}
/* Children's room shares its sky behind the navigation in both themes. */
body.studio-page.children-view .site-header{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-bottom:1px solid #91aaca26}
body.studio-page.children-view .site-header::before,body.studio-page.children-view .site-header::after{background:transparent!important;box-shadow:none!important}
body.studio-page.children-view.dark .site-header{border-bottom-color:#24466b!important}
/* Deeper translucent surfaces keep the cloud artwork from competing with labels. */
body.studio-page.children-view.dark .study-layout .study-left nav button:is([aria-pressed=true],.active){background:rgba(24,62,108,.94)!important;border:1px solid #4a729e!important;color:#eef6ff;box-shadow:inset 3px 0 #83c9fa}
body.studio-page.children-view.dark .study-layout .study-left nav button:hover{background:rgba(22,49,85,.90)!important;border-color:#3c6087!important}
body.studio-page.children-view.dark .study-layout .study-left nav button:is([aria-pressed=true],.active):hover{background:rgba(24,62,108,.97)!important}
body.studio-page.children-view.dark .study-layout :is(.study-family-memory,.study-growth,.study-ranking){background:rgba(15,35,65,.96)!important;border-color:#345273!important}
/* The right column reveals the illustrated sky rather than an opaque panel. */
body.studio-page.children-view.dark .study-layout :is(.study-family-memory,.study-growth,.study-ranking){background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#345273!important}

/* The live navigation is #site-header, not a .site-header class. */
body.studio-page.children-view #site-header{background:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-bottom:1px solid #24466b!important}
body.studio-page.children-view #site-header::before,body.studio-page.children-view #site-header::after{background:none!important;box-shadow:none!important}
body.studio-page.children-view #site-header{background:none!important;border:0!important;outline:0!important;box-shadow:none!important}
body.studio-page.children-view #site-header::before,body.studio-page.children-view #site-header::after{display:none!important}
body.studio-page.children-view.dark .study-layout .study-left nav button:is([aria-pressed=true],.active){background:rgba(27,70,119,.30)!important;border-color:#83bdf747!important;box-shadow:inset 2px 0 #8acbfa8c}
body.studio-page.children-view.dark .study-layout .study-left nav button:hover{background:rgba(27,70,119,.18)!important;border-color:#83bdf730!important}
body.studio-page.children-view.dark .study-layout .study-left nav button:is([aria-pressed=true],.active):hover{background:rgba(27,70,119,.34)!important}
/* Let the shared page sky reach the glass instead of the home hero's opaque paint. */
body.studio-page.children-view .hero{background:transparent!important;isolation:auto!important}
body.studio-page.children-view .hero::before,body.studio-page.children-view .hero::after{background:none!important;display:none!important}
body.studio-page.children-view #site-header{background:linear-gradient(100deg,#071a2b21,#132d4310)!important;backdrop-filter:blur(3px) saturate(1.02)!important;-webkit-backdrop-filter:blur(3px) saturate(1.02)!important;border:0!important;box-shadow:none!important}
/* Lightly tinted frosted glass for the three shared-reading quotes. */
body.studio-page.children-view.dark .study-family-memory .study-family-quote{background:rgba(57,139,190,.10)!important;border:1px solid #9bd6ff26;backdrop-filter:blur(4px) saturate(1.06);-webkit-backdrop-filter:blur(4px) saturate(1.06);box-shadow:none}
body.studio-page.children-view.dark .study-family-memory .study-family-quote.parent{background:rgba(203,108,154,.10)!important;border-color:#f3b7d52b}
body.studio-page.children-view.dark .study-family-memory .study-family-quote.discovery{background:rgba(126,176,107,.10)!important;border-color:#d0efad29}
body.studio-page.children-view.dark .study-family-memory .study-family-quote p{color:#d6e4f3;text-shadow:0 1px 3px #07182c99}
/* Readable foregrounds above the illustrated night sky and transparent glass. */
body.studio-page.children-view.dark{--ink:#f3f6fc;--muted:#d0dded;color:#f3f6fc}
body.studio-page.children-view.dark .study-layout :is(h1,h2,h3,h4,strong,b):not(.child-cover *){color:#f5f4ed!important}
body.studio-page.children-view.dark .study-layout :is(p,small,.study-data-note,.detail-data-note,.family-example-label,.grade-heading span){color:#d2dfef!important}
body.studio-page.children-view.dark .study-layout :is(.study-left,.study-right,.children-grade-toolbar,.pp-shelf-heading,.english-section-heading,.children-shelf-footer){text-shadow:0 1px 3px #06152eb3}
body.studio-page.children-view.dark .study-layout .study-left :is(button,b,small){color:#e1edfa!important}
body.studio-page.children-view.dark .study-layout .study-family-quote :is(h3,p){color:#f0f5fc!important}
body.studio-page.children-view.dark .study-layout .study-growth :is(button,span,small,p){color:#dce9f8}
body.studio-page.children-view.dark .study-layout :is(.study-section-head button,.study-family-memory button,.cat-change-small,.child-read-link){color:#a8dfff!important}
body.studio-page.children-view.dark .study-layout .grade-options button{color:#dce9fa}
body.studio-page.children-view.dark .study-layout .grade-options button[aria-pressed=true]{color:#12375f!important;text-shadow:none}
body.studio-page.children-view.dark .study-layout :is(.child-cover,.graded-cover,.pp-cover) :is(strong,b,small,p){text-shadow:none}
/* A continuous frosted backing protects all category labels from bright clouds. */
body.studio-page.children-view.dark .study-layout .study-left{background:rgba(9,28,60,.38)!important;backdrop-filter:blur(16px) brightness(.72) saturate(.85);-webkit-backdrop-filter:blur(16px) brightness(.72) saturate(.85);border:1px solid #8cb7e326;border-radius:4px;padding:14px 10px;align-self:start;box-shadow:0 3px 18px #03112624}
body.studio-page.children-view.dark .study-layout .study-left nav button{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body.studio-page.children-view.dark .study-layout .study-left nav button:is([aria-pressed=true],.active){background:rgba(30,76,125,.36)!important}
body.studio-page.children-view.dark .study-layout .study-left :is(b,small,button){text-shadow:0 1px 3px #06152ddd!important}
body.studio-page.children-view.dark .study-layout .study-left nav small{color:#dce9fb!important}

body.studio-page.children-view .children-footer-quiet{display:block;border:0;margin:16px 0 0;padding:10px 0;font-size:11px;line-height:1.6;color:#7c8fa4;background:transparent}
body.studio-page.children-view.dark .children-footer-quiet{color:#bdcee2}
/* Annotated night surfaces: quiet solid learning strips, frosted controls and progress. */
body.studio-page.children-view.dark #site-header{border-bottom:1px solid #375d9261!important;box-shadow:0 3px 12px #2461aa35!important}
body.studio-page.children-view.dark .study-layout :is(.learning-six,.learning-steps){background:#12294b!important;border-color:#365582!important;box-shadow:inset 0 1px #739ac315}
body.studio-page.children-view.dark .study-layout .learning-transfer{background:linear-gradient(110deg,#142d50,#19375a)!important;border-color:#365b84!important}
body.studio-page.children-view.dark .study-layout .learning-example>span{background:#173455!important;color:#e1efff!important}
body.studio-page.children-view.dark .study-layout .study-growth{background:rgba(10,30,60,.24)!important;backdrop-filter:blur(14px) brightness(.78) saturate(.92);-webkit-backdrop-filter:blur(14px) brightness(.78) saturate(.92);border:1px solid #709bd13d!important;box-shadow:inset 0 1px #bedcff12!important}
body.studio-page.children-view.dark .study-layout .grade-options button{background:rgba(18,46,81,.25)!important;backdrop-filter:blur(12px) brightness(.8);-webkit-backdrop-filter:blur(12px) brightness(.8);border-color:#789fc354!important;color:#e4efff!important;box-shadow:inset 0 1px #cbe2ff12}
body.studio-page.children-view.dark .study-layout .grade-options button[aria-pressed=true]{background:rgba(101,174,229,.4)!important;border-color:#9bd7ffb3!important;color:#f5fbff!important;box-shadow:inset 0 -2px #a5ddff}
/* Daytime navigation is solid white; the night navigation retains its glass. */
body.studio-page.children-view:not(.dark) #site-header{background:#fff!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-bottom:1px solid #e6edf5!important}

/* Approved night materials: clear outer navigation and frosted work surfaces. */
body.studio-page.children-view.dark .study-layout .study-left{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:transparent!important;box-shadow:none!important}
body.studio-page.children-view.dark .study-layout :is(.learning-six,.learning-steps,.learning-transfer,.english-section,.study-activity,.study-companion>div,.detail-recommendation){background:rgba(25,61,106,.24)!important;backdrop-filter:blur(12px) saturate(1.08)!important;-webkit-backdrop-filter:blur(12px) saturate(1.08)!important;border:1px solid #96c8ff45!important;border-radius:4px;box-shadow:inset 0 1px #d7ebff14!important}
body.studio-page.children-view.dark .study-layout :is(.english-section){padding:14px}
body.studio-page.children-view.dark .study-layout .learning-example>span{background:rgba(47,102,157,.16)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
body.studio-page.children-view.dark .study-layout .study-family-footer{padding:12px;margin:12px -2px -2px;background:rgba(9,28,62,.56);backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05);border:1px solid #a2d1ff30;border-radius:4px;text-shadow:none}
body.studio-page.children-view.dark .study-layout .study-family-footer .study-family-actions button{background:rgba(113,163,224,.12);border-color:#a2cdff85;color:#f1f7ff!important;box-shadow:inset 0 1px #e5f2ff12}
body.studio-page.children-view.dark .study-layout .study-family-footer .study-family-actions .study-family-continue{background:rgba(17,114,244,.78);border-color:#7dbfffcc;color:#fff!important}
body.studio-page.children-view.dark .study-layout .study-family-footer .study-family-footnote{color:#e0eaf9!important;text-shadow:0 1px 2px #04132b80}
@media(prefers-reduced-transparency:reduce){body.studio-page.children-view.dark .study-layout .study-family-footer{background:#142d4d;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Lower shelves share the translucent night material, including nested controls. */
body.studio-page.children-view.dark #english-books .english-browse{background:rgba(25,61,106,.24)!important;backdrop-filter:blur(12px) saturate(1.08)!important;-webkit-backdrop-filter:blur(12px) saturate(1.08)!important;border:1px solid #96c8ff45!important;border-radius:4px!important;box-shadow:inset 0 1px #d7ebff14!important}
body.studio-page.children-view.dark #english-books .english-browse-switch{background:rgba(55,100,153,.16)!important;border:1px solid #a2cdff2e;border-radius:4px}
body.studio-page.children-view.dark #english-books :is(.english-choice-list button,.english-source select){background-color:rgba(66,113,165,.16)!important;border-color:#a2cdff45!important;color:#dfedfc!important;box-shadow:none}
body.studio-page.children-view.dark #english-books :is(.english-browse-switch button,.english-choice-list button)[aria-pressed=true]{background:rgba(72,145,222,.36)!important;border:1px solid #9bd7ff94!important;color:#f4f9ff!important;box-shadow:inset 0 1px #e2f1ff15}
body.studio-page.children-view.dark #english-books :is(.english-choice-list button,.english-browse-switch button):hover{background:rgba(83,148,215,.28)!important;color:#fff!important}
body.studio-page.children-view.dark #english-books .english-source select option{background:#142b49;color:#e9f3ff}
body.studio-page.children-view.dark .study-layout .study-book-tabs button[aria-pressed=true]{background:transparent;border:0;border-bottom:2px solid currentColor;box-shadow:none}
body.studio-page.children-view.dark .study-layout :is(.study-book-tabs button,.shelf-more,.shelf-search-toggle){color:#d4e7fa!important}
body.studio-page.children-view.dark #english-books :is(.english-browse-label,.english-source,.english-browse-guidance){color:#dce9fa!important}
body.studio-page.children-view.dark .study-layout .kids-library :is(.children-empty,.kids-empty,.children-tools){background:transparent!important;box-shadow:none}