:root{--pink:#ffd6e8;--blue:#cfe8ff;--yellow:#ffe9a8;--mint:#c9f2df;--lav:#e3d7ff;--ink:#3b3363;--bg:#fff4fa;
--sat:env(safe-area-inset-top);--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left);--sar:env(safe-area-inset-right)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);
font-family:"Baloo 2","Nunito","Comic Sans MS","Chalkboard SE",ui-rounded,system-ui,sans-serif;
-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:manipulation}
button{font:inherit;color:inherit;border:0;cursor:pointer;background:none}
button:focus-visible{outline:4px solid #7a6cf0;outline-offset:3px}
img{-webkit-user-drag:none}
.hidden{display:none!important}
#app{position:fixed;inset:0}
.screen{position:absolute;inset:0;display:none;flex-direction:column;padding:calc(var(--sat) + 10px) calc(var(--sar) + 14px) calc(var(--sab) + 12px) calc(var(--sal) + 14px);
background:linear-gradient(180deg,#d9ecff 0%,#fff0f7 60%,#fff8e6 100%);animation:fade .25s ease}
.screen.active{display:flex}
.screen.dark{background:#1d1840;color:#fff;padding:0}
@keyframes fade{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
/* home */
.sky{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.cloud{position:absolute;background:#fff;border-radius:999px;opacity:.85;filter:blur(1px);animation:drift 40s linear infinite}
.cloud::before,.cloud::after{content:"";position:absolute;background:#fff;border-radius:50%}
.c1{width:140px;height:44px;top:9%;left:-160px}.c1::before{width:60px;height:60px;top:-28px;left:22px}.c1::after{width:46px;height:46px;top:-18px;left:70px}
.c2{width:100px;height:34px;top:22%;left:-120px;animation-duration:55s;animation-delay:-20s}.c2::before{width:44px;height:44px;top:-22px;left:16px}
.c3{width:160px;height:50px;top:70%;left:-180px;animation-duration:70s;animation-delay:-35s;opacity:.6}.c3::before{width:70px;height:70px;top:-34px;left:30px}
@keyframes drift{to{transform:translateX(calc(100vw + 360px))}}
.home-wrap{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,4vh,40px)}
.hero{display:flex;flex-direction:column;align-items:center;gap:6px}
.sunny-hero{width:clamp(130px,30vmin,280px);height:auto;aspect-ratio:1;border-radius:50%;border:6px solid #fff;box-shadow:0 10px 30px rgba(90,70,160,.25);animation:bob 3s ease-in-out infinite;cursor:pointer}
@keyframes bob{50%{transform:translateY(-8px) rotate(-2deg)}}
.sunny-hero.wiggle{animation:wig .6s ease}
@keyframes wig{25%{transform:rotate(-10deg) scale(1.05)}75%{transform:rotate(10deg) scale(1.05)}}
h1{margin:0;text-align:center;font-size:clamp(30px,6.4vmin,58px);line-height:.95;color:#5b4bc4;text-shadow:3px 3px 0 #fff}
h1 span{color:#ff7aa8}
.big-buttons{display:flex;gap:clamp(12px,3vmin,28px);flex-wrap:wrap;justify-content:center;width:100%;max-width:900px}
.big{flex:1 1 150px;max-width:230px;min-height:clamp(84px,15vmin,150px);border-radius:32px;display:flex;align-items:center;justify-content:center;gap:14px;
font-size:clamp(26px,5vmin,40px);font-weight:800;box-shadow:0 8px 0 rgba(0,0,0,.12),0 14px 24px rgba(90,70,160,.18);transition:transform .1s}
.big:active,.pill:active,.round:active,.tool:active,.ans:active,.story-card:active,.page-card:active{transform:translateY(4px) scale(.97)}
.big .ic{font-size:1.3em}
.b-stories{background:#bfe0ff}.b-book{background:#ffe7a3}.b-color{background:#ffc9de}.b-quiz{background:#c4f0d6}
@media (orientation:portrait){.big-buttons{display:grid;grid-template-columns:1fr 1fr;max-width:460px}.big{max-width:none;flex-direction:column;gap:2px;min-height:clamp(110px,16vh,170px)}}
.parent-btn{position:absolute;right:calc(var(--sar) + 12px);bottom:calc(var(--sab) + 10px);font-size:15px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.7);color:#6d6890}
/* bars */
.bar{display:flex;align-items:center;gap:14px;min-height:64px;flex:none}
.bar h2{margin:0;font-size:clamp(26px,5vmin,40px);color:#5b4bc4}
.back{width:60px;height:60px;border-radius:20px;background:#fff;font-size:28px;box-shadow:0 4px 0 rgba(0,0,0,.1);flex:none}
.back.floating{position:absolute;top:calc(var(--sat) + 10px);left:calc(var(--sal) + 10px);z-index:5;background:rgba(255,255,255,.85);color:#3b3363}
.stars{margin-left:auto;font-size:26px;letter-spacing:2px}
/* story grid */
.story-grid,.color-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-auto-rows:max-content;gap:18px;padding:8px 2px 20px;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));align-content:start;-webkit-overflow-scrolling:touch}
.color-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,46%),1fr))}
.story-card,.page-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 6px 0 rgba(0,0,0,.08),0 10px 20px rgba(90,70,160,.12);text-align:left;padding:0;transition:transform .1s}
.story-card img,.page-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#eee}
.page-card img{object-fit:contain;background:#fff;padding:6px}
.story-card .t{display:block;padding:12px 16px 16px;font-size:22px;font-weight:800;line-height:1.15}
/* player */
.round{width:64px;height:64px;border-radius:50%;background:#ffd166;font-size:28px;box-shadow:0 4px 0 rgba(0,0,0,.2);color:#3b3363}
.round.small{width:52px;height:52px;font-size:22px;background:#fff}
.round.off{opacity:.45}
.the-end,.quiz-done{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(29,24,64,.6);z-index:10;animation:fade .3s}
.end-card,.gate-card{background:#fff;color:#3b3363;border-radius:32px;padding:24px 28px;text-align:center;max-width:92%;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.end-card h2{margin:6px 0 14px;font-size:40px;color:#ff7aa8}
.end-sunny{width:120px;height:120px;border-radius:50%;animation:bob 2s infinite}
.row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.pill{min-height:60px;padding:0 24px;border-radius:30px;background:#c8bfff;font-size:22px;font-weight:800;box-shadow:0 4px 0 rgba(0,0,0,.12)}
.pill:disabled{opacity:.5;cursor:not-allowed}
.pill.ghost{background:#eee;margin-top:12px;font-size:18px;min-height:50px}
/* paint */
#paint{padding-top:calc(var(--sat) + 8px)}
.paint-top{display:flex;align-items:center;justify-content:space-between;flex:none;gap:10px}
.tools{display:flex;gap:10px}
.tool{width:60px;height:60px;border-radius:20px;background:#fff;font-size:28px;box-shadow:0 4px 0 rgba(0,0,0,.1)}
.tool:disabled{opacity:.4}
.paint-body{flex:1;display:flex;gap:12px;min-height:0;padding-top:10px}
@media (orientation:portrait){.paint-body{flex-direction:column}}
.canvas-wrap{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}
#cv{max-width:100%;max-height:100%;background:#fff;border-radius:18px;box-shadow:0 8px 24px rgba(90,70,160,.18);touch-action:none}
.palette{flex:none;display:grid;gap:8px;grid-template-columns:repeat(3,52px);align-content:center;overflow:auto;padding:4px}
@media (orientation:portrait){.palette{grid-template-columns:repeat(9,1fr);grid-auto-rows:minmax(44px,auto)}}
@media (orientation:portrait) and (max-width:500px){.palette{grid-template-columns:repeat(6,1fr)}}
@media (orientation:landscape) and (max-height:500px){.palette{grid-template-columns:repeat(4,40px);gap:6px}.sw-c{height:40px!important}}
.sw-c{height:52px;border-radius:50%;border:4px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .1s;aspect-ratio:1;width:100%;max-width:60px;justify-self:center}
.sw-c.sel{transform:scale(1.18);border-color:#3b3363}
/* quiz */
.quiz-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:10px;min-height:0}
.q-prompt{display:flex;align-items:center;gap:12px;background:#fff;border-radius:24px;padding:10px 20px 10px 10px;box-shadow:0 4px 0 rgba(0,0,0,.07);max-width:100%}
.q-prompt p{margin:0;font-size:clamp(22px,4.5vmin,36px);font-weight:800}
.q-pic{font-size:clamp(70px,20vmin,170px);line-height:1;min-height:1em}
.q-pic:empty{display:none}
.q-answers{display:flex;gap:clamp(10px,3vmin,24px);flex-wrap:wrap;justify-content:center;width:100%}
.ans{flex:0 0 min(calc((100% - 50px) / 3),40vh,230px);aspect-ratio:1;border-radius:32px;background:#fff;font-size:clamp(54px,13vmin,110px);box-shadow:0 8px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .12s,background .2s}
.ans small{font-size:clamp(15px,2.6vmin,22px);font-weight:800;color:#5b4bc4}
.ans.text{aspect-ratio:auto;min-height:90px;font-size:clamp(24px,5vmin,40px);font-weight:800}
.ans.right{background:#b8f2c9;animation:pop .5s}
.ans.try{animation:shake .45s;background:#fff1c2}
@keyframes pop{50%{transform:scale(1.12)}}
@keyframes shake{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
@media (orientation:landscape) and (max-height:500px){.q-pic img{width:120px}.bar{min-height:56px}.back,.tool{width:52px;height:52px}}
/* parent */
.parent-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;max-width:700px;width:100%;margin:0 auto;padding-bottom:20px}
.card{background:#fff;border-radius:22px;padding:16px 20px;box-shadow:0 4px 0 rgba(0,0,0,.06)}
.card h3{margin:0 0 8px}.card p{margin:0 0 10px;font-size:17px;line-height:1.4}
.sw{display:flex;align-items:center;gap:12px;font-size:19px;min-height:48px}
.sw input{width:28px;height:28px;accent-color:#7a6cf0}
.ver{text-align:center;color:#999;font-size:14px}
/* gate */
.gate{position:fixed;inset:0;background:rgba(40,30,80,.55);display:flex;align-items:center;justify-content:center;z-index:50}
.gate-card p{font-size:18px}
.hold{position:relative;overflow:hidden;width:220px;height:72px;border-radius:36px;background:#e8e3ff;font-size:24px;font-weight:800;touch-action:none}
.hold .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#9d8cff}
.hold .lbl{position:relative}
.toast{position:fixed;left:50%;bottom:calc(var(--sab) + 24px);transform:translateX(-50%);background:#3b3363;color:#fff;padding:14px 22px;border-radius:20px;font-size:20px;font-weight:700;z-index:60;animation:fade .2s;max-width:90%;text-align:center}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:70;overflow:hidden}
.confetti i{position:absolute;top:-20px;width:12px;height:16px;border-radius:3px;animation:fall 1.4s ease-in forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(540deg)}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01s!important;animation-iteration-count:1!important}}

.with{margin:6px 0 0;text-align:center;font-size:clamp(17px,3vmin,24px);font-weight:800;color:#6a8fd8}
@media (orientation:landscape){.hero{flex-direction:row;gap:24px}.hero h1{text-align:left}.with{text-align:left}}
.home-top{position:absolute;top:calc(var(--sat) + 10px);right:calc(var(--sar) + 12px);display:flex;gap:10px;z-index:3}
.chip{min-width:56px;height:56px;border-radius:20px;background:rgba(255,255,255,.85);font-size:24px;padding:0 12px;box-shadow:0 3px 0 rgba(0,0,0,.08);font-weight:800}
.chip.off{opacity:.45}
.floating-r{position:absolute;top:calc(var(--sat) + 10px);right:calc(var(--sar) + 10px);z-index:5;font-size:18px;color:#3b3363}
.moon{position:absolute;top:8%;left:8%;width:60px;height:60px;border-radius:50%;box-shadow:14px -6px 0 0 #ffe9a8;opacity:0;transition:opacity .6s}
/* splash */
#splash{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#d9ecff,#fff0f7);transition:opacity .5s ease}
#splash img{width:min(40vmin,220px);border-radius:50%;border:6px solid #fff;box-shadow:0 10px 30px rgba(90,70,160,.25);animation:bob 2s ease-in-out infinite}
#splash p{margin:0;font-size:22px;font-weight:800;color:#6a8fd8}
#splash.gone{opacity:0;pointer-events:none}
.loader{display:flex;gap:8px;margin-top:10px}.loader i{width:14px;height:14px;border-radius:50%;background:#ff9ec0;animation:bob 1s infinite}.loader i:nth-child(2){animation-delay:.15s}.loader i:nth-child(3){animation-delay:.3s}
/* view transitions */
::view-transition-old(root){animation:vt-out .22s ease both}::view-transition-new(root){animation:vt-in .3s ease both}
@keyframes vt-out{to{opacity:0;transform:scale(.98)}}@keyframes vt-in{from{opacity:0;transform:scale(1.02)}}
.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(29,24,64,.6);z-index:10;animation:fade .3s}
.overlay.night{position:fixed;z-index:80;background:#0d0a24;color:#ffe9b8}
.gn{text-align:center}.gn-moon{font-size:90px;animation:bob 4s infinite}.gn h2{font-size:30px}
/* bedtime */
html.bedtime .screen:not(.dark){background:linear-gradient(180deg,#2b2452 0%,#3d2f5c 60%,#4a3557 100%);color:#f5e6d0}
html.bedtime .screen h2,html.bedtime h1{color:#ffd9a8;text-shadow:none}html.bedtime h1 span{color:#ffb38a}
html.bedtime .with{color:#c9b8ff}
html.bedtime .cloud{opacity:.12}html.bedtime .moon{opacity:1}
html.bedtime .big{background:#4a3f7a;color:#ffe9c9;box-shadow:0 8px 0 rgba(0,0,0,.25)}html.bedtime .chip{background:rgba(255,255,255,.15);color:#ffe9c9}html.bedtime .parent-btn{background:rgba(255,255,255,.12);color:#c9b8ff}html.bedtime .back,html.bedtime .tool{background:#5a4d8a;color:#fff}
html.bedtime .card,html.bedtime .q-prompt,html.bedtime .story-card,html.bedtime .page-card{background:#463b6e;color:#f5e6d0}
html.bedtime .page-card img{background:#fff;filter:brightness(.85)}
html.bedtime #bedBtn{background:#ffd9a8}
html.calm *{animation:none!important;transition:none!important}
html.calm .confetti{display:none}
/* paint */
.modes{display:flex;gap:8px;background:rgba(255,255,255,.55);padding:5px;border-radius:24px}
.tool.sel{background:#ffd166;transform:scale(1.06)}
.tool.done{background:#b8f2c9}
.stamps{display:flex;gap:10px;justify-content:center;padding-top:8px;flex:none}
.stamps button{width:56px;height:56px;border-radius:18px;background:#fff;box-shadow:0 3px 0 rgba(0,0,0,.08)}
.stamps button.sel{outline:4px solid #7a6cf0}
.stamps svg{width:36px;height:36px}
@media (max-width:560px){.paint-top{flex-wrap:wrap}.tools{gap:6px}.tool{width:50px;height:50px;font-size:24px}.modes .tool{width:50px;height:50px}}
/* quiz */
.round-grid{flex:1;overflow:auto;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));align-content:center;padding:10px 4px}
.round-card{background:#fff;border-radius:28px;padding:16px;display:flex;align-items:center;gap:16px;box-shadow:0 6px 0 rgba(0,0,0,.08);text-align:left}
.round-card img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid #ffe7a3}
.round-card b{display:block;font-size:26px}.round-card span{font-size:20px;color:#b08900}
.q-pic img{width:clamp(140px,34vmin,300px);aspect-ratio:1;border-radius:28px;object-fit:cover;border:6px solid #fff;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.ans{padding:8px 8px 10px;gap:4px}
.ans img{width:100%;flex:1;min-height:0;object-fit:cover;border-radius:22px}
.ans.text img{display:none}
/* sticker book */
.book-body{flex:1;overflow-y:auto;padding:4px 2px 20px}
.book-body h3{margin:14px 4px 8px;font-size:24px}
.sgrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}
.stk{aspect-ratio:1;border-radius:50%;overflow:hidden;border:5px solid #fff;box-shadow:0 4px 10px rgba(90,70,160,.2);background:#eee;position:relative}
.stk img{width:100%;height:100%;object-fit:cover}
.stk.locked img{filter:grayscale(1) brightness(1.6) blur(3px);opacity:.45}
.stk.locked::after{content:"?";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;color:#8d86b5}
.stk.art{border-radius:20px;background:#fff}
.stk.art img{object-fit:contain}
.newsticker{position:fixed;left:0;right:0;margin:0 auto;width:max-content;top:calc(var(--sat) + 90px);z-index:75;background:#fff;border-radius:30px;padding:16px 22px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 20px 40px rgba(0,0,0,.25);animation:pop .6s;pointer-events:none}
.newsticker{flex-direction:row!important;padding:10px 18px!important}.newsticker img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:5px solid #ffd166}
.newsticker span{font-size:24px;font-weight:800;color:#ff7aa8}
select{font:inherit;font-size:18px;padding:8px;border-radius:12px;margin-left:8px}
.page-card{position:relative}.badge{position:absolute;top:6px;right:8px;font-size:26px}
.pgn{font-size:18px;font-weight:800;color:#fff;background:rgba(0,0,0,.35);padding:6px 12px;border-radius:14px}
@media (min-width:900px) and (min-height:700px){.big{min-height:150px;font-size:34px;flex-direction:column;gap:4px;max-width:240px}.big .ic{font-size:1.5em}.sunny-hero{width:240px}h1{font-size:60px}.with{font-size:26px}.q-prompt p{font-size:36px}}
@media (orientation:portrait) and (max-width:700px){.q-answers{flex-direction:column;align-items:center;gap:12px}
.ans:not(.text){flex:0 0 auto;width:min(100%,420px);aspect-ratio:auto;height:min(19vh,150px);flex-direction:row;justify-content:flex-start;gap:16px;padding:8px}
.ans:not(.text) img{flex:0 0 auto;height:100%;width:auto;aspect-ratio:1}
.ans:not(.text) small{font-size:28px}
.ans.text{flex:0 0 auto;width:min(100%,420px);aspect-ratio:auto;min-height:72px}}

/* picture-book reader (text only, no sound) */
#player.book{padding:calc(var(--sat) + 8px) calc(var(--sar) + 12px) calc(var(--sab) + 10px) calc(var(--sal) + 12px);background:#fff8ee;color:#2a2340;gap:8px}
.pl-head{display:flex;align-items:center;gap:12px;flex:none;min-height:52px}
.pl-head .back{width:52px;height:52px;font-size:22px;background:#fff;color:#3b3363;box-shadow:0 3px 0 rgba(0,0,0,.08)}
.pl-title{font-weight:800;font-size:clamp(17px,2.6vmin,24px);line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5b4bc4}
.pl-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}
.pl-stage{position:relative;flex:none;width:100%;aspect-ratio:16/9;max-height:42%;border-radius:22px;overflow:hidden;background:#efe6d6;box-shadow:0 6px 18px rgba(60,40,20,.15)}
.pl-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s ease}
.pl-side{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}
.pl-text{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-user-select:text;user-select:text;
font-family:"Nunito","Baloo 2",ui-rounded,system-ui,sans-serif;font-weight:700;color:#2a2340;
font-size:clamp(23px,3.4vmin + 6px,36px);line-height:1.5;letter-spacing:.005em;text-align:left;
max-width:34em;width:100%;margin:0 auto;padding:6px 10px;display:flex;flex-direction:column;justify-content:safe center}
.pl-h{font-size:1.15em;font-weight:800;color:#e0457b;margin-bottom:.4em;line-height:1.2}
.pl-controls{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.nav{width:72px;height:64px;border-radius:32px;background:#ffd166;color:#3b3363;font-size:26px;box-shadow:0 4px 0 rgba(0,0,0,.15)}
.nav:disabled{opacity:.3;box-shadow:none}
.pgind{font-weight:800;font-size:18px;color:#6a5f8f}
#player .overlay{position:absolute;inset:0 0 76px 0;background:transparent;z-index:3;pointer-events:none}#player .overlay .end-card{pointer-events:auto}
#player.at-end .pl-text{visibility:hidden}
@media (orientation:landscape){
 .pl-main{flex-direction:row;align-items:stretch}
 .pl-stage{width:auto;height:auto;max-height:none;flex:0 1 55%;aspect-ratio:auto;align-self:stretch}
 .pl-stage img{object-fit:contain;background:#efe6d6}
 .pl-side{flex:1 1 45%;min-width:0}
 .pl-text{font-size:clamp(19px,2.2vw + 4px,34px)}
}
@media (orientation:landscape) and (max-height:500px){.pl-text{font-size:19.5px;line-height:1.42}.pl-head{min-height:40px}.pl-head .back{width:42px;height:42px;font-size:18px}.nav{height:48px;width:64px}.end-sunny{width:70px;height:70px}.end-card h2{font-size:28px;margin:2px 0 8px}.end-card{padding:12px 16px}}
html.big-text .pl-text{font-size:clamp(25px,4.4vmin + 6px,44px)}
html.bedtime #player.book{background:#231c3d;color:#f6e7cf}
html.bedtime .pl-text{color:#f6e7cf}html.bedtime .pl-h{color:#ffb38a}html.bedtime .pl-title{color:#d9c8ff}
html.bedtime .pl-stage{background:#2f2650}html.bedtime .pl-stage img{filter:brightness(.78) sepia(.2)}
html.bedtime .pgind{color:#cdbfe8}html.bedtime .nav{background:#b98a3e;color:#231c3d}
html.bedtime .pl-head .back{background:#3a3060;color:#f6e7cf}