@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-devanagari-wght-normal-B4j4n2PV.woff2)format("woff2-variations");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-vietnamese-wght-normal-C4ZonJY6.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-latin-ext-wght-normal-Dz43yst_.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-latin-wght-normal-B_TVFhwJ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Gochi Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/gochi-hand-latin-400-normal-D3Iu69dp.woff2)format("woff2"),url(/assets/gochi-hand-latin-400-normal-DC0_N7qt.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-ext-wght-normal-CGKlZYBf.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-wght-normal-DLqwHbi6.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-ext-wght-normal-e3e57Shi.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-wght-normal-CO1l-giJ.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-vietnamese-wght-normal-LcSrhZ7T.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-ext-wght-normal-BnEbWgdZ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-wght-normal-DLxlUchJ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff7e6;--dots:#ecdfc4;--ink:#2b2340;--on-bright:#2b2340;--muted:#5b5270;--line:#e6d8ba;--dash:#eadfc6;--card:#fff;--sheet:#fffdf6;--rule:#d8e6f2;--lift:#e0d2b4;--coral:#ff6b4a;--coral-edge:#c9452a;--sun:#ffd166;--mint:#bdebd3;--blush:#ffe0d6;--err:#a42a12;--tab-2:#ffb4a2;--tab-4:#cfe6ff;--tab-5:#e3d4f7;--shade:#2b23402e;--alt:#ffeec4;--alt-edge:#e8cf8e;--grid:#d8d2e4;--doodle:#cbc2d9;--fold:#d4c8b4;--leaf:#fff5de;--sticky:#ffe9a8}:root[data-shift=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#15122b;--dots:#2b2650;--ink:#f6efff;--muted:#bdb2d6;--line:#3f3768;--dash:#3a3260;--card:#272149;--sheet:#1f1a3c;--rule:#2c2650;--lift:#120f26;--coral:#ff8a6b;--coral-edge:#b8492e;--sun:#ffd166;--mint:#7fcfa9;--blush:#4b2b3c;--err:#ffb3a1;--tab-2:#ff9f8a;--tab-4:#a9cdf5;--tab-5:#c9b3ee;--shade:#00000073;--alt:#3d3475;--alt-edge:#231d4c;--grid:#3a3366;--doodle:#4e4585;--fold:#574e92;--leaf:#262050;--sticky:#ffe9a8}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--paper);background-image:radial-gradient(var(--dots) 1px, transparent 1px);color:var(--ink);background-size:18px 18px;font:500 16px/1.45 Nunito Variable,system-ui,sans-serif}#root{min-height:100%;display:flow-root}a{color:var(--ink)}.screen{flex-direction:column;gap:14px;width:min(460px,100%);min-height:100dvh;margin:0 auto;padding:28px 22px 26px;display:flex}.screen.tabbed{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}h1,h2{margin:0;font-family:"Baloo 2 Variable",system-ui,sans-serif;font-weight:800;line-height:1.1}h1{font-size:34px}h2{font-size:22px}p{margin:0}.sub{color:var(--muted)}.small{color:var(--muted);font-size:14px}.mid{text-align:center}.grow{flex:1}.hand{white-space:pre-line;font-family:Gochi Hand,Comic Sans MS,cursive;font-size:21px;line-height:30px}.btn{text-align:center;background:var(--coral);color:#2b1208;min-height:54px;box-shadow:0 4px 0 var(--coral-edge);cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;width:100%;padding:0 18px;font:700 19px "Baloo 2 Variable",sans-serif;text-decoration:none;display:flex}.btn:hover{box-shadow:0 2px 0 var(--coral-edge);transform:translateY(2px)}.btn:disabled{opacity:.6;cursor:default}.btn.alt{background:var(--alt);box-shadow:0 4px 0 var(--alt-edge);color:var(--ink)}.btn.alt:hover{box-shadow:0 2px 0 var(--alt-edge)}.btn.small{flex:1;width:auto;min-height:46px;font-size:16px}.row{align-items:center;gap:10px;display:flex}.wrap{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--card);border:2px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;padding:0 14px;font:700 15px Nunito Variable,sans-serif;display:inline-flex}.chip[aria-pressed=true]{background:var(--sun);border-color:var(--on-bright);color:var(--on-bright)}.field{flex-direction:column;gap:5px;font-size:15px;font-weight:800;display:flex}.field input,.field textarea{border:2px solid var(--line);background:var(--card);min-height:48px;color:var(--ink);border-radius:12px;width:100%;padding:10px 12px;font:600 16px Nunito Variable,sans-serif}.card{background:var(--card);box-shadow:0 2px 0 var(--line);border-radius:18px;padding:14px}.page{background:var(--sheet);background-image:repeating-linear-gradient(var(--sheet) 0 29px, var(--rule) 29px 30px);border-radius:6px;padding:20px 18px;position:relative;box-shadow:0 3px 10px #2b234024}.tape{background:var(--mint);opacity:.9;width:92px;height:24px;margin-left:-46px;position:absolute;top:-10px;left:50%;transform:rotate(-3deg)}.pol{box-shadow:0 3px 10px var(--shade);text-align:center;width:100%;cursor:inherit;background:#fff;border:0;padding:9px 9px 8px;display:block}.pol img,.pol svg{aspect-ratio:240/190;object-fit:cover;width:100%;display:block}.pol img.fit{object-fit:contain;background:#fff}.pol span{color:var(--on-bright);padding-top:5px;font-family:Gochi Hand,cursive;font-size:18px;display:block}.tabs{--edge:env(safe-area-inset-bottom,0px);height:calc(74px + var(--edge));z-index:5;pointer-events:none;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:4px;padding:0 max(8px,50% - 222px);display:grid;position:fixed;bottom:0;left:0;right:0}.tabs:before{content:"";height:calc(10px + var(--edge));background:var(--sheet);position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px 4px #2b234033}.tabs a{--tab:var(--sun);pointer-events:auto;height:calc(60px + var(--edge));padding:0 3px calc(9px + var(--edge));background:var(--tab);color:var(--on-bright);border-radius:12px 12px 0 0;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:12px;font-weight:800;text-decoration:none;transition:height .15s;display:flex;position:relative;box-shadow:0 -2px 4px #2b234024}.tabs a:nth-child(2){--tab:var(--tab-2)}.tabs a:nth-child(3){--tab:var(--mint)}.tabs a:nth-child(4){--tab:var(--tab-4)}.tabs a:nth-child(5){--tab:var(--tab-5)}.tabs a.active{height:calc(74px + var(--edge));box-shadow:0 -3px 6px #2b234038}.tabs a span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tabs svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:23px;height:23px}.fine{border-top:2px dashed var(--dash);text-align:center;flex-direction:column;gap:10px;margin-top:6px;padding-top:12px;display:flex}.line{border-top:2px dashed var(--dash);width:100%;min-height:48px;color:var(--ink);text-align:left;background:0 0;border-bottom:0;border-left:0;border-right:0;justify-content:space-between;align-items:center;gap:10px;padding:0;font-family:inherit;font-size:16px;font-weight:700;text-decoration:none;display:flex}.line:first-child{border-top:0}button.line{cursor:pointer}.err{color:var(--err);font-weight:700}.entry-mini{color:inherit;align-items:center;gap:14px;padding:14px;text-decoration:none;display:flex;position:relative}.entry-mini .thumb{flex:none;width:74px}.hide{opacity:0;width:1px;height:1px;position:absolute}.prose h2{margin-top:10px}.prose ul{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.cards{width:100%;height:auto;box-shadow:0 3px 10px var(--shade);border-radius:10px;display:block}.wig{transform-origin:50% 90%;animation:1.1s ease-in-out infinite wig}.bob{animation:2.6s ease-in-out infinite bob}@keyframes wig{50%{transform:rotate(5deg)}}@keyframes bob{50%{transform:translateY(-7px)}}@keyframes zoom{0%,to{transform:translate(0)}25%{transform:translate(-14px)rotate(-3deg)}75%{transform:translate(14px)rotate(3deg)}}@keyframes sulk{50%{transform:translateY(5px)rotate(-5deg)scale(.97)}}@keyframes tilt{50%{transform:rotate(9deg)}}.move-bounce{animation:1s ease-in-out infinite bob}.move-wiggle{transform-origin:50% 90%;animation:.7s ease-in-out infinite wig}.move-zoomies{animation:.55s ease-in-out infinite zoom}.move-sulk{transform-origin:50% 100%;animation:2.4s ease-in-out infinite sulk}.move-tilt{transform-origin:50% 90%;animation:1.8s ease-in-out infinite tilt}@media (prefers-reduced-motion:reduce){.tabs a{transition:none}.wig,.bob,.move-bounce,.move-wiggle,.move-zoomies,.move-sulk,.move-tilt{animation:none}}.art{width:100%;height:auto;box-shadow:0 3px 10px var(--shade);background:#fff;border-radius:16px;display:block}.panel{border:4px solid var(--ink);background:#fff;border-radius:8px;overflow:hidden}.panel img{width:100%;height:auto;display:block}.pick{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pick button{border:3px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:14px;flex-direction:column;gap:5px;padding:6px;font:800 14px Nunito Variable,sans-serif;display:flex}.pick button[aria-pressed=true]{background:var(--sun);border-color:var(--on-bright);color:var(--on-bright)}.pick img{aspect-ratio:1;object-fit:cover;border-radius:9px;width:100%;display:block}.templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.templates button:last-child:nth-child(odd){grid-column:1/-1}.templates button{text-align:left;cursor:pointer;min-height:76px;color:var(--ink);border:0;font:800 16px/1.25 Nunito Variable,sans-serif}.idea{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--ink);border:0;display:block}.idea b{font-family:"Baloo 2 Variable",sans-serif;font-size:19px}.dots{justify-content:center;gap:8px;display:flex}.dots span{background:var(--line);border-radius:50%;width:12px;height:12px}.dots span[data-on=true]{background:var(--ink)}.story-mini{color:inherit;align-items:center;gap:12px;padding:10px;text-decoration:none;display:flex}.story-mini img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;flex:none;width:92px}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.ticks{flex-direction:column;gap:3px;margin:6px 0 0;padding-left:20px;font-size:15px;display:flex}.chip:disabled{opacity:.55;cursor:default}.chat{flex-direction:column;gap:10px;display:flex}.bubble{background:var(--card);max-width:92%;box-shadow:0 2px 0 var(--line);border-radius:16px 16px 16px 4px;align-self:flex-start;padding:12px 13px;font-size:15px}.bubble.me{background:var(--ink);max-width:82%;color:var(--paper);box-shadow:none;border-radius:16px 16px 4px;align-self:flex-end;font-weight:700}.landing{color:var(--ink)}.landing img{width:100%;height:auto;display:block}.landing figure{margin:0}.landing .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:36px;max-width:1320px;margin:0 auto;padding:48px 6vw 0;display:grid}.landing .hero img{box-shadow:0 4px 16px var(--shade);border-radius:22px}.landing .hero>div{flex-direction:column;gap:12px;display:flex}.landing .hero .btn{align-self:flex-start;width:auto;padding:0 24px}.landing .brand{font:800 20px "Baloo 2 Variable",sans-serif}.landing .hero h1{font-size:clamp(40px,5vw,60px)}.landing .hero .hand{text-wrap:balance}.landing section{max-width:1320px;margin:0 auto;padding:60px 6vw 0}.landing section>h2,.landing-why h2{margin-bottom:10px;font-size:clamp(30px,4vw,44px)}.landing figcaption{padding:8px 4px 2px;font-weight:800}.landing .pol{padding:10px 10px 8px}.landing .pol img{aspect-ratio:auto}.landing-entry{max-width:560px;margin-top:24px}.landing-three{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:24px;margin-top:24px;display:grid}.landing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.landing-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.landing-strip figcaption{font-size:19px;font-weight:400;line-height:23px}.landing-why{background:var(--card);box-shadow:0 2px 0 var(--line);border-radius:22px;grid-template-columns:280px minmax(0,1fr);align-items:center;gap:34px;padding:28px;display:grid}.landing-why img{border-radius:14px}.landing-why .hand{margin-top:12px}.landing footer{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:56px 20px 48px;display:flex}.landing footer .btn{width:auto;padding:0 24px}.landing .cover figcaption{text-align:center;padding:8px 4px 0;font-size:19px;font-weight:400;line-height:24px}@media (width<=760px){.landing .hero{grid-template-columns:1fr;gap:18px;padding:20px 18px 0}.landing .cover{order:-1}.landing .hero .btn{align-self:stretch}.landing section{padding:44px 18px 0}.landing-three,.landing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.landing-three>:first-child,.landing-grid>:last-child:nth-child(odd){grid-column:1/-1}.landing-strip{grid-template-columns:1fr}.landing-why{grid-template-columns:1fr;gap:16px;padding:20px}.landing-why img{max-width:220px;margin:0 auto}}.tag{--pull:0px;z-index:30;width:44px;height:calc(62px + var(--pull));cursor:grab;touch-action:none;background:0 0;border:0;padding:0;position:fixed;top:0;right:10px}.tag.held{cursor:grabbing}.tag .ribbon{width:8px;height:calc(20px + var(--pull));background:var(--coral);box-shadow:0 1px 2px var(--shade);transition:height .3s cubic-bezier(.3,1.6,.5,1);position:absolute;top:0;left:18px}.tag .swing{left:3px;top:calc(16px + var(--pull));transform-origin:50% -16px;width:38px;height:44px;transition:top .3s cubic-bezier(.3,1.6,.5,1);animation:.7s ease-out jingle;position:absolute}.tag:hover .swing{animation:.7s ease-out jingle}.tag.held .ribbon,.tag.held .swing{transition:none}.tag .ring{border:2px solid #c8ccd6;border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:14px}.tag .disc{width:38px;height:38px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,1.4,.5,1);position:absolute;top:7px;left:0}.tag .disc.flipped{transform:rotateY(180deg)}.tag .face{backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.tag .moon{transform:rotateY(180deg)}@keyframes jingle{20%{transform:rotate(14deg)}45%{transform:rotate(-10deg)}70%{transform:rotate(5deg)}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){z-index:2}:root[data-shift=night] body{background-image:radial-gradient(#fff6 1px, transparent 1.6px), radial-gradient(#ffe9b880 1px, transparent 1.6px), radial-gradient(var(--dots) 1px, transparent 1px);background-position:13px 29px,71px 97px,0 0;background-size:137px 137px,211px 211px,18px 18px}.phone-only{display:contents}.wide-only{display:none}.photo-pick{cursor:pointer;background:0 0;border:0;max-width:100%;margin:2px auto;padding:0;display:block;position:relative}.leaf,.desk{display:none}.sheet{display:contents}@media (width>=1000px){:root{--book:min(1120px, calc(100vw - 240px))}.tag{right:22px}.screen{background:radial-gradient(circle, var(--grid) 1.1px, transparent 1.4px) 0 0 / 22px 22px, var(--sheet);width:620px;min-height:calc(100dvh - 48px);box-shadow:0 1px 0 var(--line), 3px 4px 0 -1px var(--sheet), 3px 5px 0 -1px var(--line), 0 12px 30px var(--shade);border-radius:6px;margin:24px auto;padding:44px 48px;position:relative}.screen:not(.tabbed):before{content:"";background:var(--mint);opacity:.85;width:110px;height:26px;margin-left:-55px;position:absolute;top:-11px;left:50%;transform:rotate(-2deg)}.screen.tabbed{width:var(--book);background:radial-gradient(circle, var(--grid) 1.1px, transparent 1.4px) 0 0 / 22px 22px, var(--sheet);box-shadow:0 10px 30px var(--shade);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0;display:grid;left:-40px}.screen.tabbed:before{content:"";z-index:3;background:var(--coral);width:50px;height:50px;box-shadow:0 2px 5px var(--shade);border-radius:50%;position:absolute;top:30px;left:calc(50% - 25px)}.screen.tabbed:after{content:"";z-index:3;background:#fff;width:30px;height:30px;position:absolute;top:40px;left:calc(50% - 15px);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cellipse cx='40' cy='52' rx='20' ry='16'/%3E%3Cellipse cx='14' cy='36' rx='8' ry='11' transform='rotate(-24 14 36)'/%3E%3Cellipse cx='30' cy='20' rx='8' ry='11' transform='rotate(-8 30 20)'/%3E%3Cellipse cx='50' cy='20' rx='8' ry='11' transform='rotate(8 50 20)'/%3E%3Cellipse cx='66' cy='36' rx='8' ry='11' transform='rotate(24 66 36)'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cellipse cx='40' cy='52' rx='20' ry='16'/%3E%3Cellipse cx='14' cy='36' rx='8' ry='11' transform='rotate(-24 14 36)'/%3E%3Cellipse cx='30' cy='20' rx='8' ry='11' transform='rotate(-8 30 20)'/%3E%3Cellipse cx='50' cy='20' rx='8' ry='11' transform='rotate(8 50 20)'/%3E%3Cellipse cx='66' cy='36' rx='8' ry='11' transform='rotate(24 66 36)'/%3E%3C/svg%3E") 50%/contain no-repeat}.leaf,.sheet{position:relative}.leaf{background:radial-gradient(circle, var(--grid) 1.1px, transparent 1.4px) 0 0 / 22px 22px, var(--leaf);border-radius:18px 0 0 18px;padding:44px 50px 150px 46px;display:block}.leaf-in{flex-direction:column;flex:1 0 auto;gap:16px;display:flex}.leaf-photo{width:min(300px,78%);margin:4px auto 6px}.leaf .note{background:var(--sticky);width:min(310px,92%);color:var(--on-bright);box-shadow:2px 5px 10px var(--shade);border-radius:3px 3px 22px;margin:0 auto;padding:22px 20px 16px;position:relative;transform:rotate(-1.5deg)}.leaf .note b{margin-bottom:4px;font-size:14px;display:block}.leaf .shift-line{color:var(--muted);text-align:center}.sheet{border-left:2px dashed var(--fold);flex-direction:column;gap:14px;min-width:0;padding:44px 56px 150px 58px;display:flex}.leaf:after,.sheet:after{content:"";background:var(--doodle);pointer-events:none;flex:0 96px;min-height:0;margin-top:auto}.leaf:after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 110' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='52' cy='62' r='30'/%3E%3Cpath d='M27 46c16 6 34 22 40 44M38 36c18 8 36 26 42 46M24 66c12 2 24 12 30 26M60 33c-6 12-22 26-34 28M76 44c-10 14-28 34-44 38'/%3E%3Cpath d='M80 76c22 22 40-8 60 6s22 14 38 4'/%3E%3Cpath d='M214 58c14-20 42-22 58 0-16 20-44 18-58 0zM272 58l24-16v32zM229 49v18M240 44v28M251 45v26'/%3E%3Ccircle cx='224' cy='56' r='1.6'/%3E%3Cpath d='M150 24l3 7 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1zM186 14l2 4 4 1-3 3 1 4-4-2-4 2 1-4-3-3 4-1z'/%3E%3C/svg%3E") 0 100%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 110' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='52' cy='62' r='30'/%3E%3Cpath d='M27 46c16 6 34 22 40 44M38 36c18 8 36 26 42 46M24 66c12 2 24 12 30 26M60 33c-6 12-22 26-34 28M76 44c-10 14-28 34-44 38'/%3E%3Cpath d='M80 76c22 22 40-8 60 6s22 14 38 4'/%3E%3Cpath d='M214 58c14-20 42-22 58 0-16 20-44 18-58 0zM272 58l24-16v32zM229 49v18M240 44v28M251 45v26'/%3E%3Ccircle cx='224' cy='56' r='1.6'/%3E%3Cpath d='M150 24l3 7 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1zM186 14l2 4 4 1-3 3 1 4-4-2-4 2 1-4-3-3 4-1z'/%3E%3C/svg%3E") 0 100%/contain no-repeat}.sheet:after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 110' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 22h34v42c0 4 3 6 8 8l20 8c8 4 6 18-6 18H58c-16 0-28-10-28-26z'/%3E%3Cpath d='M30 34h34M30 44h34'/%3E%3Cpath d='M126 74c-10-4-14-16-6-22 4-4 10-2 14 2l40-26c-2-6 0-12 6-14 8-2 14 6 12 14 6-2 14 2 14 10s-8 12-14 10l-40 26c2 6 0 12-6 14-8 2-14-4-14-12z' transform='translate(0 8)'/%3E%3Cpath d='M262 30c0-8 14-8 14 0 0-8 14-8 14 0 0 10-14 16-14 22-0-6-14-12-14-22z'/%3E%3Cpath d='M244 74l2 5 5 1-4 3 1 5-4-3-5 3 1-5-4-3 5-1z'/%3E%3C/svg%3E") 0 100%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 110' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 22h34v42c0 4 3 6 8 8l20 8c8 4 6 18-6 18H58c-16 0-28-10-28-26z'/%3E%3Cpath d='M30 34h34M30 44h34'/%3E%3Cpath d='M126 74c-10-4-14-16-6-22 4-4 10-2 14 2l40-26c-2-6 0-12 6-14 8-2 14 6 12 14 6-2 14 2 14 10s-8 12-14 10l-40 26c2 6 0 12-6 14-8 2-14-4-14-12z' transform='translate(0 8)'/%3E%3Cpath d='M262 30c0-8 14-8 14 0 0-8 14-8 14 0 0 10-14 16-14 22-0-6-14-12-14-22z'/%3E%3Cpath d='M244 74l2 5 5 1-4 3 1 5-4-3-5 3 1-5-4-3 5-1z'/%3E%3C/svg%3E") 0 100%/contain no-repeat}.leaf-photo,.leaf-in .photo-pick{position:relative}.leaf-photo:before,.leaf-in .photo-pick:before{content:"";z-index:1;background:var(--mint);opacity:.85;width:92px;height:24px;margin-left:-46px;position:absolute;top:-11px;left:50%;transform:rotate(-4deg)}.sheet .grow{flex:none;min-height:10px}.screen.wide{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-content:center;gap:14px 40px;width:min(1180px,100vw - 150px);padding:44px 48px;display:grid}.screen.wide>*{grid-column:2}.screen.wide>.panel{grid-area:1/1/span 12;align-self:center}.screen.wide .grow,.phone-only{display:none}.wide-only{flex-direction:column;gap:10px;margin-top:18px;display:flex}.tabs{left:calc(50% + var(--book) / 2 - 40px);z-index:2;flex-direction:column;align-items:flex-start;gap:6px;width:150px;height:auto;padding:0;display:flex;position:fixed;top:92px;bottom:auto;right:auto}.tabs:before{display:none}.tabs a{border-radius:0 14px 14px 0;flex-direction:row;justify-content:flex-start;gap:8px;width:122px;height:56px;padding:0 10px 0 14px;font-size:14px;transition:width .15s;box-shadow:2px 2px 4px #2b234029}.tabs a:hover{width:132px}.tabs a.active{width:146px;height:56px;box-shadow:3px 3px 6px #2b23403d}.desk{z-index:-1;pointer-events:none;display:block;position:fixed;inset:0;overflow:hidden}.prints{opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 120'%3E%3Cg fill='%23e8c98f'%3E%3Cellipse cx='18' cy='98' rx='8' ry='7'/%3E%3Ccircle cx='8' cy='89' r='3'/%3E%3Ccircle cx='14' cy='84' r='3'/%3E%3Ccircle cx='22' cy='84' r='3'/%3E%3Ccircle cx='28' cy='89' r='3'/%3E%3Cellipse cx='42' cy='42' rx='8' ry='7'/%3E%3Ccircle cx='32' cy='33' r='3'/%3E%3Ccircle cx='38' cy='28' r='3'/%3E%3Ccircle cx='46' cy='28' r='3'/%3E%3Ccircle cx='52' cy='33' r='3'/%3E%3C/g%3E%3C/svg%3E") 0 0/60px 120px repeat-y;width:60px;height:360px;position:absolute;bottom:30px;left:22px}.eyes{opacity:0;gap:14px;transition:opacity .6s .3s;display:flex;position:absolute;bottom:72px;left:26px}.eyes i{background:radial-gradient(circle,#15122b 0 3px,#ffe27a 3.5px);border-radius:50%;width:15px;height:19px;animation:5s infinite blink;box-shadow:0 0 10px #ffe27a80}:root[data-shift=night] .eyes{opacity:1}:root[data-shift=night] .prints{opacity:0}}@media (width<=1399px){.desk{display:none}}@keyframes blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}@media (prefers-reduced-motion:reduce){.tag .swing,.tag:hover .swing,.eyes i{animation:none}.tag .ribbon,.tag .swing,.tag .disc,.tabs a{transition:none}}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:14px 0;font-weight:700;display:flex}.trail{gap:5px;display:inline-flex}.trail i{background:var(--coral);border-radius:50%;width:10px;height:10px;animation:1.1s ease-in-out infinite step}.trail i:nth-child(2){animation-delay:.18s}.trail i:nth-child(3){animation-delay:.36s}@keyframes step{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.bar{background:var(--line);border-radius:999px;width:min(280px,100%);height:10px;position:relative;overflow:hidden}.bar i{background:var(--coral);border-radius:999px;width:40%;animation:1.6s ease-in-out infinite slide;position:absolute;top:0;bottom:0;left:-40%}@keyframes slide{to{left:100%}}.art,.panel img,.story-mini img,.pick button img,.pol img:not(.fit){background:linear-gradient(100deg, var(--line) 30%, var(--card) 50%, var(--line) 70%) 0 0 / 250% 100%;animation:1.4s linear infinite shimmer}.art{aspect-ratio:1}.panel img{aspect-ratio:4/3}@keyframes shimmer{to{background-position:-250% 0}}@media (prefers-reduced-motion:reduce){.trail i,.art,.panel img,.story-mini img,.pick button img,.pol img:not(.fit){animation:none}.bar i{animation:none;left:30%}}.menu{flex-direction:column;gap:10px;display:flex}.menu-card{background:var(--card);border:2px solid var(--line);min-height:72px;box-shadow:0 3px 0 var(--line);color:var(--ink);border-radius:18px;align-items:center;gap:14px;padding:10px 14px;text-decoration:none;transition:transform .15s;display:flex}.menu-card:hover{transform:translateY(-2px)rotate(-.5deg)}.menu-card b{font:800 18px/1.2 "Baloo 2 Variable",sans-serif;display:block}.menu-card .small{display:block}.badge{border:2px solid var(--on-bright);width:46px;height:46px;color:var(--on-bright);border-radius:50%;flex:none;place-items:center;display:grid}.badge svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}@media (prefers-reduced-motion:reduce){.menu-card{transition:none}.menu-card:hover{transform:none}}.plus{background:var(--coral);color:#2b1208;width:44px;height:44px;box-shadow:0 3px 0 var(--coral-edge);border-radius:50%;place-items:center;font:800 28px/1 "Baloo 2 Variable",sans-serif;display:grid;position:absolute;bottom:-8px;right:-8px}:root[data-accent]{--coral:oklch(.72 var(--c) var(--h));--coral-edge:oklch(.52 var(--c) var(--h));--paper:oklch(.98 calc(var(--c) * .1) var(--h));--dots:oklch(.91 calc(var(--c) * .2) var(--h));--line:oklch(.87 calc(var(--c) * .35) var(--h));--dash:oklch(.9 calc(var(--c) * .3) var(--h));--leaf:oklch(.97 calc(var(--c) * .16) var(--h));--alt:oklch(.93 calc(var(--c) * .35) var(--h));--alt-edge:oklch(.83 calc(var(--c) * .65) var(--h));--fold:oklch(.83 calc(var(--c) * .4) var(--h));--doodle:oklch(.82 calc(var(--c) * .4) var(--h))}:root[data-accent][data-shift=night]{--coral:oklch(.76 var(--c) var(--h));--coral-edge:oklch(.5 var(--c) var(--h));--paper:oklch(.19 calc(var(--c) * .35) var(--h));--dots:oklch(.3 calc(var(--c) * .4) var(--h));--sheet:oklch(.24 calc(var(--c) * .4) var(--h));--card:oklch(.29 calc(var(--c) * .45) var(--h));--leaf:oklch(.28 calc(var(--c) * .5) var(--h));--line:oklch(.39 calc(var(--c) * .5) var(--h));--dash:oklch(.36 calc(var(--c) * .5) var(--h));--grid:oklch(.34 calc(var(--c) * .45) var(--h));--rule:oklch(.32 calc(var(--c) * .45) var(--h));--alt:oklch(.36 calc(var(--c) * .6) var(--h));--alt-edge:oklch(.22 calc(var(--c) * .5) var(--h));--fold:oklch(.45 calc(var(--c) * .5) var(--h));--doodle:oklch(.42 calc(var(--c) * .6) var(--h))}.look{flex-direction:column;gap:12px;display:flex}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:3px solid var(--card);width:44px;height:44px;box-shadow:0 0 0 2px var(--line);cursor:pointer;border-radius:50%;padding:0}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--ink)}.minis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mini-card svg{border-radius:8px;width:100%;height:auto;margin-bottom:6px;display:block}.mini-card{background:var(--alt);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border:3px solid #0000;border-radius:14px;flex-direction:column;gap:3px;padding:8px;display:flex}.mini-card[aria-pressed=true]{border-color:var(--ink)}[data-template=scrapbook] .page{transform:rotate(-.6deg)}[data-template=scrapbook] .card{box-shadow:0 3px 8px var(--shade)}[data-template=case]{--sticky:#fff6df}[data-template=case] .page{background:var(--card);border-radius:2px}[data-template=case] .page .hand,[data-template=case] .note .hand,[data-template=case] .entry-mini .hand{font-family:Courier New,Courier,monospace;font-size:17px;font-weight:700;line-height:26px}@media (width>=1000px){[data-template=scrapbook] .screen.tabbed{box-shadow:none;background:0 0}[data-template=scrapbook] .leaf,[data-template=scrapbook] .sheet{box-shadow:0 8px 22px var(--shade);background:radial-gradient(circle, var(--grid) 1.1px, transparent 1.4px) 0 0 / 22px 22px, var(--sheet);border:0;border-radius:6px}[data-template=scrapbook] .leaf{background:radial-gradient(circle, var(--grid) 1.1px, transparent 1.4px) 0 0 / 22px 22px, var(--leaf);transform:rotate(-.8deg)}[data-template=scrapbook] .sheet{margin-left:-6px;transform:rotate(.5deg)}[data-template=scrapbook] .screen.tabbed:before{background:var(--mint);opacity:.85;width:160px;height:30px;box-shadow:none;border-radius:0;top:8px;left:calc(50% - 80px);transform:rotate(-3deg)}[data-template=scrapbook] .screen.tabbed:after{display:none}[data-template=case] .screen.tabbed{background:color-mix(in oklab, var(--coral) 12%, #e6c98f);border-radius:4px 14px 14px;min-height:calc(100dvh - 82px);margin-top:58px}[data-shift=night][data-template=case] .screen.tabbed{background:color-mix(in oklab, var(--coral) 10%, #4a3d2b)}[data-template=case] .screen.tabbed:before{content:"CASE FILE";background:inherit;width:190px;height:36px;box-shadow:none;color:var(--on-bright);letter-spacing:2px;border-radius:12px 12px 0 0;padding-left:18px;font:700 15px/36px Courier New,Courier,monospace;top:-34px;left:0}[data-shift=night][data-template=case] .screen.tabbed:before{color:#f3e3bf}[data-template=case] .screen.tabbed:after{display:none}[data-template=case] .leaf{background:0 0}[data-template=case] .sheet{background:var(--sheet);box-shadow:0 3px 10px var(--shade);border:0;border-radius:3px;margin:18px 18px 18px 0;padding-top:34px}[data-template=case] .leaf:after{content:"CONFIDENTIAL";border:4px solid var(--err);height:auto;color:var(--err);letter-spacing:3px;opacity:.8;background:0 0;border-radius:6px;padding:6px 12px;font:800 26px Courier New,Courier,monospace;bottom:46px;left:46px;right:auto;transform:rotate(-7deg);-webkit-mask:none;mask:none}[data-template=case] .gentle .leaf:after,[data-template=case] .sheet:after{display:none}[data-template=case] .leaf-photo:before,[data-template=case] .leaf-in .photo-pick:before{opacity:1;background:0 0;border:3px solid #8f96a3;border-radius:8px;width:14px;height:46px;margin:0;top:-18px;left:18px;transform:rotate(-4deg)}}[data-template=passport] .leaf .pol{transform:none!important}[data-template=comic]{--frame:#2b2340}[data-template=comic][data-shift=night]{--frame:#f6efff}[data-template=comic] body{background:radial-gradient(color-mix(in oklab, var(--coral) 16%, transparent) 2px, transparent 2.4px) 0 0 / 14px 14px, var(--paper)}[data-template=comic] .card,[data-template=comic] .page,[data-template=comic] .menu-card,[data-template=comic] .mini-card{border:3px solid var(--frame);box-shadow:4px 4px 0 var(--frame);border-radius:4px}[data-template=comic] .btn{border:3px solid var(--frame);box-shadow:4px 4px 0 var(--frame);border-radius:6px}[data-template=comic] h1{text-transform:uppercase;letter-spacing:.5px}[data-template=news] h1,[data-template=news] h2{font-family:Georgia,Times New Roman,serif;font-weight:800}[data-template=news] .page .hand,[data-template=news] .note .hand,[data-template=news] .entry-mini .hand{font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:26px}[data-template=news] .pol{filter:grayscale()contrast(1.05)}[data-template=news] .page{background:var(--sheet);box-shadow:none;border-top:3px double var(--ink);border-bottom:3px double var(--ink);border-radius:0}[data-template=news] .page .tape{display:none}[data-template=news] .screen.tabbed:before{content:"The Daily Paws";border-bottom:3px double var(--ink);color:var(--ink);padding:6px 104px 8px 0;font:800 27px/1.1 Georgia,Times New Roman,serif;display:block}[data-template=news] .sheet>h1:first-child{padding-right:0}[data-template=passport] body{background:repeating-radial-gradient(circle at 50% 110%, transparent 0 11px, var(--grid) 11px 12px), var(--paper);background-attachment:fixed}[data-template=passport] .screen.tabbed:before{content:"PET PASSPORT";color:var(--muted);letter-spacing:5px;padding:10px 0 8px;font:800 15px "Baloo 2 Variable",sans-serif;display:block}[data-template=passport] .screen.tabbed.gentle:before{display:none}[data-template=passport] .pol{transform:none!important}[data-template=news] .screen.tabbed.gentle:before{display:none}@media (width>=1000px){[data-template=passport] body{background:var(--paper)}[data-template=passport] .screen.tabbed{background:color-mix(in oklab, var(--coral) 55%, #2b2340);border-radius:20px;padding:10px}[data-template=passport] .screen.tabbed:before,[data-template=passport] .screen.tabbed:after{display:none}[data-template=passport] .leaf,[data-template=passport] .sheet{background:repeating-radial-gradient(circle at 50% 130%, transparent 0 11px, var(--grid) 11px 12px), var(--sheet)}[data-template=passport] .leaf{background:repeating-radial-gradient(circle at 50% 130%, transparent 0 11px, var(--grid) 11px 12px), var(--leaf);border-radius:12px 0 0 12px}[data-template=passport] .sheet{border-left:2px solid var(--fold);border-radius:0 12px 12px 0}[data-template=passport] .leaf-in:before{content:"PET PASSPORT";letter-spacing:5px;color:var(--muted);text-align:center;font:800 16px "Baloo 2 Variable",sans-serif}[data-template=passport] .leaf-photo:before,[data-template=passport] .leaf-in .photo-pick:before{display:none}[data-template=passport] .leaf:after{content:"P<PET<<<<SNACKS<<<<<<<<<<<<<<<";height:auto;color:var(--muted);letter-spacing:2px;white-space:nowrap;background:0 0;font:700 19px Courier New,Courier,monospace;bottom:30px;left:46px;right:40px;overflow:hidden;-webkit-mask:none;mask:none}[data-template=passport] .sheet:after{content:"PAWS OK";border:5px double var(--err);width:108px;height:108px;color:var(--err);text-align:center;opacity:.75;background:0 0;border-radius:50%;place-items:center;padding:10px;font:800 22px/1.05 Courier New,Courier,monospace;display:grid;bottom:26px;left:auto;right:44px;transform:rotate(-13deg);-webkit-mask:none;mask:none}[data-template=passport] .gentle .leaf:after,[data-template=passport] .gentle .sheet:after{display:none}[data-template=comic] .screen.tabbed{box-shadow:none;background:0 0;gap:16px}[data-template=comic] .screen.tabbed:before,[data-template=comic] .screen.tabbed:after{display:none}[data-template=comic] .leaf,[data-template=comic] .sheet{border:4px solid var(--frame);box-shadow:7px 7px 0 var(--frame);background:var(--sheet);border-radius:4px}[data-template=comic] .leaf{background:var(--leaf)}[data-template=comic] .leaf-photo:before,[data-template=comic] .leaf-in .photo-pick:before,[data-template=comic] .leaf .note .tape{display:none}[data-template=comic] .leaf .pol{border:3px solid #2b2340}[data-template=comic] .leaf .note{background:#fff;border:3px solid #2b2340;border-radius:20px;transform:none}[data-template=comic] .leaf .note:after{content:"";background:var(--frame);clip-path:polygon(0 0,100% 0,10% 100%);width:26px;height:22px;position:absolute;bottom:-22px;left:44px}[data-template=comic] .leaf:after{content:"SNACK!";background:var(--sun);clip-path:polygon(50% 0,60% 18%,82% 6%,78% 28%,100% 32%,82% 48%,98% 68%,74% 68%,72% 94%,54% 76%,34% 100%,30% 74%,6% 80%,18% 56%,0 40%,22% 32%,16% 10%,38% 20%);color:#2b2340;place-items:center;width:190px;height:110px;font:800 26px "Baloo 2 Variable",sans-serif;display:grid;bottom:26px;left:40px;right:auto;transform:rotate(-6deg);-webkit-mask:none;mask:none}[data-template=comic] .sheet:after,[data-template=comic] .gentle .leaf:after{display:none}[data-template=news] .screen.tabbed{background:var(--sheet);border-radius:2px;grid-template-rows:auto 1fr;padding:0 0 8px}[data-template=news] .screen.tabbed:before{width:auto;height:auto;box-shadow:none;text-align:center;background:0 0;border-radius:0;grid-column:1/-1;margin:26px 48px 0;padding:0 0 8px;font-size:58px;position:static}[data-template=news] .screen.tabbed:after{content:"All the news that fits the bowl";width:auto;height:auto;color:var(--muted);text-align:center;background:0 0;font:italic 15px Georgia,Times New Roman,serif;position:absolute;top:104px;left:0;right:0;-webkit-mask:none;mask:none}[data-template=news] .screen.tabbed.gentle:after{display:none}[data-template=news] .leaf{background:0 0;border-radius:0;padding-top:30px}[data-template=news] .sheet{border-left:1px solid var(--ink);margin:22px 0 0;padding-top:30px}[data-template=news] .leaf-photo:before,[data-template=news] .leaf-in .photo-pick:before,[data-template=news] .leaf .note .tape,[data-template=news] .leaf:after,[data-template=news] .sheet:after{display:none}[data-template=news] .leaf .pol{box-shadow:none;background:0 0;padding:0 0 6px;transform:none!important}[data-template=news] .leaf .pol span{color:var(--ink);font:italic 14px Georgia,Times New Roman,serif}[data-template=news] .leaf .note{color:var(--ink);border:1px solid var(--ink);box-shadow:none;background:0 0;border-radius:0;transform:none}}.week{background:var(--card);border:2px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;width:min(330px,100%);margin:6px auto 0;padding:12px 14px;display:flex}.week-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.week-days span{color:var(--muted);flex-direction:column;align-items:center;font-size:12px;font-weight:800;display:flex}.week-days svg{width:30px;height:30px;fill:var(--line)}.week-days [data-on=true] svg{fill:var(--coral)}.week-days [data-on=true]{color:var(--ink)}[data-template=comic] .week{border:3px solid var(--frame);box-shadow:4px 4px 0 var(--frame);border-radius:4px}[data-template=news] .week{border:1px solid var(--ink);background:0 0;border-radius:0}[data-template=comic] .row .btn.small{white-space:nowrap;padding:0 6px;font-size:15px}@media (width>=1000px){[data-template=case] .leaf-in{min-height:calc(100dvh - 290px)}[data-template=news] .leaf,[data-template=news] .sheet{padding-bottom:36px}[data-template=news] .leaf-in{min-height:calc(100dvh - 240px)}}.pick-label{margin-bottom:-6px;font-size:15px;font-weight:800}.ways{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.way{background:var(--card);border:2px solid var(--line);min-height:96px;box-shadow:0 3px 0 var(--line);color:var(--ink);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:10px 6px;font:800 14px/1.2 Nunito Variable,sans-serif;display:flex}.way[aria-pressed=true]{background:var(--alt);border-color:var(--ink);box-shadow:0 3px 0 var(--ink)}.notices{z-index:20;left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:8px;display:flex;position:fixed}.notice{background:var(--card);border:2px solid var(--line);box-shadow:0 6px 18px var(--shade);color:var(--ink);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;font-weight:700;display:flex}.notice>span:not(.trail){flex:150px}.notice .btn{flex:none;width:auto;min-height:44px;padding:0 16px}.notice[data-state=done]{border-color:var(--ink)}@media (width>=1000px){.notices{width:340px;bottom:24px;left:24px;right:auto}}@media (width<=999px){body:has(.notices) .screen.tabbed{padding-bottom:210px}}.more{flex:none;position:relative}.more-menu{z-index:15;background:var(--card);border:2px solid var(--line);width:220px;box-shadow:0 8px 22px var(--shade);border-radius:16px;flex-direction:column;padding:6px;display:flex;position:absolute;top:50px;right:0}.more-menu button{min-height:46px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 10px;font:700 15px Nunito Variable,sans-serif;display:flex}.more-menu button:hover{background:var(--alt)}.more-menu button[data-warn=true]{color:var(--err)}.more-menu svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.overlay{z-index:40;background:#14102873;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--card);width:min(420px,100%);box-shadow:0 12px 34px var(--shade);border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex}.pill{background:var(--alt);min-height:44px;color:var(--ink);text-align:center;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;gap:6px;padding:0 16px;font:700 14px Nunito Variable,sans-serif;text-decoration:none;display:inline-flex}.pill:hover,.icon-btn:hover{filter:brightness(.96)}.line .pill{flex:none;min-height:40px;padding:0 14px}.icon-btn{border:2px solid var(--line);background:var(--card);width:44px;height:44px;box-shadow:0 2px 4px var(--shade);color:var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.more .icon-btn circle{fill:currentColor;stroke:none}.screen{padding-top:78px}.swatches{grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;display:grid}@media (width>=1000px){.screen{padding-top:40px}.screen.tabbed{padding-top:0}}.pill:disabled{opacity:.5;cursor:default}.spectrum{background:var(--alt);min-height:44px;color:var(--ink);cursor:pointer;border-radius:999px;flex:1;align-items:center;gap:10px;padding:0 14px 0 8px;font:700 14px Nunito Variable,sans-serif;display:flex;position:relative}.spectrum:hover{filter:brightness(.96)}.spectrum:focus-within{outline:3px solid var(--ink);outline-offset:2px}.spectrum-dot{border:2px solid var(--card);background:conic-gradient(oklch(72% .15 20),oklch(72% .15 80),oklch(72% .15 140),oklch(72% .15 200),oklch(72% .15 260),oklch(72% .15 320),oklch(72% .15 20));border-radius:50%;flex:none;width:28px;height:28px}.spectrum input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.rail{z-index:25;height:calc(66px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 12px 0;background:var(--paper);box-shadow:0 1px 0 var(--line), 0 6px 12px -8px var(--shade);pointer-events:none;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}.rail.landing-rail{box-shadow:none;background:0 0}.rail>*{pointer-events:auto}.rail .icon-btn{border:2px solid var(--on-bright);color:var(--on-bright);transition:transform .18s cubic-bezier(.3,1.6,.5,1)}.rail-home{background:var(--sun)}.rail-back{background:var(--mint)}.palette{position:relative}.palette>.icon-btn{background:var(--tab-5)}.rail .icon-btn:hover,.rail .icon-btn:focus-visible{filter:none;transform:scale(1.12)}.rail-home:hover svg{animation:.5s hop}.rail-back:hover svg{animation:.5s nudge}.palette>.icon-btn:hover svg{animation:.6s twirl}@keyframes hop{40%{transform:translateY(-4px)}70%{transform:translateY(1px)}}@keyframes nudge{40%{transform:translate(-4px)}70%{transform:translate(1px)}}@keyframes twirl{to{transform:rotate(360deg)}}.popover{z-index:30;background:var(--card);border:2px solid var(--line);width:min(300px,100vw - 24px);max-height:calc(100dvh - 80px);box-shadow:0 8px 22px var(--shade);border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;top:52px;left:0;overflow-y:auto}.popover .icon-btn{border-color:var(--line);color:var(--ink)}@media (width<=420px){.rail .palette:nth-child(3) .popover{left:-104px}.rail .palette:nth-child(2) .popover{left:-52px}}@media (width>=1000px){.rail{height:auto;box-shadow:none;background:0 0;flex-direction:column;gap:10px;padding:16px 0 0 14px;bottom:auto;right:auto}.popover{top:0;left:54px}}@media (prefers-reduced-motion:reduce){.rail .icon-btn{transition:none}.rail .icon-btn:hover{transform:none}.rail .icon-btn:hover svg{animation:none}}.row>:only-child:not(.btn){margin-left:auto}.tag-tip{background:var(--ink);color:var(--paper);white-space:nowrap;opacity:0;pointer-events:none;border-radius:12px;padding:7px 12px;font:700 14px Nunito Variable,sans-serif;transition:opacity .15s,transform .15s;position:absolute;top:22px;right:50px;transform:translate(6px)}.tag-tip:after{content:"";background:var(--ink);width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;right:-6px;transform:rotate(45deg)}.tag:focus-visible .tag-tip{opacity:1;transform:none}@media (hover:hover){.tag:hover .tag-tip{opacity:1;transform:none}}.tag.held .tag-tip{opacity:0}@media (prefers-reduced-motion:reduce){.tag-tip{transition:none}}.entry-mini-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.entry-mini-top{flex-wrap:wrap;justify-content:space-between;gap:2px 10px;padding-right:30px;display:flex}.entry-mini .hand{white-space:normal;font-size:18px;line-height:23px}.contents-tools{flex-wrap:wrap;justify-content:space-between}.page-turn{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.page-turn .pill{white-space:nowrap;place-self:center start}.page-turn .pill:last-child{justify-self:end}.page-turn .hand{text-align:center;font-size:18px;line-height:22px}.star[aria-pressed=true]{background:var(--sun);border-color:var(--on-bright);color:var(--on-bright)}.star[aria-pressed=true] svg{fill:currentColor}.ribbon-mark{background:var(--coral);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);width:16px;height:42px;position:absolute;top:-4px;right:18px}.corner{cursor:pointer;background:0 0;border:0;width:34px;height:34px;padding:0;transition:width .15s,height .15s;position:absolute;bottom:0}.corner.next{background:linear-gradient(315deg, var(--paper) 49%, var(--line) 50%, var(--card) 72%);right:0}.corner.prev{background:linear-gradient(45deg, var(--paper) 49%, var(--line) 50%, var(--card) 72%);left:0}.corner:hover{width:46px;height:46px}.page{min-height:240px}.nowrap{white-space:nowrap}.flip-stage{z-index:12;perspective:2400px;pointer-events:none;position:fixed;inset:0;overflow:hidden}.flip-sheet{transform-style:preserve-3d;will-change:transform;position:absolute}.flip-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.flip-face:after{content:"";pointer-events:none;background:linear-gradient(90deg,#2b234029,#0000 30% 70%,#2b23401a);position:absolute;inset:0}.flip-back{transform:rotateY(180deg)}.flip-still{z-index:0}.flip-still:after{display:none}.flip-face>.sheet,.flip-face>.leaf{width:100%;min-height:100%;margin:0;animation:none;position:relative;left:0;transform:none}.flip-sheet>.page{margin:0;position:absolute;inset:0}.cover-screen{perspective:1800px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;padding:78px 22px 110px;display:flex}.cover{aspect-ratio:3/4;cursor:pointer;background:0 0;border:0;width:min(330px,84vw);padding:0;position:relative}.cover-pages{background:repeating-linear-gradient(to bottom, var(--sheet) 0 3px, var(--line) 3px 4px);box-shadow:0 12px 26px var(--shade);border-radius:4px 12px 12px 4px;position:absolute;inset:8px 0 8px 10px}.cover{transform-style:preserve-3d}.cover-front{transform-style:preserve-3d;transform-origin:0;color:#2b1208;transition:transform .85s cubic-bezier(.45,.05,.3,1);position:absolute;inset:0}.cover-face,.cover-inside{backface-visibility:hidden;border-radius:6px 14px 14px 6px;position:absolute;inset:0}.cover-face{background-color:var(--coral);background-image:linear-gradient(to right, var(--coral-edge) 0 18px, #0000001a 18px 20px, transparent 20px);box-shadow:0 8px 20px var(--shade);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:22px 22px 22px 40px;display:flex}.cover-inside{background:var(--sheet);box-shadow:inset -24px 0 30px -18px var(--shade);transform:rotateY(180deg)}.cover:hover .cover-front{transform:rotateY(-9deg)}.cover.opening .cover-front{transform:rotateY(-165deg)}.cover-photo{width:62%;display:block}.cover-title{text-align:center;font:800 30px/1.1 "Baloo 2 Variable",sans-serif}.cover-line{font:19px Gochi Hand,cursive}@media (width>=1000px){.cover-screen{padding-top:40px;padding-bottom:40px}}@media (prefers-reduced-motion:reduce){.cover-front{transition:none}.cover:hover .cover-front{transform:none}}.page-tools{flex-direction:column;gap:12px;width:min(360px,100%);margin:0 auto;display:flex}.page-tools .wrap{gap:8px}.phone-only .page-tools{width:100%}.tray{background:var(--card);box-shadow:0 2px 0 var(--line);border-radius:16px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.tray .icon-btn[aria-pressed=true]{border-color:var(--ink);background:var(--alt)}.tray-full{background:var(--alt);border-radius:12px;margin:0;padding:8px 10px;font-size:14px}.tray-full.bump{animation:.4s ease-in-out tray-bump}@keyframes tray-bump{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.tray-full.bump{animation:none}}.tray svg{stroke:none;width:26px;height:26px}.sticker{z-index:2;filter:drop-shadow(0 2px 2px #2b23404d);background:0 0;border:0;width:42px;height:42px;padding:0;position:absolute;transform:translate(-50%,-50%)rotate(-6deg)}.sticker svg{width:100%;height:100%;display:block}button.sticker{cursor:pointer}.page.placing{cursor:copy;outline:3px dashed var(--coral);outline-offset:3px}.margin-note{max-width:86%;color:var(--muted);align-self:flex-end;padding-right:6px;font-size:19px;line-height:25px;transform:rotate(-1deg)}.month-mark{color:var(--muted);margin-bottom:-8px;font-size:20px}.month{flex-direction:column;gap:12px;display:flex}.rail .rail-back{margin-right:10px}@media (width>=1000px){.rail .rail-back{margin:0 0 14px}.leaf-photo{width:min(250px,66%)}.sheet .page{min-height:400px}}.leaf-in,.leaf.lead{display:contents}@media (width>=1000px){.screen.tabbed{grid-template-rows:minmax(0,1fr);height:calc(100dvh - 48px);min-height:0;overflow:hidden}.leaf,.leaf.lead,.sheet{scrollbar-width:none;flex-direction:column;min-height:0;padding-top:40px;padding-bottom:20px;display:flex;overflow-y:auto}.leaf-in{display:flex}.leaf>*,.leaf-in>*,.sheet>*{flex-shrink:0}.leaf-in .photo-pick{max-width:min(280px,74%)}.wide-only{display:flex}.leaf-photo.wide-only{display:block}[data-template=case] .screen.tabbed{height:calc(100dvh - 82px)}[data-template=news] .screen.tabbed{grid-template-rows:auto minmax(0,1fr)}.screen:not(.tabbed):not(.wide):not(:has(>.center)):not(:has(.prose)){width:var(--book);columns:2;column-fill:balance;column-gap:64px;min-height:0;max-height:calc(100dvh - 48px);padding:40px 48px;display:block}.screen:not(.tabbed):not(.wide) form>*{break-inside:avoid;margin-bottom:14px}.screen:not(.tabbed):not(.wide):not(:has(>.center)):not(:has(.prose))>*{break-inside:avoid;margin-bottom:14px}.screen:not(.tabbed):not(.wide) form{display:block!important}.screen:not(.tabbed) .grow{display:none}.screen .cards{width:auto;max-width:100%;max-height:calc(100dvh - 140px)}}@media (width>=1000px) and (height<=790px){.leaf,.leaf.lead,.sheet{padding-top:26px;padding-bottom:12px}.leaf-in{gap:12px}.sheet{gap:10px}.leaf-photo{width:min(180px,50%)}.leaf-in .photo-pick{max-width:min(190px,52%)}.sheet .page{min-height:0}h1{font-size:30px}.week{gap:4px;padding:8px 12px}.note,.leaf .note{padding:16px 16px 10px}.mini-card svg{max-height:86px}.sheet .entry-mini{padding:8px 12px}.sheet .entry-mini .thumb{width:56px}.sheet .btn{min-height:48px}}@media (width>=1000px){.screen:not(.tabbed):not(.wide):not(:has(>.center)):not(:has(.prose))>form{break-inside:auto}.sheet .page{background-image:repeating-linear-gradient(var(--sheet) 0 25px, var(--rule) 25px 26px);padding:18px 18px 22px}.sheet .page>.hand{font-size:19px;line-height:26px}.sheet{gap:12px}.margin-note{font-size:17px;line-height:22px}}@media (width>=1000px) and (width<=1239px){.leaf,.leaf.lead{padding-left:30px;padding-right:34px}.sheet{padding-left:38px;padding-right:30px}}@media (width>=1000px) and (height<=790px){.sheet .page{background-image:repeating-linear-gradient(var(--sheet) 0 21px, var(--rule) 21px 22px);padding:12px 14px 16px}.sheet .page>.hand{font-size:17px;line-height:22px}}@media (width>=1000px){.screen form h2,.screen form .pick-label,.screen form label{break-after:avoid}[data-template=case] .leaf{overflow:hidden}[data-template=case] .sheet{padding-top:22px}[data-template=case] .sheet .page>.hand{font-size:14px;line-height:20px}[data-template=case] .sheet .page{background-image:none}[data-template=news] .sheet .page>.hand{font-size:15px;line-height:22px}[data-template=news] .sheet{padding-top:16px;padding-bottom:10px}[data-template=case] .leaf:after,[data-template=passport] .leaf:after,[data-template=passport] .sheet:after,[data-template=comic] .leaf:after{flex:none;margin:0;position:absolute}[data-template=case] .leaf:after,[data-template=comic] .leaf:after,[data-template=passport] .sheet:after{display:none}[data-template=passport] .leaf:has(.week):after{display:none}[data-template=passport] .leaf:has(.page-tools):after{display:none}[data-template=case] .screen:not(.gentle) .photo-pick:after,[data-template=comic] .screen:not(.gentle) .photo-pick:after,[data-template=passport] .screen:not(.gentle) .photo-pick:after{z-index:2;pointer-events:none;position:absolute}[data-template=case] .screen:not(.gentle) .photo-pick:after{content:"CONFIDENTIAL";border:3px solid var(--err);color:#a42a12;letter-spacing:2px;opacity:.9;background:#ffffff8c;border-radius:5px;padding:3px 8px;font:800 16px Courier New,Courier,monospace;top:46%;left:8px;transform:rotate(-9deg)}[data-template=comic] .screen:not(.gentle) .photo-pick:after{content:"SNACK!";background:var(--sun);clip-path:polygon(50% 0,60% 18%,82% 6%,78% 28%,100% 32%,82% 48%,98% 68%,74% 68%,72% 94%,54% 76%,34% 100%,30% 74%,6% 80%,18% 56%,0 40%,22% 32%,16% 10%,38% 20%);color:#2b2340;place-items:center;width:104px;height:64px;font:800 15px "Baloo 2 Variable",sans-serif;display:grid;top:-14px;left:-18px;transform:rotate(-8deg)}[data-template=passport] .screen:not(.gentle) .photo-pick:after{content:"PAWS OK";color:#a42a12;text-align:center;background:#ffffff80;border:4px double #a42a12;border-radius:50%;place-items:center;width:72px;height:72px;padding:6px;font:800 14px/1.05 Courier New,Courier,monospace;display:grid;top:-10px;right:-14px;transform:rotate(-13deg)}}.earlier{flex-direction:column;gap:8px;display:flex}.earlier h2{font-size:19px}.leaf .entry-mini{padding:8px 12px}.leaf .entry-mini .thumb{width:54px}.leaf .entry-mini .hand{font-size:16px;line-height:20px}.nudge-card .btn{white-space:nowrap;padding:0 8px;font-size:15px}@media (width>=1000px){.leaf-in .photo-pick{max-width:min(240px,62%)}.sheet .note{background:var(--sticky);width:min(330px,100%);color:var(--on-bright);box-shadow:2px 5px 10px var(--shade);border-radius:3px 3px 22px;margin:14px auto 0;padding:22px 20px 16px;position:relative;transform:rotate(-1.5deg)}.sheet .note.wide-only{display:block}}@media (width>=1000px) and (height<=790px){.earlier .entry-mini:nth-of-type(n+2){display:none}.leaf-in .photo-pick{max-width:min(170px,46%)}}@media (width>=1000px){.leaf:has(.week):after{display:none}.leaf:has(.week){padding-bottom:26px}.leaf-in{justify-content:flex-start;gap:20px}.leaf:not(.lead) .leaf-in,.sheet{justify-content:space-evenly}.leaf:after,.sheet:after{margin-top:0}.sheet:has(.month,.story-mini,.page,.line):after{margin-top:auto}.sheet:has(.month,.story-mini,.page,.line){justify-content:flex-start}.leaf-in .photo-pick,.leaf-photo{max-width:min(330px,72%,38dvh);width:100%!important}.leaf-photo{margin-inline:auto}.sheet .page{flex:1 0 auto}}.rail .warning{background:var(--coral)}.rail .warning:hover svg{animation:.5s wobble}@keyframes wobble{25%{transform:rotate(-12deg)}60%{transform:rotate(10deg)}}.nudge-card{z-index:30;background:var(--card);border:2px solid var(--line);box-shadow:0 8px 22px var(--shade);border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex;position:fixed;top:62px;left:12px;right:12px}@media (width>=1000px){.rail{height:100dvh;padding-bottom:16px}.nudge{margin-top:auto}.nudge-card{width:320px;inset:auto auto 16px 72px}}@media (prefers-reduced-motion:reduce){.rail .warning:hover svg{animation:none}}span.sticker,button.sticker{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.sticker:active{cursor:grabbing}.tray .icon-btn{touch-action:none;cursor:grab}.sticker.held{z-index:50;pointer-events:none;filter:drop-shadow(0 8px 8px #2b234059);width:52px;height:52px;position:fixed;transform:translate(-50%,-50%)rotate(-6deg)scale(1.1)}.pill-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.calendar{width:min(360px,100%)}.calendar-top{justify-content:space-between}.calendar-top h2{text-align:center}.calendar-top .icon-btn:disabled{opacity:.4;cursor:default}.calendar-days{grid-template-columns:repeat(7,1fr);place-items:center;gap:4px;display:grid}.day{width:40px;height:40px;color:var(--muted);border-radius:50%;place-items:center;font-size:15px;font-weight:600;display:grid}.chip.day{border-color:var(--on-bright);background:var(--sun);min-height:40px;color:var(--on-bright);padding:0;font-weight:800}.chip.day:hover{filter:brightness(.96)}.day[data-today=true]{outline:2px dashed var(--ink);outline-offset:1px}@keyframes sticker-on{0%{scale:.4}60%{scale:1.2}to{scale:1}}@keyframes sticker-wiggle{25%{rotate:-10deg}75%{rotate:10deg}}@keyframes wing-flap{50%{rotate:24deg}}@keyframes wing-flutter{50%{scale:.6 1}}.sticker svg{animation:.3s ease-out sticker-on}.sticker.held svg,.flip-face .sticker svg{animation:none}.sticker:hover svg,.tray .icon-btn:hover svg{animation:.5s ease-in-out sticker-wiggle}.flap,.flutter{transform-box:fill-box}.flap{transform-origin:70% 20%}.flutter{transform-origin:50%}.sticker:hover .flap,.tray .icon-btn:hover .flap{animation:.25s ease-in-out 3 wing-flap}.sticker:hover .flutter,.tray .icon-btn:hover .flutter{animation:.25s ease-in-out 3 wing-flutter}@media (prefers-reduced-motion:reduce){.sticker svg,.sticker:hover svg,.tray .icon-btn:hover svg,.sticker:hover .flap,.tray .icon-btn:hover .flap,.sticker:hover .flutter,.tray .icon-btn:hover .flutter{animation:none}}.chip,.pill{transition:transform .16s,box-shadow .16s,border-color .16s}.chip:hover:not(:disabled),.pill:hover:not(:disabled){box-shadow:0 4px 0 var(--line);transform:translateY(-2px)rotate(-1.5deg)}.chip:nth-child(2n):hover:not(:disabled),.pill:nth-child(2n):hover:not(:disabled){transform:translateY(-2px)rotate(1.5deg)}.chip:active:not(:disabled),.pill:active:not(:disabled){box-shadow:none;transform:translateY(0)scale(.97)}.chip.day:hover:not(:disabled){box-shadow:none;transform:scale(1.1)}@media (prefers-reduced-motion:reduce){.chip,.pill{transition:none}.chip:hover:not(:disabled),.pill:hover:not(:disabled),.chip:nth-child(2n):hover:not(:disabled),.pill:nth-child(2n):hover:not(:disabled),.chip:active:not(:disabled),.pill:active:not(:disabled),.chip.day:hover:not(:disabled){box-shadow:none;transform:none}}@media (width>=1000px) and (height<=790px){.sheet .note.wide-only{display:none}}@media (width>=1000px){.sheet .page.full{background-image:repeating-linear-gradient(var(--sheet) 0 21px, var(--rule) 21px 22px);padding-top:12px;padding-bottom:14px}.sheet .page.full>.hand{font-size:17px;line-height:22px}.leaf:has(.tray) .note{display:none}}@media (width>=1000px) and (height<=860px){.leaf:has(.tray) .leaf-photo{display:none}}@media (width>=1000px) and (height<=790px){.sheet .page.full{background-image:repeating-linear-gradient(var(--sheet) 0 19px, var(--rule) 19px 20px)}.sheet .page.full>.hand{font-size:15.5px;line-height:20px}}@media (width>=1000px){[data-template=case] .sheet .page.full{background-image:none}[data-template=case] .sheet .page.full>.hand{font-size:14px;line-height:20px}[data-template=news] .sheet .page.full>.hand{font-size:15px;line-height:22px}}.calendar{z-index:40;outline:none;position:absolute}@media (width>=1000px) and (height<=790px){.calendar{gap:8px;padding:14px}.calendar-days{gap:2px}.day,.chip.day{width:34px;height:34px;min-height:34px}}.card>b+.line{margin-top:8px}.card .line{gap:14px;padding-top:8px;padding-bottom:8px}.card .line>.small:last-child:not(:first-child){text-align:right}.card.line{background:var(--card);border:0;min-height:56px;padding:10px 16px}.just-info{border:2px dashed var(--line);background:var(--card);border-radius:14px;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.kind-check{flex-direction:column;gap:6px;display:flex}@media (width>=1000px){.leaf:has(.kind-check) .leaf-photo{width:min(130px,34%)}.leaf:has(.kind-check) .note{display:none}.leaf:has(.kind-check)>.small.mid{display:none}.leaf:has(.kind-check) .leaf-in>.small.mid{display:none}}.comic{flex-direction:column;gap:12px;display:flex}.comic-cover{background:#2b2340;border:4px solid #2b2340;width:100%;margin:0 auto;position:relative;overflow:hidden;container-type:inline-size}.comic-cover img{width:100%;display:block}.comic-cover h1{color:#ffd166;-webkit-text-stroke:2px #2b2340;paint-order:stroke fill;text-shadow:.5cqw .5cqw #ff6b4a;font-size:9cqw;line-height:1;position:absolute;top:3cqw;left:3cqw;right:3cqw;transform:rotate(-2deg)}.comic-spread{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.comic-panel{aspect-ratio:4/3;background:var(--card);border:4px solid #2b2340;margin:0;position:relative;overflow:hidden;container-type:inline-size}.comic-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.comic-pet{display:block;position:absolute}.comic-pet.flip{transform:scaleX(-1)}.comic-pet>img{width:100%;display:block}.comic-wear{display:block;position:absolute}.comic-wear svg,.comic-prop svg{width:100%;display:block}.comic-prop{width:15%;position:absolute;bottom:6%;left:72%}.comic-sfx{color:#ffd166;-webkit-text-stroke:1.5px #2b2340;paint-order:stroke fill;text-shadow:.6cqw .6cqw #ff6b4a;font:800 10cqw/1 "Baloo 2 Variable",sans-serif;position:absolute;bottom:4cqw;right:4cqw;transform:rotate(-7deg)}.comic-panel figcaption{flex-direction:column;align-items:flex-start;gap:1.8cqw;display:flex;position:absolute;inset:2.4cqw 2.4cqw auto}.comic-cap{color:#2b2340;background:#ffd166;border:2px solid #2b2340;margin:0;padding:.8cqw 2cqw;font:400 max(13px,3.7cqw)/1.15 Gochi Hand,Comic Sans MS,cursive}.comic-bubble{color:#2b2340;text-align:center;background:#fff;border:2.5px solid #2b2340;border-radius:999px/70%;align-self:flex-end;max-width:66%;margin:0;padding:1.6cqw 2.8cqw;font:400 max(13px,3.9cqw)/1.15 Gochi Hand,Comic Sans MS,cursive;position:relative}.comic-bubble:after{content:"";background:#fff;border-bottom:2.5px solid #2b2340;border-right:2.5px solid #2b2340;width:3cqw;height:3cqw;position:absolute;bottom:-2.6cqw;left:18%;transform:rotate(45deg)skew(12deg,12deg)}@media (width>=1000px){.screen.wide:has(>.comic){flex-direction:column;justify-content:center;gap:10px;height:calc(100dvh - 48px);padding:20px 40px;display:flex}.comic-spread{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,267dvh - 747.6px);margin:0 auto}.comic-cover{width:min(100%,133dvh - 399px)}}.field textarea.fits{field-sizing:content;resize:none;min-height:118px}@media (width>=1000px) and (height<=790px){.leaf:has(#about) .sub{display:none}}.comic-cover-pet{position:absolute;bottom:-8%;left:20%;width:60%!important}.comic-masthead{color:#2b1208;background:#ff6b4a;justify-content:space-between;margin:0;padding:1.4cqw 3cqw;font:800 3.6cqw "Baloo 2 Variable",sans-serif;display:flex;position:absolute;inset:0 0 auto}.comic-cover:has(.comic-masthead) h1{-webkit-text-stroke:.9cqw #2b2340;top:9cqw;right:30cqw}.comic-cover:has(.comic-masthead) .comic-cover-pet{left:34%}.comic-bg{filter:saturate(.86)blur(.4px)}.comic-pet>img,.comic-cover-pet{filter:drop-shadow(0 .7cqw .6cqw #2b234059)}.ready-photo{width:min(320px,78%);margin:10px auto}@media (width>=1000px) and (height<=790px){.ready-photo{width:min(240px,60%)}}.page-mood{float:right;shape-outside:margin-box;filter:drop-shadow(0 2px 2px #2b234040);width:92px;margin:0 0 4px 10px}.week-days img{object-fit:contain;width:30px;height:30px;display:block}.tray img{object-fit:contain;width:34px;height:34px}.tray .icon-btn{overflow:hidden}.sticker.own{width:74px;height:74px}.sticker.held.own{width:84px;height:84px}.sticker img{object-fit:contain;width:100%;height:100%;display:block}.chip.day{position:relative;overflow:hidden}.chip.day img{object-fit:contain;width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;inset:1px}.chip.day:has(img) span{background:var(--sun);border-radius:6px;padding:0 3px;font-size:11px;line-height:14px;position:absolute;bottom:0;right:2px}.week-review{flex-direction:column;gap:6px;display:flex}.week-review .btn{width:100%}.page.full .page-mood{float:none;width:66px;margin:0;position:absolute;bottom:4px;right:6px}@media (width>=1000px){.leaf:has(.tray) .leaf-photo{display:none}}@media (width>=1000px) and (height<=860px){[data-template=case] .earlier .entry-mini~.entry-mini,[data-template=passport] .earlier .entry-mini~.entry-mini,[data-template=news] .earlier .entry-mini~.entry-mini{display:none}}.screen.wide:has(>.storybook){flex-direction:column;gap:8px;width:min(1180px,100vw - 150px);height:calc(100dvh - 48px);padding:16px 32px;display:flex}.storybook{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.sb-mount{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%232b2340' stroke-width='1.4' stroke-linejoin='round' d='M9 11V4.5a1.5 1.5 0 0 1 3 0V10m0-1.5a1.5 1.5 0 0 1 3 0V11m0-1a1.5 1.5 0 0 1 3 0v2m0-.5a1.5 1.5 0 0 1 3 0V15a7 7 0 0 1-7 7h-1.5a6 6 0 0 1-5-2.7L3.6 15a1.5 1.5 0 0 1 2.4-1.8L8 15.5V11z'/%3E%3C/svg%3E") 10 3,grab;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:clip}.sb-mount:active{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffd166' stroke='%232b2340' stroke-width='1.4' stroke-linejoin='round' d='M8 12V9.5a1.5 1.5 0 0 1 3 0V11m0-1.5a1.5 1.5 0 0 1 3 0V12m0-1a1.5 1.5 0 0 1 3 0v1m0-.5a1.5 1.5 0 0 1 3 0V15a7 7 0 0 1-7 7h-1.5a6 6 0 0 1-5-2.7L4 16.5V13a1.5 1.5 0 0 1 3 0z'/%3E%3C/svg%3E") 10 6,grabbing}.sb-mount>.stf__parent{margin:0 auto;transition:transform .75s}.sb-mount.closed-front>.stf__parent{transform:translate(-25%)}.sb-mount.closed-back>.stf__parent{transform:translate(25%)}@media (prefers-reduced-motion:reduce){.sb-mount>.stf__parent{transition:none}}.sb-end-actions{z-index:6;pointer-events:none;justify-content:center;gap:10px;display:flex;position:absolute;bottom:8%;left:0;right:0}.sb-end-actions>*,.sb-end-actions>.btn.small{pointer-events:auto;flex:none;width:auto;padding-inline:32px;box-shadow:0 4px 14px #00000040}.sb-keys{justify-content:center;gap:10px;display:flex}.sb-keys button:not(:focus){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}.sb-hint{z-index:5;color:#fff;pointer-events:none;background:#2b2340c7;border-radius:999px;align-items:center;gap:8px;margin:0;padding:6px 12px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:6px;right:8px}.sb-hand{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%232b2340' stroke-width='1.2' d='M9 11V4.5a1.5 1.5 0 0 1 3 0V10m0-1.5a1.5 1.5 0 0 1 3 0V11m0-1a1.5 1.5 0 0 1 3 0v2m0-.5a1.5 1.5 0 0 1 3 0V15a7 7 0 0 1-7 7h-1.5a6 6 0 0 1-5-2.7L3.6 15a1.5 1.5 0 0 1 2.4-1.8L8 15.5V11z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:22px;height:22px;animation:1.8s ease-in-out infinite sb-pull}@keyframes sb-pull{0%,to{transform:translate(0)rotate(0)}45%{transform:translate(-12px,-6px)rotate(-14deg)}60%{transform:translate(-12px,-6px)rotate(-14deg)}}.sb-page{color:#231c33;background:#fdf8ec;container-type:size}.sb-in{box-sizing:border-box;flex-direction:column;width:100%;height:100%;padding:5cqw 5cqw 0;display:flex;position:relative;overflow:hidden}.sb-pic{aspect-ratio:4/3;background:#fff;border:.55cqw solid #231c33;flex:none;width:100%;margin:0;position:relative;overflow:hidden;container-type:inline-size}.sb-bg{object-fit:cover;filter:saturate(.9);width:100%;height:100%;position:absolute;inset:0}.sb-pic.night .sb-bg{filter:brightness(.55)saturate(.7)hue-rotate(200deg)}.sb-pet{aspect-ratio:1;position:absolute}.sb-pet.flip{transform:scaleX(-1)}.sb-pet>img{filter:drop-shadow(0 1.4cqw 1.2cqw #231c3359);width:100%;height:100%;display:block}.sb-wear{display:block;position:absolute}.sb-wear svg{width:100%;display:block}.sb-prop{width:18cqw;position:absolute;bottom:5%}.sb-prop svg{width:100%;display:block}.pet-left .sb-prop{right:7%}.pet-right .sb-prop{left:7%}.sb-sfx{color:#ffd166;-webkit-text-stroke:.7cqw #231c33;paint-order:stroke fill;text-shadow:1cqw 1cqw #ff6b4a;font:800 16cqw/1 "Baloo 2 Variable",sans-serif;position:absolute;bottom:8%;transform:rotate(-8deg)}.pet-left .sb-sfx{right:5%}.pet-right .sb-sfx{left:5%}.sb-bubbles{flex-direction:column;gap:5cqw;width:48%;display:flex;position:absolute;top:3.5cqw}.pet-left .sb-bubbles{right:4cqw}.pet-right .sb-bubbles{left:4cqw}.sb-b{text-transform:uppercase;text-align:center;color:#231c33;background:#fff;border:.55cqw solid #231c33;border-radius:46%/38%;margin:0;padding:2.4cqw 3.8cqw;font:400 max(10px,4.3cqw)/1.15 Patrick Hand,Comic Sans MS,cursive;position:relative}.sb-b:after{content:"";background:#fff;border-bottom:.55cqw solid #231c33;border-right:.55cqw solid #231c33;width:5cqw;height:5cqw;position:absolute;bottom:-3.6cqw}.pet-left .sb-b:after{left:18%;transform:rotate(40deg)skew(-14deg)}.pet-right .sb-b:after{right:18%;transform:rotate(50deg)skew(14deg)}.sb-b.thought{border-radius:50%}.sb-b.thought:after{border-radius:50%;width:3cqw;height:3cqw;bottom:-5cqw;transform:none}.sb-b.whisper{border-style:dashed}.sb-b.shout{background:#fff6c9;border-radius:6%/10%;font:800 max(10px,4.9cqw)/1.05 "Baloo 2 Variable",sans-serif;transform:rotate(-2deg)}.sb-b b{color:#6a5f86;font-weight:400}.sb-tell{text-wrap:pretty;margin:4cqw 0 0;font:400 max(12px,3.9cqw)/1.55 Literata Variable,Georgia,serif}.sb-tell.first:first-letter{float:left;color:#ff6b4a;margin:.8cqw 1.8cqw 0 0;font:600 14cqw/.8 Literata Variable,Georgia,serif}.sb-folio{text-align:center;color:#8a8399;font:400 3.4cqw Literata Variable,Georgia,serif;position:absolute;bottom:2.4cqw;left:0;right:0}.sb-cover .sb-in,.sb-back .sb-in{padding:0}.sb-bg.full{height:100%}.sb-hero{filter:drop-shadow(0 2cqw 2cqw #0006);width:76%;position:absolute;bottom:-5%;left:14%}.sb-mast{z-index:2;color:#2b1208;background:#ff6b4a;justify-content:space-between;margin:0;padding:3cqw 5cqw;font:800 5cqw "Baloo 2 Variable",sans-serif;display:flex;position:absolute;inset:0 0 auto}.sb-title{z-index:2;color:#ffd166;-webkit-text-stroke:.9cqw #231c33;paint-order:stroke fill;text-shadow:1.2cqw 1.2cqw #ff6b4a;text-wrap:balance;margin:0;font:800 12cqw/1 "Baloo 2 Variable",sans-serif;position:absolute;top:14%;left:6%;right:6%;transform:rotate(-3deg)}.sb-back .sb-in{color:#2b1208;background:#ff6b4a;justify-content:center;align-items:center;gap:3cqw}.sb-end{margin:0;font:800 18cqw/1 "Baloo 2 Variable",sans-serif}.sb-next{text-align:center;margin:0 10%;font:400 5.4cqw/1.35 Literata Variable,Georgia,serif}@media (width<=999px){.screen.wide:has(>.storybook){width:auto;height:calc(100dvh - 74px - env(safe-area-inset-bottom,0px));gap:6px;min-height:0;padding:74px 12px 8px;overflow:hidden}.screen.wide:has(>.storybook)>.pill{flex:none}}@media (prefers-reduced-motion:reduce){.sb-hand{animation:none}}.sign-in{flex-direction:column;gap:10px;display:flex}.btn.google{justify-content:center;align-items:center;gap:10px;text-decoration:none;display:flex}.sign-in .or{margin:0}.human-check{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:60;background:var(--paper);max-width:calc(100vw - 32px);color:var(--ink);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #0000002e}.human-check p{margin:0}.sb-end-actions>.btn{background:var(--sun);color:#2b1208}.print-order{display:inline-flex;position:relative}.print-order>.btn{width:100%}.print-ask{z-index:8;text-align:left;flex-direction:column;gap:8px;width:min(280px,80vw);display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.rate{justify-content:center;align-items:center;gap:8px;display:flex}.rate-btn{border:2px solid var(--line);background:var(--card);cursor:pointer;border-radius:50%;width:44px;height:44px;font-size:20px;transition:transform .15s}.rate-btn:hover{transform:scale(1.08)}.rate.compact{gap:4px}.rate.compact .rate-btn{width:40px;height:40px;font-size:17px}.rate-btn[aria-pressed=true]{border-color:var(--coral);background:var(--blush);transform:scale(1.1)}@media (prefers-reduced-motion:reduce){.rate-btn,.rate-btn:hover,.rate-btn[aria-pressed=true]{transition:none;transform:none}}.buddy-stage{border-bottom:3px dashed var(--dash);flex:none;height:150px;margin:0 -4px;position:relative;overflow:hidden}.buddy{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:92px;height:92px;padding:0;transition-property:transform;transition-timing-function:linear;position:absolute;bottom:4px;left:0}.buddy:focus-visible{outline:3px solid var(--coral);outline-offset:2px;border-radius:12px}.buddy-body{transform-origin:50% 100%;width:100%;height:100%;display:block}.buddy-body.flip img{transform:scaleX(-1)}.buddy-body img{object-fit:contain;filter:drop-shadow(0 4px 3px #0000002e);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.buddy-body img.buddy-portrait{border:3px solid var(--card);object-fit:cover;width:76px;height:76px;box-shadow:0 3px 0 var(--line);border-radius:50%;margin:8px auto 0}.buddy-paw{background:var(--sun) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%232b2340'%3E%3Cellipse cx='12' cy='16' rx='4.5' ry='3.6'/%3E%3Ccircle cx='6' cy='11' r='1.8'/%3E%3Ccircle cx='9.6' cy='7' r='1.8'/%3E%3Ccircle cx='14.4' cy='7' r='1.8'/%3E%3Ccircle cx='18' cy='11' r='1.8'/%3E%3C/g%3E%3C/svg%3E") center / 62% no-repeat;border-radius:50%;width:64px;height:64px;margin:14px auto 0;display:block}.act-walk .buddy-body{animation:.34s ease-in-out infinite buddy-trot}.act-hop .buddy-body{animation:.9s ease-out buddy-hop}.act-spin .buddy-body{animation:.9s ease-in-out buddy-spin}.act-sniff .buddy-body{animation:1.1s ease-in-out infinite buddy-sniff}.act-nap .buddy-body{animation:2.6s ease-in-out infinite buddy-breathe}.act-beg .buddy-body{animation:.5s ease-in-out 3 buddy-trot}.act-shock .buddy-body{animation:.5s ease-in-out buddy-shake}.buddy.still .buddy-body,.buddy.still+.buddy-say{animation:none!important}@keyframes buddy-trot{50%{transform:translateY(-5px)rotate(-2deg)}}@keyframes buddy-hop{30%{transform:translateY(-34px)scaleY(1.04)}60%{transform:translateY(0)scaleY(.9)}80%{transform:translateY(-6px)}}@keyframes buddy-spin{to{transform:rotate(360deg)}}@keyframes buddy-sniff{50%{transform:rotate(6deg)translate(3px)}}@keyframes buddy-breathe{50%{transform:scale(1.03,.97)}}@keyframes buddy-shake{20%,60%{transform:translate(-5px)translateY(-8px)}40%,80%{transform:translate(5px)}}.buddy-zzz{color:var(--muted);font:700 15px "Baloo 2 Variable",sans-serif;animation:2.4s ease-in-out infinite buddy-zzz;position:absolute;top:-6px;right:-4px}@keyframes buddy-zzz{0%{opacity:0;transform:translateY(6px)}40%{opacity:1}to{opacity:0;transform:translate(10px,-14px)}}.buddy-say{z-index:2;background:var(--card);width:max-content;color:var(--ink);border:2px solid var(--ink);box-shadow:0 3px 0 var(--line);border-radius:16px 16px 16px 4px;margin:0;padding:8px 12px;font:400 17px/1.2 Patrick Hand,Comic Sans MS,cursive;animation:.25s ease-out buddy-pop;position:absolute;top:8px}.buddy-say.left{border-radius:16px 16px 4px}@keyframes buddy-pop{0%{opacity:0;transform:scale(.85)translateY(6px)}}.buddy-quiet{z-index:3;white-space:nowrap;min-height:32px;padding:0 10px;font-size:13px;position:absolute;top:6px;right:6px}.buddy-face{background:var(--alt);border:2px solid var(--card);width:38px;height:38px;box-shadow:0 2px 0 var(--line);border-radius:50%;flex:none;overflow:hidden}.buddy-face img{object-fit:cover;width:100%;height:100%}.buddy-face .buddy-paw{width:100%;height:100%;margin:0}.answer-row{align-items:flex-end;gap:8px;display:flex}.answer-row>.bubble{max-width:calc(100% - 46px)}@media (prefers-reduced-motion:reduce){.buddy{transition:none}.buddy-body,.buddy-zzz,.buddy-say{animation:none!important}}@media (width>=1000px){.screen:not(.tabbed):not(.wide):not(:has(>.center)):has(>.read-through){columns:auto;grid-template-rows:repeat(8,auto) minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-content:stretch;gap:14px 64px;height:calc(100dvh - 48px);display:grid}.screen:not(.tabbed):not(.wide):not(:has(>.center)):has(>.read-through)>*{grid-column:1;margin-bottom:0}.screen:not(.tabbed):not(.wide):not(:has(>.center)):has(>.read-through)>.read-through{grid-area:1/2/-1;align-self:start;min-height:0;max-height:100%;overflow-y:auto}}