@font-face{font-family:Storybook;src:url(/storybook.woff)format("woff");font-weight:700;font-display:swap}:root{--paper:#faf6e9;--paper-deep:#f3ecd8;--white:#fffdf6;--ink:#243829;--muted:#596653;--line:#d9dccb;--yellow:#f1c54b;--coral:#e9947e;--sage:#90b67d;--sky:#b0d2e0;--sky-deep:#8fb6c9;--accent:var(--coral);--display:Storybook, Georgia, "Times New Roman", serif;--body:"Avenir Next", "Segoe UI", "Trebuchet MS", Arial, sans-serif;--stamp:1.5px solid var(--ink);--shadow:2px 3px 0 var(--ink);--shadow-lg:3px 4px 0 var(--ink);--radius:18px;--radius-sm:12px;--tap:64px;--tap-lg:84px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none}[data-period=bedtime]{--paper:#eef0f3;--paper-deep:#e2e6ec;--white:#f7f8fb;--ink:#2b3b49;--muted:#55636f;--line:#c9d2db;--accent:var(--sky-deep)}*{box-sizing:border-box}html{height:100%}body{background:var(--paper);min-height:100%;color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0;font-size:17px;line-height:1.45}#root{flex-direction:column;min-height:100dvh;display:flex}#root>main{flex-direction:column;flex:1;display:flex}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0}button:disabled{opacity:.4;cursor:default}:focus-visible{outline-offset:4px;border-radius:6px;outline:3px solid #4265a8}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--display);letter-spacing:-.3px;margin:0;font-weight:700;line-height:1.1}h1{font-size:34px}h2{font-size:26px}h3,.h3{font-size:20px}.h2,.topbar h1{font-size:26px}p{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}.grain{pointer-events:none;opacity:.08;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.25' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}.screen{width:100%;max-width:720px;padding:calc(12px + var(--safe-t)) 18px calc(18px + var(--safe-b));flex-direction:column;flex:1;margin:0 auto;display:flex}.screen.child{max-width:820px;padding-bottom:calc(96px + var(--safe-b))}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.3px;color:var(--ink);align-items:center;gap:8px;font-size:17px;line-height:1;text-decoration:none;display:flex}.wordmark img{width:40px;height:40px}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.muted{color:var(--muted)}.small{font-size:14px}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.center{text-align:center}.mt{margin-top:18px}.mt-lg{margin-top:28px}.mb{margin-bottom:12px}.stamp{background:var(--white);border:var(--stamp);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{border:var(--stamp);background:var(--white);min-height:48px;box-shadow:var(--shadow);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:16px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active:not(:disabled){box-shadow:none;transform:translate(2px,3px)}.btn.primary{background:var(--accent)}.btn.yellow{background:var(--yellow)}.btn.sage{background:var(--sage)}.btn.ghost{border-color:var(--line);box-shadow:none;background:0 0;font-weight:700}.btn.wide{width:100%}.btn.big{border-radius:18px;min-height:60px;font-size:18px}.btn.danger{color:#8a2f1f;border-color:#8a2f1f;box-shadow:2px 3px #8a2f1f}.ico{flex:none;width:20px;height:20px}.icon-btn{border:1.5px solid var(--line);background:var(--white);border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.icon-btn svg{width:22px;height:22px}.card{background:var(--white);border:var(--stamp);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card.flat{box-shadow:none;border-color:var(--line)}.pill{background:var(--paper-deep);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-flex}.pill.yellow{background:var(--yellow)}.pill.sage{background:var(--sage)}.pill.coral{background:var(--coral)}.pill.sky{background:var(--sky)}.field{flex-direction:column;gap:6px;display:flex}.field>span{font-size:14px;font-weight:800}.input,select.input,textarea.input{border:1.5px solid var(--line);background:var(--white);border-radius:12px;width:100%;min-height:48px;padding:10px 14px}textarea.input{resize:vertical;min-height:96px}.input:focus{border-color:var(--ink);outline:none}.check{border:1.5px solid var(--line);background:var(--white);border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.check input{width:22px;height:22px;accent-color:var(--ink);flex:none;margin:2px 0 0}.choices{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.choice{border:1.5px solid var(--line);background:var(--white);border-radius:12px;min-height:48px;padding:8px 12px;font-weight:700}.choice[aria-pressed=true]{border-color:var(--ink);box-shadow:var(--shadow);background:var(--yellow)}.toggle{border:1.5px solid var(--ink);background:var(--white);border-radius:999px;flex:none;width:54px;height:32px;position:relative}.toggle span{background:var(--ink);border-radius:50%;width:24px;height:24px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle[aria-checked=true]{background:var(--sage)}.toggle[aria-checked=true] span{left:25px}.setting{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.setting:last-child{border-bottom:0}.setting b,.setting span.small{display:block}.list{flex-direction:column;display:flex}.list>*{border-bottom:1px solid var(--line);padding:12px 0}.list>:last-child{border-bottom:0}.thumb{object-fit:contain;flex:none;width:48px;height:48px}.thumb.photo{object-fit:cover;border-radius:10px}.hero{grid-template-columns:1fr auto;align-items:center;gap:12px;padding:8px 0 4px;display:grid}.hero h1{font-size:clamp(30px,8vw,44px)}.hero h1 span{display:inline-block;position:relative}.hero h1 span i{background:var(--yellow);z-index:-1;border-radius:4px;height:8px;position:absolute;bottom:-4px;left:0;right:0}.pip{width:clamp(96px,26vw,150px);height:auto}.pip.waving{animation:.9s ease-in-out wave}@keyframes wave{0%,to{transform:rotate(0)}30%{transform:rotate(-8deg)translateY(-6px)}60%{transform:rotate(6deg)}}.doors{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.door{background:var(--white);border:var(--stamp);min-height:150px;box-shadow:var(--shadow-lg);font-family:var(--display);border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 14px;font-size:20px;transition:transform 80ms,box-shadow 80ms;display:flex}.door img{object-fit:contain;width:84px;height:84px}.door:active{box-shadow:none;transform:translate(3px,4px)}.door.yellow{background:var(--yellow)}.door.sky{background:var(--sky)}.door.sage{background:var(--sage)}@media (width<=420px){.doors{grid-template-columns:1fr}.door{flex-direction:row;justify-content:flex-start;gap:16px;min-height:0;padding:12px 16px}.door img{width:64px;height:64px}}.tabs{scrollbar-width:none;gap:8px;padding:4px 2px 8px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border:var(--stamp);background:var(--white);min-height:48px;box-shadow:var(--shadow);border-radius:999px;flex:none;padding:8px 16px;font-size:16px;font-weight:800}.tab[aria-selected=true]{background:var(--yellow)}[data-period=bedtime] .tab[aria-selected=true]{background:var(--sky)}.grid{grid-template-columns:repeat(auto-fill, minmax(var(--cell,150px), 1fr));gap:12px;display:grid}.grid.big{--cell:180px}.sym{aspect-ratio:1;background:var(--white);border:var(--stamp);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 8px 8px;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative}.sym img{object-fit:contain;width:70%;height:70%}.sym img.photo{object-fit:cover;border-radius:12px;width:72%;height:64%}.sym .cap{text-align:center;font-size:15px;font-weight:800;line-height:1.1}.sym:active{box-shadow:none;transform:translate(2px,3px)}.sym.lit{background:var(--yellow);animation:.5s ease-out lit}@keyframes lit{0%{transform:scale(.96)}50%{transform:scale(1.04)}to{transform:scale(1)}}.sym.done{background:var(--sage)}.sym.done:after{content:"";background:var(--ink);-webkit-mask-composite:xor;border-radius:50%;width:30px;height:30px;position:absolute;top:8px;right:8px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-position:50%,0 0;mask-position:50%,0 0;-webkit-mask-size:20px,auto;mask-size:20px,auto;-webkit-mask-repeat:no-repeat,repeat;mask-repeat:no-repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.core-row{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px;display:grid}.core-row .sym{border-radius:14px;gap:2px;padding:6px 4px 4px}.core-row .sym .cap{font-size:12px}@media (width<=480px){.core-row{grid-template-columns:repeat(3,1fr)}.core-row .sym .cap{font-size:13px}}.trail{gap:6px;margin:8px 0 14px;display:flex}.trail i{background:var(--paper-deep);border:1px solid var(--line);border-radius:5px;flex:1;height:10px}.trail i.on{background:var(--sage);border-color:var(--ink)}.bottom-nav{padding:8px 12px calc(8px + var(--safe-b));background:var(--paper);border-top:1.5px solid var(--line);z-index:10;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-height:60px;padding:6px;font-size:13px;font-weight:800;display:flex}.bottom-nav button img{object-fit:contain;width:34px;height:34px}.bottom-nav button[aria-current=page]{background:var(--white);border:var(--stamp);box-shadow:var(--shadow)}.finished{border-radius:var(--radius);background:var(--yellow);border:var(--stamp);box-shadow:var(--shadow);align-items:center;gap:14px;margin:0 0 14px;padding:12px 16px;display:flex}.finished img{width:64px;height:64px}.path{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.path i{background:var(--paper-deep);border:1.5px solid var(--line);border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.path i.on:after{content:"";background:var(--ink);border-radius:50%;width:10px;height:10px}.treat{object-fit:contain;width:72px;height:72px}.stickers{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;display:grid}.sticker{aspect-ratio:1;background:var(--white);border:1.5px dashed var(--line);border-radius:50%;place-items:center;padding:8px;display:grid}.sticker img{object-fit:contain;width:80%;height:80%;transform:rotate(var(--r,0deg))}.sticker.new{animation:.5s ease-out pop}@keyframes pop{0%{transform:scale(.4)}70%{transform:scale(1.12)}to{transform:scale(1)}}dialog{border:var(--stamp);box-shadow:var(--shadow-lg);background:var(--white);color:var(--ink);border-radius:24px;width:min(92vw,440px);max-height:88dvh;padding:24px 22px;overflow:auto}dialog::backdrop{background:#30493659}dialog.sheet{width:min(100vw,560px);max-height:92dvh;box-shadow:none;border-bottom:0;border-radius:24px 24px 0 0;margin-bottom:0}@media (width>=600px){dialog.sheet{border-bottom:var(--stamp);box-shadow:var(--shadow-lg);border-radius:24px;margin-bottom:auto}}.dialog-close{position:absolute;top:12px;right:12px}.party{text-align:center}.party img{width:150px;height:150px;margin:8px auto}.party h2{font-size:30px}.toast{left:50%;bottom:calc(100px + var(--safe-b));background:var(--ink);color:var(--white);z-index:30;border-radius:999px;align-items:center;gap:12px;max-width:92vw;padding:10px 16px;font-weight:700;display:flex;position:fixed;transform:translate(-50%)}.toast button{color:var(--yellow);font-weight:800;text-decoration:underline}.confetti{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.confetto{top:-12px;left:var(--x);background:var(--c);width:10px;height:14px;animation:fall var(--duration) var(--delay) ease-in forwards;border-radius:2px;position:absolute}@keyframes fall{to{transform:translate(var(--drift), 110vh) rotate(var(--rotation));opacity:.9}}.gate-corner{top:calc(8px + var(--safe-t));z-index:11;opacity:.55;background:0 0;border-color:#0000;position:fixed;right:10px}.gate-corner svg{width:20px;height:20px}.gate-hold{border:var(--stamp);background:var(--white);border-radius:18px;width:100%;min-height:72px;font-size:18px;font-weight:800;position:relative;overflow:hidden}.gate-hold i{width:var(--p,0%);background:var(--sage);z-index:0;transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.gate-hold span{z-index:1;position:relative}.quote{font-family:var(--display);border-left:4px solid var(--yellow);background:var(--white);border-radius:0 14px 14px 0;padding:14px 16px;font-size:20px;line-height:1.3}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.doors.four{grid-template-columns:repeat(2,1fr)}.doors.four .door{overflow-wrap:anywhere;text-align:center;padding-left:4px;padding-right:4px;font-size:18px}.door.coral{background:var(--coral)}.door.wide{flex-direction:row;justify-content:center;gap:12px;width:100%;min-height:72px;margin-top:12px;padding:10px 16px;font-size:18px}.door.wide img{width:48px;height:48px}.bottom-nav{grid-template-columns:repeat(5,1fr);gap:4px;padding-left:6px;padding-right:6px}.bottom-nav button{padding:6px 2px;font-size:12px}.upnext{background:var(--white);border:var(--stamp);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);text-align:left;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.upnext img{object-fit:contain;flex:none;width:56px;height:56px}.upnext b{font-family:var(--display);font-size:22px;line-height:1.1;display:block}.upnext.now{background:var(--yellow);animation:2.4s ease-in-out infinite breathe}.upnext.quiet{background:var(--paper-deep);box-shadow:none;border-color:var(--line)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.sym .mins{background:var(--paper-deep);border:1px solid var(--line);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800;position:absolute;top:8px;left:8px}.tab.done{background:var(--sage)}.ring{background:conic-gradient(var(--sage) var(--p,0%), var(--paper-deep) 0);border:var(--stamp);border-radius:50%;place-items:center;width:170px;height:170px;margin:4px auto;transition:background .5s linear;display:grid}.ring img{object-fit:contain;background:var(--white);border-radius:50%;width:112px;height:112px;padding:10px}.timer-num{font-family:var(--display);font-size:44px;line-height:1}.echo{border:var(--stamp);background:var(--coral);width:100%;min-height:64px;box-shadow:var(--shadow);border-radius:18px;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-size:18px;font-weight:800;display:flex}.echo.rec{background:var(--yellow);animation:1s ease-in-out infinite breathe}.echo.play{background:var(--sage)}.echo svg{width:26px;height:26px}.nowplaying{background:var(--white);border:var(--stamp);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:12px;margin:8px 0 14px;padding:12px 14px;display:flex}.nowplaying img{flex:none;width:64px;height:64px}.nowplaying img.bounce{animation:.6s ease-in-out infinite bounce}.big-icon{flex:none;font-size:17px;font-weight:800}@keyframes bounce{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(3deg)}}.suggest{background:var(--paper-deep);border-style:dashed}.days{gap:6px;display:flex}.days button{border:1.5px solid var(--line);background:var(--white);border-radius:10px;flex:1;min-height:44px;font-size:13px;font-weight:800}.days button[aria-pressed=true]{background:var(--sage);border-color:var(--ink)}.tour p{font-size:15px}.sheet-a4{color:#222;border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px}.sheet-a4 h1{color:#222}.fridge{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;display:grid}.fridge figure{text-align:center;margin:0}.fridge img{aspect-ratio:1;object-fit:contain;width:100%}.fridge figcaption{margin-top:4px;font-size:14px;font-weight:800}.fridge .box{border:2px solid #222;border-radius:6px;width:26px;height:26px;margin:6px auto 0;display:block}.chart{border-collapse:collapse;width:100%}.chart th,.chart td{text-align:center;border:1.5px solid #333;padding:6px;font-size:13px}.chart .task{text-align:left;align-items:center;gap:8px;font-weight:800;display:flex}.chart .task img{flex:none;width:32px;height:32px}.chart td i{border:2px solid #333;border-radius:50%;width:22px;height:22px;display:inline-block}@media (width<=520px){.chart{table-layout:fixed}.chart th:first-child{width:27%}.chart th,.chart td{padding:4px 2px;font-size:12px}.chart .task{overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;gap:3px;font-size:12px;line-height:1.15}.chart .task img{width:28px;height:28px}.chart td i{width:18px;height:18px}}.poster{text-align:center;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.poster img{aspect-ratio:1;object-fit:contain;width:100%}.poster b{font-family:var(--display);font-size:18px}@media print{body{background:#fff}.no-print,.grain,.topbar,.bottom-nav,.gate-corner{display:none!important}.screen{max-width:none;padding:0}.sheet-a4{border:0;margin:0;padding:0}}.kids-strip{scrollbar-width:none;gap:8px;margin:0 -4px;padding:4px 2px 6px;display:flex;overflow-x:auto}.kids-strip::-webkit-scrollbar{display:none}.kids-strip button{opacity:.72;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-width:72px;padding:6px 6px 4px;font-size:13px;font-weight:800;display:flex}.kids-strip button.on{opacity:1;background:var(--white);border:var(--stamp);box-shadow:var(--shadow)}.face{object-fit:cover;border:2px solid var(--ink);width:48px;height:48px;color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.face.letter.more{background:var(--paper-deep);width:48px;height:48px;font-size:16px}.who-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.who-grid.big{grid-template-columns:repeat(2,1fr)}.who{aspect-ratio:1;background:var(--white);border:var(--stamp);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.who .face{width:72px;height:72px}.who .cap{font-size:17px;font-weight:800}.who.lit{background:var(--yellow)}.who:active{box-shadow:none;transform:translate(2px,3px)}.chips{scrollbar-width:none;gap:8px;padding:2px;display:flex;overflow-x:auto}.chip{border:1.5px solid var(--line);white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:4px 12px 4px 6px;font-size:14px;font-weight:800;display:inline-flex}.chip .face{border-width:1.5px;width:28px;height:28px}.chip.on{background:var(--white);border:var(--stamp);box-shadow:var(--shadow)}.board-wrap{margin:10px -18px 0;padding:0 18px 8px;overflow-x:auto}.board{border-collapse:separate;border-spacing:6px;min-width:100%}.board th{text-align:left;vertical-align:bottom;font-weight:800}.board thead th{text-align:center}.board-all{background:var(--white);border:var(--stamp);width:64px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:10px;font-weight:800;line-height:1.1;display:flex}.board-all img{object-fit:contain;width:34px;height:34px}.board-all:active{box-shadow:none;transform:translate(2px,3px)}.board-kid{white-space:nowrap;align-items:center;gap:8px;padding:2px 4px 2px 0;font-size:14px;font-weight:800;display:flex}.board td{text-align:center}.board .cell{border:2px solid var(--ink);background:var(--white);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.board .cell.on{background:var(--sage)}.board .cell .ico{width:22px;height:22px}.board tr.done .board-kid{color:#3e6b2f}.qr{border:var(--stamp);background:#fffbed;border-radius:16px;width:240px;height:240px;margin:4px auto 0;display:block}.code{letter-spacing:1px;-webkit-user-select:all;user-select:all;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:20px;font-weight:800}.input.code{letter-spacing:1px;text-transform:uppercase;font-family:ui-monospace,Menlo,Consolas,monospace}.news{background:var(--paper-deep);border-color:#4265a8}.news p{margin:0}.tab[aria-selected=true] .muted,.upnext.now .eyebrow,.upnext.now .muted,.pill .muted,.choice[aria-pressed=true] .muted{color:inherit}.choice.wide{text-align:left;justify-content:flex-start;gap:12px;width:100%;padding:12px 14px}.choice.wide img{flex:none;width:40px;height:40px}.values{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.values li{background:var(--paper-deep);border:1.5px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;display:flex}.values li img{flex:none;width:44px;height:44px}.values li b{font-family:var(--display);flex:1;font-size:18px;line-height:1.2}.values li .row{gap:4px}.art-pick{flex-wrap:wrap;gap:6px;display:flex}.art-pick button{border:1.5px solid var(--line);background:var(--white);border-radius:12px;width:52px;height:52px;padding:4px}.art-pick button[aria-pressed=true]{border:var(--stamp);box-shadow:var(--shadow);background:var(--yellow)}.art-pick img{object-fit:contain;width:100%;height:100%}.lesson-strip{background:var(--sage);border:var(--stamp);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);text-align:left;align-items:center;gap:12px;margin-top:12px;padding:10px 14px;display:flex}.lesson-strip img{object-fit:contain;flex:none;width:48px;height:48px}.lesson-strip .eyebrow{color:inherit}.lesson-strip b{font-family:var(--display);font-size:20px;line-height:1.1;display:block}.lesson-strip .path i{background:var(--white);width:18px;height:18px}.path i.on{background:var(--yellow);border-color:var(--ink)}.lesson-hero{text-align:center;grid-template-columns:1fr;justify-items:center;gap:8px;padding:10px 0;display:grid}.lesson-hero img{width:min(52vw,220px);height:auto}.lesson-hero .practice{font-family:var(--display);max-width:28ch;font-size:22px;line-height:1.25}.story p{font-size:18px;line-height:1.4}.code .line{border-bottom:1.5px dashed #bbb;align-items:center;gap:16px;padding:12px 0;display:flex}.code .line:last-child{border-bottom:0}.code .line img{flex:none;width:64px;height:64px}.code .line b{font-family:var(--display);color:#222;font-size:24px;line-height:1.2}.code .aside{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.code .aside ul{margin:6px 0 0;padding-left:18px}.letter .nums{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.letter .nums div{text-align:center;border:1.5px solid #bbb;border-radius:12px;padding:10px 6px}.letter .nums b{font-family:var(--display);color:#222;font-size:34px;line-height:1;display:block}.letter .nums span{text-transform:uppercase;letter-spacing:1.5px;color:#666;font-size:12px;font-weight:800}.letter blockquote{border-left:4px solid var(--yellow);font-family:var(--display);color:#222;background:#fafafa;margin:14px 0;padding:12px 16px;font-size:20px;line-height:1.3}.letter .photo-wide{object-fit:cover;border-radius:12px;width:100%;max-height:320px;margin-top:8px}.letter ul{margin:6px 0 0;padding-left:18px}.letter .week-value{align-items:center;gap:12px;margin-top:14px;display:flex}.letter .week-value img{width:48px;height:48px}@media (width<=520px){.code .aside{grid-template-columns:1fr}.code .line b{font-size:20px}}.phones{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.phones li{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-deep);align-items:center;gap:10px;padding:10px 12px;display:flex}.player{background:var(--white);border:var(--stamp);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:8px;margin:8px 0 14px;padding:14px;display:flex}.player.on{background:var(--yellow)}.player.on .eyebrow,.player.on .muted,.player.on .small{color:inherit}.player .row img{object-fit:contain;flex:none;width:72px;height:72px}.player img.bounce{animation:.6s ease-in-out infinite bounce}.seek{width:100%;accent-color:var(--ink);height:28px}.controls{justify-content:center;align-items:center;gap:10px;display:flex}.ctl{border:var(--stamp);background:var(--white);border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-size:20px;font-weight:800;display:grid}.ctl.main{background:var(--accent);width:72px;height:72px;box-shadow:var(--shadow);font-size:24px}.ctl.on{background:var(--sage)}.ctl:active{transform:translate(2px,3px)}.stop-link{color:var(--ink);background:0 0;border:0;align-self:center;font-weight:700;text-decoration:underline}.miniplayer{left:8px;right:8px;bottom:calc(86px + var(--safe-b));z-index:9;background:var(--yellow);border:var(--stamp);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;max-width:804px;margin:0 auto;padding:6px 8px 6px 10px;display:flex;position:fixed}.miniplayer>button.grow{text-align:left;background:0 0;border:0;align-items:center;gap:8px;min-width:0;display:flex}.miniplayer img{object-fit:contain;flex:none;width:36px;height:36px}.miniplayer b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.miniplayer .ctl{width:44px;height:44px;font-size:16px}body:has(.miniplayer) .screen.child{padding-bottom:calc(160px + var(--safe-b))}