:root{--table:#fdf3e1;--ink:#26262e;--card:#fffffff2;--shadow:0 6px 16px #3c280a2e;--round:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--top:max(10px, env(safe-area-inset-top));--bottom:max(10px, env(safe-area-inset-bottom));--left:max(10px, env(safe-area-inset-left));--right:max(10px, env(safe-area-inset-right));--big:64px;--btn:56px;--swatch:44px;--gap:8px;--tool-color:#e8312b;font-family:var(--round);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}*{box-sizing:border-box}html,body{background:var(--table);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button svg{width:62%;height:62%;display:block}#app{position:fixed;inset:0}[hidden]{display:none!important}.coloring{gap:var(--gap);padding:var(--top) var(--right) var(--bottom) var(--left);grid-template:"top""page"minmax(0,1fr)"side""palette"/minmax(0,1fr);display:grid;position:absolute;inset:0}.top{justify-content:space-between;align-items:center;gap:var(--gap);grid-area:top;display:flex}.page{grid-area:page;min-width:0;min-height:0;position:relative}.page canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.side{justify-content:space-between;align-items:center;gap:var(--gap);grid-area:side;display:flex}.tools,.history{gap:var(--gap);display:flex}.palette{grid-area:palette;grid-template-columns:repeat(7, var(--swatch));gap:var(--gap);justify-content:center;display:grid}.top button,.side button{width:var(--btn);height:var(--btn);background:var(--card);box-shadow:var(--shadow);border-radius:18px;place-items:center;transition:transform .1s;display:grid}.top button:active,.side button:active{transform:scale(.93)}.side button:disabled,.top button:disabled{opacity:.35;cursor:default}.back{--p:0;position:relative;border-radius:50%!important}.back .ring{pointer-events:none;background:conic-gradient(#2aa84a calc(var(--p) * 360deg), transparent 0);border-radius:50%;position:absolute;inset:-6px;-webkit-mask:radial-gradient(circle,#0000 62%,#000 63%);mask:radial-gradient(circle,#0000 62%,#000 63%)}.back.holding{transform:scale(.95)}.modes{background:#fff9;border-radius:22px;gap:4px;padding:4px;display:flex;box-shadow:inset 0 0 0 2px #0000000f}.modes button{box-shadow:none;width:calc(var(--btn) - 4px);height:calc(var(--btn) - 4px);background:0 0}.modes button[aria-checked=true]{background:#fff;box-shadow:0 2px 8px #0000002e,inset 0 0 0 3px #4cc4f4}.done{background:#2aa84a!important;border-radius:50%!important}.done svg{width:70%;height:70%}.tool{color:var(--tool-color)}.tool svg{width:78%;height:78%}.tool.on{transform:translateY(-3px);box-shadow:0 0 0 4px #ffc21f, var(--shadow)!important;background:#fff6c9!important}.coloring[data-mode=tap] .tools{visibility:hidden}.coloring:not([data-mode=free]) .tool.marker{display:none}.sizes{background:#fff9;border-radius:22px;gap:4px;padding:4px;display:flex;box-shadow:inset 0 0 0 2px #0000000f}.coloring:not([data-mode=free]) .sizes{visibility:hidden}.sizes .size{box-shadow:none;background:0 0;border-radius:16px;flex:1;place-items:center;transition:transform .1s;display:grid}.sizes .size:active{transform:scale(.93)}.sizes .size.on{background:#fff;box-shadow:0 2px 8px #0000002e,inset 0 0 0 3px #ffc21f}.size i{background:var(--tool-color);border-radius:50%;width:.2em;height:.2em;box-shadow:0 0 0 1.5px #26262e59}.size[data-size=medium] i{width:.36em;height:.36em}.size[data-size=big] i{width:.58em;height:.58em}.coloring[data-tool=eraser] .size i{box-shadow:0 0 0 2px var(--ink);background:#fff}.palette .sizes{font-size:var(--swatch);grid-column:span 3}.side .sizes{font-size:var(--btn);display:none}.side .sizes .size{width:calc(var(--btn) - 4px);height:calc(var(--btn) - 4px);flex:none}@media (min-width:700px) and (orientation:portrait),(orientation:landscape) and (min-height:600px){.side .sizes{display:flex}.palette .sizes{display:none}}.undo,.redo{color:#fff;width:var(--big)!important;height:var(--big)!important;border-radius:22px!important}.undo{background:#ff8a3d!important}.redo{background:#3d8bff!important}.swatch{width:var(--swatch);height:var(--swatch);background:var(--c);border-radius:50%;transition:transform .1s;box-shadow:inset 0 -4px #00000029,0 0 0 2px #00000014}.swatch.rainbow{background:conic-gradient(#e8312b,#ff8a1e,#ffd21f,#2aa84a,#4cc4f4,#2463d0,#8a50d6,#e8312b)}.swatch.on{box-shadow:0 0 0 3px #fff, 0 0 0 7px var(--ink);transform:scale(1.12)}.swatch:active{transform:scale(.92)}.styles{justify-content:center;gap:var(--gap);grid-column:1/-1;margin-bottom:6px;display:flex}.style{width:var(--swatch);height:calc(var(--swatch) * .78);background:var(--tool-color);border-radius:12px;transition:transform .1s;position:relative;overflow:hidden;box-shadow:inset 0 -3px #00000029,0 0 0 2px #00000014}.style.on{box-shadow:0 0 0 3px #fff, 0 0 0 7px var(--ink);transform:scale(1.1)}.style.glitter{background:radial-gradient(circle at 28% 30%, #fff 0 1.8px, transparent 2.6px), radial-gradient(circle at 72% 58%, #fff 0 2.2px, transparent 3px), radial-gradient(circle at 44% 78%, #fff 0 1.4px, transparent 2.2px), radial-gradient(circle at 80% 22%, #fff 0 1.2px, transparent 2px), var(--tool-color)}.style.stripes{background:repeating-linear-gradient(45deg, var(--tool-color) 0 5px, var(--tool-tint) 5px 10px)}.style.dots{background:radial-gradient(circle, var(--tool-tint) 0 2.6px, transparent 3.2px) 0 0 / 11px 11px, var(--tool-color)}.style.stars:after,.style.hearts:after{color:var(--tool-tint);font-size:calc(var(--swatch) * .36);letter-spacing:-1px;place-items:center;display:grid;position:absolute;inset:0}.style.stars:after{content:"★★"}.style.hearts:after{content:"♥♥"}@media (min-width:700px) and (orientation:portrait){:root{--big:76px;--btn:66px;--swatch:52px;--gap:12px}.palette{grid-template-columns:repeat(13, var(--swatch))}}@media (orientation:portrait) and (max-width:374px){:root{--big:60px;--btn:52px;--swatch:37px;--gap:6px}.palette .sizes{padding:2px}}.coloring.lefty .side{flex-direction:row-reverse}@media (orientation:landscape){.coloring{grid-template:"top top top""side page palette"minmax(0,1fr)/auto minmax(0,1fr) auto}.side{flex-direction:column;justify-content:space-between}.tools,.history,.side .sizes{flex-direction:column}.palette{grid-template-columns:repeat(4, var(--swatch));align-content:center}.styles{grid-template-columns:repeat(3, var(--swatch));justify-content:center;margin-bottom:4px;display:grid}.coloring.lefty{grid-template-areas:"top top top""palette page side"}.coloring.lefty .side{flex-direction:column}}@media (orientation:landscape) and (min-height:600px){:root{--big:76px;--btn:66px;--swatch:50px;--gap:12px}}@media (orientation:landscape) and (max-height:500px){:root{--big:52px;--btn:46px;--swatch:34px;--gap:6px}.coloring{grid-template:"top side page palette"minmax(0,1fr)/auto auto minmax(0,1fr) auto}.top,.modes{flex-direction:column}.palette{grid-template-columns:repeat(5, var(--swatch));grid-auto-rows:minmax(min-content, var(--swatch))}.palette .sizes{grid-column:2/span 3;padding:2px}.styles{grid-template-columns:repeat(3, var(--swatch))}.coloring.lefty{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"palette page side top"}}.home{padding:var(--top) var(--right) 0 var(--left);flex-direction:column;gap:12px;display:flex;position:absolute;inset:0}.bar{flex:none;justify-content:center;display:flex;position:relative}.rooms{justify-content:center;gap:16px;display:flex}.to-grownups{opacity:.75;border-radius:16px;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:10px;right:0}.to-grownups svg{width:40px;height:40px}.room{background:#fff9;border-radius:22px;place-items:center;width:92px;height:72px;display:grid;box-shadow:inset 0 0 0 2px #0000000f}.room svg{width:56px;height:56px}.room.on{background:#fff;box-shadow:0 4px 12px #00000029,inset 0 0 0 4px #ffc21f}.shelf,.fridge{-webkit-overflow-scrolling:touch;min-height:0;padding:6px 4px calc(var(--bottom) + 16px);flex:auto;overflow-y:auto}.fridge{grid-template-columns:repeat(2,1fr);grid-auto-rows:max-content;align-content:start;display:grid}.shelf{flex-direction:column;gap:26px;display:flex}.pack{flex-direction:column;gap:10px;display:flex}.pack .emblem{width:60px;height:60px;box-shadow:var(--shadow);background:#fff;border-radius:50%;place-items:center;font-size:34px;line-height:1;display:grid}.pack .emblem svg{width:70%;height:70%}.pack .cards{grid-template-columns:repeat(2,1fr);grid-auto-rows:max-content;gap:14px;display:grid}.card.blank{box-shadow:var(--shadow), inset 0 0 0 3px #e9dfcc}.pack.full-book{background:#efe8fb;border-radius:26px;padding:14px}.card.cover{position:relative}.card.cover img{opacity:.6}.card.cover .badge{width:44px;height:44px;box-shadow:var(--shadow);background:#fff;border-radius:50%;place-items:center;font-size:26px;display:grid;position:absolute;bottom:8px;right:8px}.home[data-room=shelf] .fridge,.home[data-room=fridge] .shelf{display:none}.card{box-shadow:var(--shadow);background:#fff;border-radius:22px;transition:transform .12s}.card:active{transform:scale(.96)}.card img,.pinup img{aspect-ratio:1;object-fit:contain;pointer-events:none;border-radius:inherit;width:100%;height:auto;display:block}.fridge{padding:26px 18px calc(var(--bottom) + 16px);background:linear-gradient(90deg,#eef6ff,#dfeefc);border-radius:28px 28px 0 0;gap:26px 18px;margin:0 6px;box-shadow:inset 0 0 0 3px #28508c1f}.pinup{transform:rotate(var(--tilt));position:relative}.pinup .open{background:#fff;border-radius:6px;width:100%;padding:6px;display:block;box-shadow:0 8px 14px #14285033}.pinup:before{content:"";z-index:1;background:radial-gradient(circle at 35% 35%, #fff9, transparent 45%), var(--magnet);border-radius:50%;width:30px;height:30px;position:absolute;top:-12px;left:calc(50% - 15px);box-shadow:0 3px 5px #0000004d}.pinup:not(.done):before{width:56px;height:22px;box-shadow:none;background:#ffeeaad9;border-radius:3px;left:calc(50% - 28px)}.pinup .again{width:58px;height:58px;box-shadow:var(--shadow);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-10px;right:-10px}.pinup.just{animation:.8s cubic-bezier(.2,1.4,.4,1) pin}@keyframes pin{0%{opacity:0;transform:translateY(-60px)scale(1.3)rotate(0)}}@media (min-width:700px){.pack{flex-direction:row;align-items:flex-start;gap:16px}.pack .emblem{flex:none;width:72px;height:72px;font-size:42px}.pack .cards{flex:1;grid-template-columns:repeat(4,1fr);gap:18px}.fridge{grid-template-columns:repeat(3,1fr);gap:34px 26px}}@media (min-width:1000px){.fridge{grid-template-columns:repeat(4,1fr)}}@media (max-width:374px){.rooms{gap:12px}.to-grownups{width:44px;height:44px;top:14px}.to-grownups svg{width:36px;height:36px}}.confetti{pointer-events:none;z-index:30;position:fixed;inset:0;overflow:hidden}.confetti i{top:-24px;left:var(--x);width:12px;height:18px;animation:fall 1.7s cubic-bezier(.3, .1, .6, 1) var(--delay) forwards;border-radius:3px;position:absolute}@keyframes fall{to{transform:translate(var(--drift), 110vh) rotate(var(--spin))}}.lost{z-index:40;background:var(--card);width:120px;height:120px;box-shadow:var(--shadow);border-radius:50%;margin:auto;font-size:64px;position:fixed;inset:0}.sheet-wrap{z-index:50;padding:var(--top) var(--right) var(--bottom) var(--left);background:#281e0a73;grid-template-rows:minmax(0,1fr);place-items:center;display:grid;position:fixed;inset:0}.sheet{-webkit-overflow-scrolling:touch;background:#fffdf7;border-radius:26px;width:min(600px,100%);max-height:100%;padding:22px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.4;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.sheet.grownups{-webkit-user-select:text;user-select:text}.sheet h2{margin:0;font-size:24px}.sheet h3{margin:22px 0 8px;font-size:19px}.sheet p{margin:8px 0}.btn{min-height:50px;color:var(--ink);background:#fff;border-radius:16px;place-items:center;padding:0 18px;font-size:17px;font-weight:700;text-decoration:none;display:inline-grid;box-shadow:inset 0 0 0 2px #0000001f}.btn.primary{color:#fff;box-shadow:none;background:#2aa84a}.btn.ghost{background:0 0}.btn.block{width:100%;margin-top:10px;display:grid}.btn.big{min-height:62px;font-size:19px}.btn.small{border-radius:12px;min-height:38px;padding:0 10px;font-size:14px}.btn.danger{color:#c0262b}.btn:disabled{opacity:.5}.shake{animation:.4s shake}@keyframes shake{20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.peek{text-align:center}.peek-emblem{font-size:64px;line-height:1.1}.peek-pages{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;display:grid}.peek-pages img{aspect-ratio:1;background:#fff;border-radius:10px;width:100%;display:block;box-shadow:0 2px 6px #00000026}.peek-note{font-weight:700}.gate{text-align:center;width:min(420px,100%)}.gate-q{font-size:30px;font-weight:800}.gate-a{letter-spacing:4px;border-bottom:3px solid #ddd;width:160px;min-height:46px;margin:0 auto;font-size:34px}.keypad{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 4px;display:grid}.key{min-height:58px;font-size:24px}.gu-head{z-index:1;background:#fffdf7;justify-content:space-between;align-items:center;margin:-22px -22px 0;padding:22px 22px 8px;display:flex;position:sticky;top:-22px}.gu-close{background:#f1ece2;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.gu-tabs{background:#f1ece2;border-radius:14px;gap:4px;margin:6px 0 4px;padding:4px;display:flex}.gu-tabs button{border-radius:10px;flex:1;min-height:42px;font-size:15px;font-weight:700}.gu-tabs button.on{background:#fff;box-shadow:0 1px 4px #0000001f}.gu-emblems{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;font-size:34px;display:flex}.gu-points{padding-left:20px}.gu-points li{margin:8px 0}.gu-status{background:#fff4c7;border-radius:12px;padding:10px 12px}.gu-row{border-bottom:1px solid #efe7d8;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.gu-row>span{flex-direction:column;display:flex}.gu-row small,.gu-note,.gu-soon,.gu-version{color:#6b6455;font-size:14px}.gu-row.col{flex-direction:column;align-items:stretch}.switch{background:#d9d2c4;border-radius:17px;flex:none;width:58px;height:34px;transition:background .15s;position:relative}.switch i{background:#fff;border-radius:50%;width:28px;height:28px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch.on{background:#2aa84a}.switch.on i{left:27px}.segs{gap:6px;display:flex}.seg{background:#fff;border-radius:12px;flex:1;min-height:44px;font-weight:700;box-shadow:inset 0 0 0 2px #0000001f}.seg.on{color:#fff;box-shadow:none;background:#2463d0}.gu-tip{background:#eef6ff;border-radius:12px;margin-top:18px;padding:10px 12px;font-size:15px}.gu-pics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.gu-pic{margin:0}.gu-pic img{aspect-ratio:1;background:#fff;border-radius:10px;width:100%;display:block;box-shadow:0 2px 6px #00000026}.gu-pic figcaption{flex-direction:column;gap:6px;margin-top:6px;display:flex}.gu-pages{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.gu-page img{aspect-ratio:1;background:#fff;border-radius:8px;width:100%;display:block;box-shadow:0 1px 4px #00000026}@media (max-width:500px){.gu-pics{grid-template-columns:repeat(2,1fr)}.gu-pages{grid-template-columns:repeat(4,1fr)}}@media (max-width:374px){.sheet{padding:16px}.gu-head{margin:-16px -16px 0;padding:16px 16px 8px;top:-16px}.gu-tabs button{flex:auto;font-size:13px}.btn.big{font-size:17px}}@media (orientation:landscape) and (max-height:500px){.peek{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;column-gap:18px;width:min(760px,100%);display:grid}.peek>*{grid-column:2}.peek .peek-pages{grid-area:1/1/span 4;margin:0}.gate{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:22px;width:min(600px,100%);display:grid}.gate>*{grid-column:1}.gate .keypad{grid-area:1/2/span 5;margin:0}.key{min-height:46px}}