:root{--color-bg:#efd27e;--color-paper:#fbf6ea;--color-paper-shade:#efe5cc;--color-ink:#2a2520;--color-ink-soft:#574d43;--color-accent:#a42c1b;--color-blue:#2a5596;--color-green:#3b7531;--color-wood:#8a5a32;--color-wood-dark:#5e3b1f;--color-tape:#fbf6eab8;--color-on-blue:#fbf6ea;--color-crayon-red:#c8452f;--color-crayon-orange:#e07b2c;--color-crayon-pink:#e58ea3;--color-crayon-sky:#79b3dc;--color-crayon-green:#6aa349;--color-crayon-blue:#2f63ad;--color-crayon-purple:#6d58a5;--color-crayon-brown:#9a6a3c;--font-display:"Jua", "Pretendard", system-ui, sans-serif;--font-story:"Jua", "Pretendard", system-ui, sans-serif;--font-hand:"Gaegu", "Jua", "Pretendard", system-ui, sans-serif;--font-body:"Pretendard", system-ui, -apple-system, sans-serif;--text-xs:.875rem;--text-sm:1rem;--text-base:1.0625rem;--text-kid:1.25rem;--text-kid-lg:1.5rem;--text-kid-sub:1.5rem;--text-mini-tag:1rem;--text-cover:clamp(1.25rem, .9rem + .6vw, 1.5rem);--text-story:clamp(1.5rem, .9rem + 1.6vw, 2.25rem);--text-story-tall:1.75rem;--text-stamp:clamp(1.75rem, 1.2rem + 1.4vw, 2.5rem);--text-title:clamp(1.75rem, 1rem + 2.2vw, 2.75rem);--text-display:clamp(2.25rem, 1.2rem + 3vw, 3.5rem);--text-name:clamp(2.5rem, 1.4rem + 3.2vw, 4.5rem);--text-story--line-height:1.45;--text-body--line-height:1.65;--spacing:.25rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-24:6rem;--spacing-gutter:clamp(1.25rem, 4vw, 3.5rem);--spacing-target-kid:4rem;--spacing-target:3rem;--spacing-arrow:4.5rem;--spacing-post:.875rem;--spacing-shelf-gap:1.5rem;--radius-paper:6px 10px 5px 12px / 10px 6px 12px 5px;--radius-tag:14px 20px 12px 22px / 20px 12px 22px 14px;--radius-button:28px 34px 26px 36px / 34px 26px 36px 28px;--radius-dot:48% 52% 50% 50% / 52% 48% 50% 50%;--shadow-paper:3px 4px 0 0 #2a252029;--shadow-lift:5px 7px 0 0 #2a25202e;--shadow-none:none;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-flip:cubic-bezier(.45, .05, .25, 1);--ease-stamp:cubic-bezier(.25, 1, .5, 1)}
:root{--moon-sky:#1c2647;--moon-sky-hi:#2b3863;--moon-ink:#f4ecd4;--moon-ink-soft:#cfc7b1;--moon-gold:#f2c75c;--moon-shade:#0b1027;--moon-paper-back:#d6cdb3;--sun-bg:var(--color-bg);--sun-ink:var(--color-ink);--sun-ink-soft:var(--color-ink-soft);--sun-accent:var(--color-accent)}
:where(*){box-sizing:border-box}:where(body,h1,h2,h3,p,ol,ul,dl,dd,figure,table){margin:0}:where(ol,ul){padding:0;list-style:none}:where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:where(a){color:inherit}:where(img,svg){max-width:100%;display:block}:where(button,a,.cover){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(button){-webkit-user-select:none;user-select:none}:where([hidden]){display:none!important}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100svh;font-family:var(--font-display);font-size:var(--text-kid);color:var(--color-ink);background:var(--color-bg) url(/line/grain.svg) 0 0 / 240px 240px;word-break:keep-all;overflow-wrap:break-word;line-height:1.4}.f-paper,.f-paper-b,.f-paper-flat,.f-shade,.f-tag,.f-tag-b,.f-tag-flat,.f-btn-blue,.f-btn-paper,.f-dash{border:0 solid #0000}.f-paper{border-image:url(/line/paper-a.svg) 32 fill/16px}.f-paper-b{border-image:url(/line/paper-b.svg) 32 fill/16px}.f-paper-flat{border-image:url(/line/paper-flat.svg) 32 fill/16px}.f-shade{border-image:url(/line/shade.svg) 32 fill/16px}.f-tag{border-image:url(/line/tag-a.svg) 40 fill/20px}.f-tag-b{border-image:url(/line/tag-b.svg) 40 fill/20px}.f-tag-flat{border-image:url(/line/tag-flat.svg) 40 fill/20px}.f-btn-blue{border-image:url(/line/btn-blue.svg) 64 fill/32px}.f-btn-paper{border-image:url(/line/btn-paper.svg) 64 fill/32px}.f-dash{border-image:url(/line/dash-ink.svg) 32 fill/16px round}.nametag--a,.profile:first-child,.cover-tag,.chip:nth-child(odd),.band-tag{border:0 solid #0000;border-image:url(/line/tag-a.svg) 40 fill/20px}.nametag--b,.profile:last-child,.chip:nth-child(2n){border:0 solid #0000;border-image:url(/line/tag-b.svg) 40 fill/20px}.btn--blue{border:0 solid #0000;border-image:url(/line/btn-blue.svg) 64 fill/32px}.btn--paper,.turn,.back,.door,.num,.gate-close,.to-kid,.pull,.plug{border:0 solid #0000;border-image:url(/line/btn-paper.svg) 64 fill/32px}.ph{border:0 solid #0000;border-image:url(/line/dash-fill.svg) 32 fill/16px}.ph:before{content:"";pointer-events:none;border:0 solid #0000;border-image:url(/line/dash-ink.svg) 32/16px round;position:absolute;inset:0}.leaf-art,.board,.gate-sheet,.closed .cover-face,.slot-empty>span,.wip-note{border:0 solid #0000}.wip-note{border-image:url(/line/tag-flat.svg) 40 fill/20px}.leaf-art,.board,.gate-sheet{border-image:url(/line/paper-a.svg) 32 fill/16px}.leaf-text{border:0 solid #0000;border-image:url(/line/paper-b.svg) 32 fill/16px}.slot-empty>span{border-image:url(/line/dash-ink.svg) 32/16px round}.sprite{width:0;height:0;position:absolute;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{left:var(--spacing-4);z-index:50;padding:var(--spacing-3) var(--spacing-5);background:var(--color-paper);border-radius:var(--radius-tag);font-size:var(--text-kid);position:absolute;top:-100px}.skip:focus{top:var(--spacing-4)}:focus-visible{outline:4px solid var(--color-accent);outline-offset:4px}:where(.cover,.btn,.nametag,.door,.turn,.back,.num,.chip,.profile){border-radius:var(--radius-button)}.btn{justify-content:center;align-items:center;gap:var(--spacing-3);min-height:var(--spacing-target);padding:var(--spacing-3) var(--spacing-8);font-family:var(--font-display);font-size:var(--text-kid-lg);white-space:nowrap;transition:transform .12s var(--ease-out);line-height:1.1;text-decoration:none;display:inline-flex}.btn--kid{min-height:var(--spacing-target-kid)}.btn--blue{color:var(--color-on-blue)}.btn--paper{color:var(--color-ink)}.btn svg{flex:none;width:28px;height:28px}.btn:active,.turn:active,.back:active,.door:active,.num:active,.nametag:active,.profile:active,.chip:active{transform:scale(.96)}.ring{width:calc(100% + 28px);max-width:none;height:calc(100% + 20px);color:var(--color-blue);opacity:0;pointer-events:none;transition:opacity .16s var(--ease-out);position:absolute;inset:-10px -14px}[aria-pressed=true]>.ring{opacity:1}.top-in{align-items:center;gap:var(--spacing-6);min-height:96px;padding:var(--spacing-4) var(--spacing-gutter);max-width:1600px;margin-inline:auto;display:flex}.brand{align-items:center;gap:var(--spacing-2);min-height:var(--spacing-target);text-decoration:none;display:inline-flex}.brand-mark{width:56px;height:48px;color:var(--color-ink)}.brand-name{font-family:var(--font-display);color:var(--color-ink);white-space:nowrap;font-size:1.75rem;line-height:1}.kids{gap:var(--spacing-6);margin-left:auto;display:flex}.nametag{min-width:120px;min-height:var(--spacing-target-kid);padding:var(--spacing-2) var(--spacing-6);font-size:var(--text-kid-lg);color:var(--color-ink);transition:transform .12s var(--ease-out);justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative;transform:rotate(-2deg)}.nametag--b{transform:rotate(1.5deg)}.nametag-name{position:relative}.door{width:var(--spacing-target-kid);height:var(--spacing-target-kid);color:var(--color-ink);font-size:var(--text-kid);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:0;line-height:1;text-decoration:none;display:inline-flex}.door-icon{width:30px;height:30px;margin-bottom:2px}.door-label{font-size:var(--text-kid);line-height:1}.home{gap:var(--spacing-12);padding:var(--spacing-6) var(--spacing-gutter) var(--spacing-16);grid-template-columns:minmax(0,7fr) minmax(0,5fr);max-width:1600px;margin-inline:auto;display:grid;position:relative}.shelf-wrap{min-width:0}.shelf-name{font-size:var(--text-name);margin:0 0 var(--spacing-6) var(--spacing-2);font-weight:400;line-height:1.05;display:inline-block;position:relative}.underline{width:calc(100% + 8px);max-width:none;height:16px;color:var(--color-crayon-orange);position:absolute;bottom:-12px;left:-4px;right:-4px}.underline path{stroke-dasharray:1;stroke-dashoffset:1px;animation:draw .5s var(--ease-out) .15s forwards}@keyframes draw{to{stroke-dashoffset:0}}.shelf{--cols:var(--cols-w,3);--gap:var(--spacing-shelf-gap);--post:var(--spacing-post);--inner:var(--spacing-4);grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gap);padding:0 calc(var(--post) + var(--inner)) var(--spacing-4);align-items:end;display:grid;position:relative}.shelf:before,.shelf:after{content:"";width:var(--post);background:url(/line/post.svg) 0 0/100% 100% no-repeat;position:absolute;top:0;bottom:0}.shelf:before{left:0}.shelf:after{right:0}.plank{height:24px;margin:0 calc(-1 * var(--inner)) var(--spacing-6);background:url(/line/plank-a.svg) 0 0/100% 100% no-repeat;grid-column:1/-1;display:block}.plank--b{background-image:url(/line/plank-b.svg)}.plank--c{background-image:url(/line/plank-c.svg)}.plank--top{margin-bottom:var(--spacing-4)}.only-n{display:none}.slot-empty{aspect-ratio:4/5;display:block;position:relative}.slot-empty>span{text-align:center;padding:var(--spacing-4);font-family:var(--font-hand);font-weight:700;font-size:calc(var(--text-kid) * 1.35);color:var(--color-ink-soft);justify-content:center;align-items:center;line-height:1.1;display:flex;position:absolute;inset:0}.cover{aspect-ratio:4/5;color:var(--color-ink);transform:rotate(var(--tilt,0deg));transform-origin:50% 100%;text-decoration:none;display:block;position:relative;container-type:inline-size}.cover-face{transition:transform .12s var(--ease-out);display:block;position:absolute;inset:0}a.cover:active .cover-face{transform:scale(.96)}.cover-tag{z-index:1;padding:var(--spacing-2) 0;font-family:var(--font-display);font-size:var(--text-cover);text-align:center;white-space:nowrap;border-image-outset:10px 6px;line-height:1.15;display:block;position:absolute;top:7%;left:10px;right:10px}.ph{display:block;position:absolute;inset:0;overflow:hidden}.ph-in{align-items:center;gap:var(--spacing-1);text-align:center;color:var(--color-ink-soft);flex-direction:column;display:flex;position:absolute;inset:auto 8% 9%}.ph-cap{font-size:var(--text-kid);line-height:1.15}.ph-desc{font-size:var(--text-kid);line-height:1.3}.ph-ratio{align-items:center;gap:var(--spacing-1);font-size:var(--text-kid);line-height:1;display:inline-flex}.ph-icon{width:32px;height:24px;color:var(--color-ink);flex:none}.ph--cover .ph-desc{display:none}.ph--cover .ph-in{justify-content:center;inset:38% 8% 7%}.wip-note{z-index:1;padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-hand);font-weight:700;font-size:calc(var(--text-kid) * 1.2);white-space:nowrap;color:var(--color-ink-soft);line-height:1;position:absolute;bottom:-3%;right:-4%;transform:rotate(-5deg)}.cover[data-wip] .ph--cover .ph-in{bottom:24%}.art-frame{display:block;position:absolute;inset:0}.art-frame:after{content:"";pointer-events:none;border:0 solid #0000;border-image:url(/line/ink-only.svg) 32/16px;position:absolute;inset:0}.art{object-fit:cover;border-radius:var(--radius-paper);background:var(--color-paper-shade);width:calc(100% - 8px);max-width:none;height:calc(100% - 8px);position:absolute;inset:4px}@container (max-width:179px){.ph-ratio-k{display:none}.ph--cover .ph-in{inset:auto 6% 7%}.ph-cap{white-space:nowrap}.wip-note{font-size:var(--text-kid);padding:var(--spacing-1) var(--spacing-2)}.cover[data-wip] .ph--cover .ph-in{bottom:24%}.cover[data-wip] .ph-cap{display:none}}@container (min-width:260px){.ph--cover .ph-desc{max-width:16em;font-size:var(--text-kid);display:block}.ph--cover .ph-cap{font-size:var(--text-kid-lg);color:var(--color-ink)}.ph--cover .ph-icon{width:44px;height:33px}}@container (max-width:125px){.cover-tag{font-size:var(--text-sm);left:8px;right:8px}.ph-cap{display:none}.wip-note,.ph-ratio{font-size:var(--text-sm)}}@container (max-width:100px){.cover-tag{font-size:var(--text-xs);left:6px;right:6px}}@container (max-width:80px){.cover-tag,.ph-cap,.ph-ratio,.wip-note{display:none}}.stand{min-width:0;padding-top:var(--spacing-12)}.stand-in{text-align:center;justify-items:center;gap:var(--spacing-4);display:grid;position:relative}.sticker{z-index:3;width:128px;height:132px;color:var(--color-accent);place-items:center;display:grid;position:absolute;top:-52px;left:max(0px,50% - 228px);transform:rotate(-9deg)}.sticker-shape{width:100%;height:100%;position:absolute;inset:0}.sticker-text{width:4em;font-size:var(--text-kid-lg);color:var(--color-paper);text-align:center;line-height:1.05;position:relative}.stand-cover{width:min(300px,78%);position:relative}.cover--stand{width:100%}.tape{z-index:2;background:url(/line/tape.svg) 0 0/100% 100% no-repeat;width:84px;height:26px;position:absolute}.tape--l{top:-10px;left:-18px;transform:rotate(-34deg)}.tape--r{top:-8px;right:-20px;transform:rotate(28deg)}.stand-text{justify-items:center;gap:var(--spacing-3);display:grid}.stand-title{font-size:var(--text-title);font-weight:400;line-height:1.15}.stand-meta{font-size:var(--text-kid);color:var(--color-ink-soft)}.stand-more{min-height:var(--spacing-target);padding:0 var(--spacing-3);font-size:var(--text-kid);color:var(--color-blue);text-underline-offset:4px;align-items:center;display:inline-flex}.doodle{pointer-events:none;color:var(--color-ink);position:absolute}.doodle--sun{top:var(--spacing-2);right:var(--spacing-gutter);width:80px;height:80px;transform:rotate(8deg)}.doodle--grass{left:calc(var(--spacing-gutter) + var(--spacing-8));bottom:var(--spacing-4);width:120px;height:40px}.foot{padding:var(--spacing-10) var(--spacing-gutter) calc(var(--spacing-10) + env(safe-area-inset-bottom));background:url(/line/rule.svg) 0 0/100% 6px no-repeat}.foot-in{gap:var(--spacing-2);max-width:1600px;margin-inline:auto;display:grid}.foot-note{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--text-body--line-height);color:var(--color-ink-soft);max-width:60em}.foot-back{min-height:var(--spacing-target);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);text-underline-offset:4px;justify-self:start;align-items:center;display:inline-flex}.gate{z-index:40;padding:var(--spacing-gutter);background:color-mix(in srgb, var(--color-ink) 40%, transparent);place-items:center;display:grid;position:fixed;inset:0}.gate-sheet{background:var(--color-paper) content-box;width:min(460px,100%);padding:var(--spacing-10) var(--spacing-8) var(--spacing-8);text-align:center;gap:var(--spacing-4);display:grid;position:relative}.gate-sheet:focus{outline:none}.gate-close{top:var(--spacing-3);right:var(--spacing-3);width:var(--spacing-target-kid);height:var(--spacing-target-kid);place-items:center;display:grid;position:absolute}.gate-close svg{width:26px;height:26px}.gate-kicker{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink-soft);padding-inline:var(--spacing-12)}.gate-q{font-size:var(--text-display);font-weight:400;line-height:1.15}.gate-nums{gap:var(--spacing-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.num{min-height:var(--spacing-target-kid);font-size:var(--text-kid-lg)}.gate-msg{min-height:1.4em;font-size:var(--text-kid);color:var(--color-ink-soft)}body[data-page=read]{overflow-y:auto}.topbar-in{align-items:center;gap:var(--spacing-4);min-height:88px;padding:var(--spacing-3) var(--spacing-gutter);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.back{justify-content:center;align-items:center;gap:var(--spacing-1);min-width:var(--spacing-target-kid);min-height:var(--spacing-target-kid);padding:0 var(--spacing-5) 0 var(--spacing-3);font-size:var(--text-kid);line-height:1;text-decoration:none;display:inline-flex}.back svg{width:28px;height:28px}.read-title{text-align:center;font-size:clamp(1.25rem,.8rem + 1.2vw,2rem);font-weight:400;line-height:1.15}.count{font-size:var(--text-kid-lg);text-align:right;font-variant-numeric:tabular-nums;min-width:4.2em;line-height:1}.topbar-end{justify-content:flex-end;align-items:center;gap:var(--spacing-4);display:flex}@media (min-width:1024px){.topbar-in{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.topbar-in>.back{justify-self:start}}.voice{justify-content:center;align-items:center;gap:var(--spacing-2);min-width:var(--spacing-target-kid);min-height:var(--spacing-target-kid);padding:0 var(--spacing-6) 0 var(--spacing-4);font-family:var(--font-display);font-size:var(--text-kid);white-space:nowrap;color:var(--color-ink);border-radius:var(--radius-button);transition:transform .12s var(--ease-out);border:0 solid #0000;border-image:url(/line/btn-paper.svg) 64 fill/32px;line-height:1;display:inline-flex;position:relative}.voice[aria-pressed=true]{color:var(--color-on-blue);border-image-source:url(/line/btn-blue.svg)}.voice:active{transform:scale(.96)}.voice-icon{flex:none;width:32px;height:32px}.voice-waves{transition:opacity .16s var(--ease-out)}.voice[aria-pressed=false] .voice-waves{opacity:.35}.credit{column-gap:var(--spacing-1);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink-soft);flex-wrap:wrap;line-height:1.5;display:flex}.foot-link{min-height:var(--spacing-target);vertical-align:middle;color:var(--color-ink);text-underline-offset:4px;align-items:center;display:inline-flex}.reader{--book-w:min(1240px, 100vw - 2 * (var(--spacing-gutter) + var(--spacing-arrow) + var(--spacing-4)));--page-w:calc(var(--book-w) / 2);--page-h:min(var(--page-w), 100svh - 240px);padding:var(--spacing-6) 0 var(--spacing-10)}.stage{grid-template-columns:var(--spacing-arrow) var(--book-w) var(--spacing-arrow);justify-content:center;align-items:start;column-gap:var(--spacing-4);display:grid}.turn{justify-content:center;align-items:center;gap:var(--spacing-2);color:var(--color-ink);font-size:var(--text-kid);line-height:1;display:inline-flex}.turn svg{flex:none;width:32px;height:32px}.turn--side{width:var(--spacing-arrow);height:var(--spacing-arrow);margin-top:calc(var(--page-h) / 2 - var(--spacing-arrow) / 2)}.turn[disabled]{opacity:.35;cursor:default}.turn[disabled]:active{transform:none}.reader[data-view=cover] .turn--side,.reader[data-view=wip] .turn--side{visibility:hidden}.book{width:var(--book-w);perspective:1800px;touch-action:pan-y;position:relative}.closed{justify-items:center;gap:var(--spacing-6);display:grid}.cover--closed{height:var(--page-h);aspect-ratio:4/5;width:auto}.cover--closed .cover-tag{font-size:var(--text-title);border-image-outset:12px 8px;top:8%;left:14%;right:14%}.btn--open{min-height:var(--spacing-arrow);padding-inline:var(--spacing-10)}.spread{min-height:var(--page-h);display:grid;position:relative}.leaf{grid-template-columns:1fr 1fr;display:grid;position:relative}.leaf-art{padding:var(--spacing-5);place-items:center;display:grid;position:relative}.leaf-art-in{width:calc(var(--page-h) - 40px);height:calc(var(--page-h) - 40px);position:relative}.leaf-art-in .ph-in{gap:var(--spacing-3);inset:50% 10% auto;transform:translateY(-50%)}.leaf-art-in .ph-cap{font-size:var(--text-kid-lg);color:var(--color-ink)}.leaf-art-in .ph-icon{width:48px;height:36px}.leaf-text{justify-content:center;gap:var(--spacing-6);padding:var(--spacing-10) calc(var(--spacing-8) + var(--spacing-1));flex-direction:column;display:flex;position:relative}.story{font-family:var(--font-story);font-size:var(--text-story);line-height:var(--text-story--line-height);text-wrap:pretty}.folio{right:var(--spacing-8);bottom:var(--spacing-5);font-size:var(--text-kid);color:var(--color-ink-soft);position:absolute}.end{justify-items:start;gap:var(--spacing-4);display:grid}.stamp{width:256px;height:128px;color:var(--color-accent);opacity:0;place-items:center;display:grid;position:relative;transform:rotate(-10deg)}.stamp.is-stamped{opacity:1}.stamp-frame{width:100%;height:100%;position:absolute;inset:0}.stamp-text{font-size:var(--text-stamp);line-height:1;position:relative}.end-btns{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.flipper{width:50%;transform-style:preserve-3d;z-index:3;will-change:transform;position:absolute;top:0;bottom:0}.flipper--fwd{transform-origin:0;left:50%}.flipper--back{transform-origin:100%;left:0}.flip-face{backface-visibility:hidden;position:absolute;inset:0}.flip-face--back{transform:rotateY(180deg)}.flip-face>*{position:absolute;inset:0}.under{z-index:2;width:50%;position:absolute;top:0;bottom:0}.under--l{left:0}.under--r{left:50%}.under>*{position:absolute;inset:0}.turnbar{justify-content:center;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-6);display:flex}.turn--bar{display:none}.dots{align-items:center;gap:var(--spacing-2);min-height:24px;display:flex}.dots li{border-radius:var(--radius-dot);background:var(--color-ink-soft);opacity:.55;width:12px;height:12px}.dots li[data-now]{background:var(--color-accent);opacity:1;width:16px;height:16px}.reader[data-view=cover] .turnbar,.reader[data-view=wip] .turnbar{visibility:hidden}.wip{gap:var(--spacing-12);min-height:calc(100svh - 88px - var(--spacing-6) - var(--spacing-10));grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;display:grid}.wip-cover{justify-self:end;width:min(100%,280px)}.cover--wip{width:100%}.cover--wip .cover-tag{font-size:var(--text-kid-lg);border-image-outset:10px 6px;left:10%;right:10%}.wip-text{gap:var(--spacing-4);justify-items:start;display:grid}.wip-scribble{width:180px;height:108px;color:var(--color-ink)}.wip-lead{font-size:var(--text-display);white-space:nowrap;line-height:1.15}.wip-sub{font-size:var(--text-kid-sub);color:var(--color-ink-soft);max-width:22em;line-height:1.35}.wip-picks{gap:var(--spacing-6);padding-top:var(--spacing-2);flex-wrap:wrap;display:flex}.cover--pick{width:150px}.wip .cover--pick{width:clamp(140px,11vw,150px)}body[data-page=parent]{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--text-body--line-height)}.top--parent .top-in,.top--book .top-in{min-height:88px}.to-kid,.to-adult{white-space:nowrap;align-items:center;gap:var(--spacing-2);min-height:var(--spacing-target);padding:0 var(--spacing-6);font-family:var(--font-display);font-size:var(--text-kid);color:var(--color-ink);margin-left:auto;text-decoration:none;display:inline-flex}.to-kid svg{width:24px;height:24px}.notice{padding:var(--spacing-3) var(--spacing-gutter);font-family:var(--font-body);font-size:var(--text-xs);text-align:center;background:var(--color-paper) url(/line/rule.svg) 0 100% / 100% 6px no-repeat;color:var(--color-ink);line-height:1.5}.parent{gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-gutter) var(--spacing-16);max-width:1440px;margin-inline:auto;display:grid}.parent-head{gap:var(--spacing-2);display:grid}.page-title{font-family:var(--font-display);font-size:var(--text-display);font-weight:400;line-height:1.12}.page-lead{font-size:var(--text-base);color:var(--color-ink-soft);max-width:40em}.pick{align-items:center;gap:var(--spacing-8) var(--spacing-12);flex-wrap:wrap;display:flex}.profiles{gap:var(--spacing-6);display:flex}.profile{min-width:168px;min-height:var(--spacing-target-kid);padding:var(--spacing-3) var(--spacing-6);text-align:left;color:var(--color-ink);justify-items:start;gap:0;display:grid;position:relative;transform:rotate(-1.5deg)}.profile:last-child{transform:rotate(1deg)}.profile-name{font-family:var(--font-display);font-size:var(--text-kid-lg);line-height:1.1;position:relative}.profile-meta{font-size:var(--text-sm);color:var(--color-ink-soft);position:relative}.profile-meta b{color:var(--color-ink);font-weight:700}.bands{align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.bands-label{font-size:var(--text-sm);color:var(--color-ink-soft)}.chips{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.chip{min-height:var(--spacing-target);padding:0 var(--spacing-5);font-family:var(--font-display);font-size:var(--text-kid);color:var(--color-ink);line-height:1;position:relative}.chip>span{position:relative}.parent-grid{gap:var(--spacing-8);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;display:grid}.board{padding:var(--spacing-8);gap:var(--spacing-5);min-width:0;display:grid}.board-title{font-family:var(--font-display);font-size:1.75rem;font-weight:400;line-height:1.2}.board-title small{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink-soft);margin-left:var(--spacing-2)}.board-note{font-size:var(--text-sm);color:var(--color-ink-soft)}.mini{row-gap:var(--spacing-5);flex-wrap:wrap;display:flex}.mini-cell{width:calc(100% / var(--mini-cols,5));justify-items:center;gap:var(--spacing-2);display:grid}.mini-cell .cover{width:calc(100% - var(--spacing-5));margin-bottom:-2px}.mini-cell:before{content:"";background:url(/line/plank-a.svg) 0 0/100% 100% no-repeat;order:1;width:100%;height:18px;display:block}.mini-cell .cover,.mini-cell .slot-empty{order:0}.mini-cell .pull,.mini-cell .mini-gap{order:2}.mini-cell .slot-empty{width:calc(100% - var(--spacing-5))}.mini-cell .slot-empty>span{font-size:var(--text-sm)}.mini .cover-tag{font-size:var(--text-mini-tag);left:6px;right:6px}.mini .wip-note{font-size:var(--text-xs)}.mini-gap{height:var(--spacing-target);display:block}.pull,.plug{justify-content:center;align-items:center;gap:var(--spacing-1);min-height:var(--spacing-target);padding:0 var(--spacing-4);font-family:var(--font-display);font-size:var(--text-base);color:var(--color-ink);display:inline-flex}.pull svg,.plug svg{width:20px;height:20px}.plug{color:var(--color-on-blue);border-image-source:url(/line/btn-blue.svg)}.sums{gap:var(--spacing-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sums>div{gap:var(--spacing-1);display:grid}.sums dt{font-size:var(--text-sm);color:var(--color-ink-soft);order:2}.sums dd{font-family:var(--font-display);order:1;font-size:2.75rem;line-height:1}.sums dd small{font-size:var(--text-kid)}.sums>div:last-child dd{font-size:1.75rem;line-height:1.15}.log{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.log th{text-align:left;color:var(--color-ink-soft);padding:var(--spacing-2) var(--spacing-2) var(--spacing-2) 0;font-weight:600}.log td{padding:var(--spacing-2) var(--spacing-2) var(--spacing-2) 0}.log tr{background:url(/line/rule.svg) 0 100%/100% 6px no-repeat}.ledger{gap:var(--spacing-6);display:grid}.group{gap:var(--spacing-2);display:grid}.group-title{font-family:var(--font-display);font-size:var(--text-kid-lg);font-weight:400}.rows{display:grid}.row{align-items:center;gap:var(--spacing-5);padding:var(--spacing-3) 0;background:url(/line/rule.svg) 0 100%/100% 6px no-repeat;grid-template-columns:64px minmax(0,1fr) auto;display:grid}.cover--mini{width:64px}.row-main{gap:var(--spacing-1);min-width:0;display:grid}.row-title{font-family:var(--font-display);font-size:var(--text-kid);color:var(--color-ink);text-underline-offset:4px;justify-self:start;line-height:1.25}.row-meta{align-items:center;gap:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm);color:var(--color-ink-soft);flex-wrap:wrap;display:flex}.flag{padding:0 var(--spacing-2);border-radius:var(--radius-tag);background:var(--color-paper-shade);color:var(--color-ink);font-size:var(--text-xs);display:inline-block}.fit{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-blue);display:none}.row[data-fit-on] .fit{display:inline}.row-act{align-items:center;gap:var(--spacing-3);display:flex}.on-shelf{align-items:center;gap:var(--spacing-1);font-family:var(--font-display);font-size:var(--text-base);color:var(--color-green);display:inline-flex}.on-shelf svg{width:22px;height:22px}.back--top{margin-left:auto}.to-adult{margin-left:var(--spacing-2);font-family:var(--font-body);font-size:var(--text-base);padding:0 var(--spacing-3);text-underline-offset:4px;text-decoration:underline}.book-page{padding:var(--spacing-8) var(--spacing-gutter) var(--spacing-16);max-width:1320px;margin-inline:auto}.intro{gap:var(--spacing-16);display:grid}.intro-top{gap:var(--spacing-12);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;display:grid}.intro-cover{margin-top:calc(-1 * var(--spacing-6));justify-self:center;width:min(400px,100%);position:relative}.cover--intro{--tilt:-2deg;width:100%}.cover--intro .cover-tag{font-size:var(--text-title);border-image-outset:12px 8px;left:12%;right:12%}.intro-text{justify-items:start;gap:var(--spacing-4);display:grid}.band-tag{padding:var(--spacing-2) var(--spacing-5);font-size:var(--text-kid);line-height:1;transform:rotate(-2deg)}.intro-meta{font-size:var(--text-kid-sub);color:var(--color-ink-soft);line-height:1.2}.intro-plot{font-size:var(--text-kid-sub);max-width:22em;line-height:1.45}.intro-wip{font-size:var(--text-kid-sub);color:var(--color-ink-soft);max-width:20em;padding:var(--spacing-3) var(--spacing-5);background:var(--color-paper);border-radius:var(--radius-tag);line-height:1.35}.preview,.same{gap:var(--spacing-5);display:grid}.preview-list{gap:var(--spacing-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.preview-item{gap:var(--spacing-3);align-content:start;display:grid}.preview-item .ph,.preview-item .art-frame{aspect-ratio:1;height:auto;position:relative;inset:auto}.preview-item .ph-in{inset:50% 8% auto;transform:translateY(-50%)}.preview-text{font-size:var(--text-kid-sub);line-height:1.4}.preview-n{color:var(--color-ink-soft);margin-right:var(--spacing-1)}.preview-none{align-items:center;gap:var(--spacing-4);font-size:var(--text-kid-sub);color:var(--color-ink-soft);display:flex}.preview-none svg{width:120px;height:72px;color:var(--color-ink);flex:none}.same-row{gap:var(--spacing-8);flex-wrap:wrap;align-items:end;display:flex}.same-item{justify-items:center;gap:var(--spacing-2);width:170px;display:grid}.cover--same{width:100%}.same-now{font-size:var(--text-kid-sub);color:var(--color-ink-soft)}.book-page .board-title small{font-family:var(--font-display);font-size:var(--text-kid)}@media (max-width:1023px){.top-in{min-height:88px}.home{gap:var(--spacing-10);grid-template-columns:minmax(0,1fr)}.stand{padding-top:var(--spacing-8)}.stand-in{text-align:left;place-items:center start;column-gap:var(--spacing-10);grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.stand-cover{justify-self:center;width:100%;max-width:280px}.stand-text{justify-items:start}.sticker{top:-40px;left:0}body[data-page=read]{flex-direction:column;display:flex}.reader{--art:min(46vw - var(--spacing-gutter), 100svh - 280px);flex-direction:column;flex:1 0 auto;padding-bottom:0;display:flex}.stage{padding-inline:var(--spacing-gutter);flex:1 0 auto;display:block}.turn--side{display:none}.book{perspective:none;width:auto}.cover--closed{height:min(560px,100svh - 300px)}.spread{min-height:0}.leaf{gap:var(--spacing-8);grid-template-columns:auto minmax(0,1fr);align-items:center;position:relative;inset:auto}.leaf-art{padding:var(--spacing-3)}.leaf-art-in{width:var(--art);height:var(--art)}.leaf-text{gap:var(--spacing-4);border-image:;padding:0}.folio{align-self:flex-end;position:static}.stamp{width:210px;height:105px}.turnbar{margin:var(--spacing-6) 0 0;min-height:88px;padding:var(--spacing-3) var(--spacing-gutter) calc(var(--spacing-3) + env(safe-area-inset-bottom));background:var(--color-bg) url(/line/rule.svg) 0 0 / 100% 6px no-repeat;justify-content:space-between}.turnbar .dots{flex-wrap:wrap;flex:1;justify-content:center}.turn--bar{min-width:var(--spacing-target-kid);min-height:var(--spacing-target-kid);padding:0 var(--spacing-5);display:inline-flex}.reader[data-view=cover] .turnbar,.reader[data-view=wip] .turnbar{display:none}.wip{gap:var(--spacing-8);min-height:calc(100svh - 88px - var(--spacing-6) - 112px);grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.wip-cover{width:min(100%,220px)}.parent-grid{grid-template-columns:minmax(0,1fr)}.intro-top{grid-template-columns:minmax(0,1fr);justify-items:center}.intro-cover{width:60%;max-width:420px;margin-top:0}.intro-text{justify-self:stretch}}@media (max-width:719px){.top--kid .top-in{gap:var(--spacing-2) var(--spacing-4);min-height:0;padding-block:var(--spacing-1) 0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand door""kids kids";display:grid}.top--kid .brand{grid-area:brand;min-height:64px}.top--kid .door{grid-area:door}.top--kid .kids{gap:var(--spacing-5);padding:var(--spacing-1) var(--spacing-3) var(--spacing-1);grid-area:kids;grid-template-columns:1fr 1fr;margin:0;display:grid}.nametag{min-width:0;min-height:60px}.ring{width:calc(100% + 16px);height:calc(100% + 12px);inset:-6px -8px}.brand-mark{width:44px;height:38px}.brand-name{font-size:var(--text-kid-lg)}.home{padding-top:var(--spacing-4);gap:var(--spacing-8)}.shelf-name{margin-bottom:var(--spacing-5)}.shelf{--cols:var(--cols-n,2);--gap:var(--spacing-4);--post:.625rem;--inner:var(--spacing-3)}.only-w{display:none}.only-n{display:block}.plank{margin-bottom:var(--spacing-5);height:22px}.plank--top{margin-bottom:var(--spacing-3)}.stand-in{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.stand-cover{width:62%}.stand-text{justify-items:center}.sticker{width:100px;height:104px;top:-30px;left:2%}.sticker-text{font-size:var(--text-kid)}.doodle--sun{width:56px;height:56px;top:calc(var(--spacing-4) + 6px);right:var(--spacing-gutter)}.doodle--grass{display:none}.topbar-in{gap:var(--spacing-2);min-height:64px;padding-block:0}.back{padding:0 var(--spacing-3)}.back span{display:none}.count{min-width:3.4em;font-size:var(--text-kid)}.topbar-end{gap:var(--spacing-2)}.topbar-end:has(.voice:not([hidden])) .count{min-width:0}.voice{padding:0}.voice-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.reader{--art:min(100vw - 32px, 100svh - 300px);padding-top:var(--spacing-3)}.stage{padding-inline:var(--spacing-4)}.leaf{gap:var(--spacing-5);min-height:calc(100svh - 64px - var(--spacing-3) - 112px - env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);justify-items:center}.leaf-art{width:var(--art);height:var(--art);padding:0}.leaf-art-in{width:calc(var(--art) - 24px);height:calc(var(--art) - 24px)}.leaf-text{padding-inline:var(--spacing-1);justify-self:stretch}.end{justify-items:center;position:static}.stamp{right:var(--spacing-2);top:calc(-1 * (var(--spacing-5) + 104px));width:196px;height:98px;position:absolute}.end-btns{justify-content:center}.turn-label{display:none}.turn--bar{padding:0}.cover--closed{width:min(300px,78vw);height:auto}.wip{text-align:center;justify-items:center;gap:var(--spacing-5);grid-template-columns:minmax(0,1fr);align-content:start;min-height:0}.wip-cover{justify-self:center;width:40%}.cover--wip .cover-tag{font-size:var(--text-kid)}.wip-scribble{width:120px;height:72px}.wip-lead{white-space:normal}.wip-text{justify-items:center;width:100%;min-width:0}.wip-sub{max-width:100%}.wip-picks{justify-content:center;gap:var(--spacing-5);flex-wrap:wrap}.cover--pick,.wip .cover--pick{width:140px}.profiles{grid-template-columns:1fr 1fr;width:100%;display:grid}.profile{min-width:0}.board{padding:var(--spacing-6) var(--spacing-5)}.to-kid{padding:0 var(--spacing-4)}.gate-sheet{padding-top:calc(var(--spacing-target-kid) + var(--spacing-4))}.mini{--mini-cols:2}.sums dd{font-size:2.25rem}.row{row-gap:var(--spacing-2);grid-template-columns:56px minmax(0,1fr);grid-template-areas:"cv main""cv act"}.row-cover{grid-area:cv;align-self:start}.cover--mini{width:56px}.row-main{grid-area:main}.row-act{flex-wrap:wrap;grid-area:act}.intro-cover{width:75%}.preview-list{grid-template-columns:minmax(0,1fr)}.same-row{justify-content:center;gap:var(--spacing-5)}.same-item{width:calc(50% - var(--spacing-5))}.top--book .top-in{gap:var(--spacing-2) var(--spacing-4);flex-wrap:wrap}.top--book .to-adult{padding-inline:var(--spacing-2)}}@media (max-height:640px){.dots{display:none}}@media (min-width:1024px) and (max-height:640px){.reader{--page-h:min(var(--page-w), 100svh - 176px);padding-bottom:var(--spacing-6)}.turnbar{display:none}.leaf-text{padding-block:var(--spacing-6);gap:var(--spacing-4)}.stamp{width:210px;height:105px}.cover--closed{height:calc(100svh - 248px)}}@media (min-width:720px) and (max-width:1023px) and (max-height:640px){.reader{--book-w:calc(100vw - 2 * (var(--spacing-gutter) + var(--spacing-arrow) + var(--spacing-4)));--art:min(var(--book-w) / 2 - var(--spacing-8), 100svh - 148px);padding-bottom:var(--spacing-3)}.stage{padding-inline:0;display:grid}.book{width:var(--book-w)}.turn--side{margin-top:calc(var(--art) / 2 + var(--spacing-3) - var(--spacing-arrow) / 2);display:inline-flex}.turnbar{display:none}.closed{justify-content:center;align-items:center;column-gap:var(--spacing-10);grid-auto-flow:column}.cover--closed{height:calc(100svh - 136px)}.cover--closed .cover-tag{font-size:var(--text-kid-lg);border-image-outset:10px 6px;left:10%;right:10%}.leaf{align-items:start;gap:var(--spacing-6)}.end-btns .btn{padding-inline:var(--spacing-5)}.leaf-text{gap:var(--spacing-3);align-self:center;position:static}.stamp{left:calc(var(--art) - 184px);top:calc(var(--art) - 96px);position:absolute}.stamp-text{font-size:var(--text-kid-lg)}.stamp:before{content:"";border-radius:var(--radius-tag);background:color-mix(in oklab, var(--color-paper) 88%, transparent);position:absolute;inset:9% 6%}.wip{min-height:0}}@media (max-width:719px) and (min-height:760px){.story{font-size:var(--text-story-tall)}}@keyframes pop{0%{opacity:0;transform:rotate(var(--tilt,0deg)) translateY(10px) scale(.92)}}.cover.is-pop{animation:pop .22s var(--ease-out) calc(var(--i,0) * 40ms) both}@keyframes wiggle{0%,to{transform:rotate(var(--tilt,0deg))}30%{transform:rotate(calc(var(--tilt,0deg) + 2deg))}65%{transform:rotate(calc(var(--tilt,0deg) - 2deg))}}@media (hover:hover) and (pointer:fine){a.cover:hover{animation:wiggle .3s var(--ease-out) 1}.btn:hover,.turn:not([disabled]):hover,.back:hover,.door:hover,.nametag:hover{filter:brightness(1.04)}}@keyframes slide-in{0%{opacity:0;transform:translateY(-16px)}}.is-slide{animation:slide-in .22s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.underline path{stroke-dashoffset:0;animation:none}.cover.is-pop,.is-slide,a.cover:hover{animation:none}.ring{transition:none}}
@media (scripting:enabled){.home[data-state=boot] .shelf{display:none}.home[data-state=boot] .shelf-wrap{min-height:min(800px,160vw)}.home[data-state=boot] .shelf-name{opacity:0}}.ring{display:none}.chip:nth-child(odd):is([aria-pressed=true],[aria-current=true],[aria-current=page]){color:var(--color-on-blue);border-image-source:url(/line/tag-a-sel.svg)}.chip--radio:nth-child(odd):has(input:checked){color:var(--color-on-blue);border-image-source:url(/line/tag-a-sel.svg)}.chip:nth-child(2n):is([aria-pressed=true],[aria-current=true],[aria-current=page]){color:var(--color-on-blue);border-image-source:url(/line/tag-b-sel.svg)}.chip--radio:nth-child(2n):has(input:checked){color:var(--color-on-blue);border-image-source:url(/line/tag-b-sel.svg)}:is(.nametag--blue[aria-pressed=true],.profile--blue[aria-pressed=true],.swatch:has(input:checked) .swatch-tag){border-image-source:url(/line/tag-kid-blue-sel.svg)}:is(.nametag--green[aria-pressed=true],.profile--green[aria-pressed=true],.swatch--green:has(input:checked) .swatch-tag){border-image-source:url(/line/tag-kid-green-sel.svg)}:is(.nametag--orange[aria-pressed=true],.profile--orange[aria-pressed=true],.swatch--orange:has(input:checked) .swatch-tag){border-image-source:url(/line/tag-kid-orange-sel.svg)}:is(.nametag--purple[aria-pressed=true],.profile--purple[aria-pressed=true],.swatch--purple:has(input:checked) .swatch-tag){border-image-source:url(/line/tag-kid-purple-sel.svg)}a.chip{align-items:center;text-decoration:none;display:inline-flex}.chip--radio{cursor:pointer;align-items:center;display:inline-flex}.chip--radio input,.swatch input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}:is(.chip--radio:has(input:focus-visible),.swatch:has(input:focus-visible)){outline:4px solid var(--color-accent);outline-offset:4px}.nametag--blue,.profile--blue{border-image-source:url(/line/tag-kid-blue.svg)}.nametag--green,.profile--green{border-image-source:url(/line/tag-kid-green.svg)}.nametag--orange,.profile--orange{border-image-source:url(/line/tag-kid-orange.svg)}.nametag--purple,.profile--purple{border-image-source:url(/line/tag-kid-purple.svg)}.nametag{max-width:15em}.nametag-name,.profile-name{overflow-wrap:anywhere;text-align:center;line-height:1.1}.nametag--long{font-size:var(--text-kid)}.shelf-name{overflow-wrap:anywhere}.top--kid .kids{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;min-width:0;padding:var(--spacing-2);margin-block:calc(-1 * var(--spacing-2));flex-wrap:nowrap;flex:0 auto;position:relative;overflow-x:auto}.top--kid .kids::-webkit-scrollbar{display:none}.top--kid .nametag{scroll-snap-align:end;flex:none}.top--kid .brand{flex:none}.new-note{z-index:2;padding:var(--spacing-1) var(--spacing-3);font-family:var(--font-hand);font-weight:700;font-size:calc(var(--text-kid) * 1.15);white-space:nowrap;color:var(--color-ink);border:0 solid #0000;border-image:url(/line/tag-flat.svg) 40 fill/20px;line-height:1;position:absolute;top:-4%;right:-5%;transform:rotate(6deg)}.new-note:before{content:"";background:url(/line/tape.svg) 0 0/100% 100% no-repeat;width:52px;height:18px;margin-left:-26px;position:absolute;top:-10px;left:50%;transform:rotate(-8deg)}@container (max-width:125px){.new-note{font-size:var(--text-sm);padding:0 var(--spacing-2)}.new-note:before{display:none}}button.cover{width:100%;text-align:inherit;font:inherit;color:var(--color-ink);padding:0}.cover--resting .ph--cover .ph-in,.cover--wip .ph--cover .ph-in{justify-content:center;inset:30% 8% 20%}.cover--resting .ph-icon,.cover--wip .ph-icon{width:56px;height:42px}.cover--resting .cover-tag{color:var(--color-ink-soft)}.wip-note{z-index:2}.welcome,.band-pick{gap:var(--spacing-6);display:grid}.welcome .plank,.band-pick .plank{margin:0}.welcome-btns{gap:var(--spacing-6);padding:var(--spacing-4) var(--spacing-2);flex-wrap:wrap;display:flex}.btn--big{min-height:4.5rem;padding-inline:var(--spacing-10);font-size:var(--text-kid-lg)}.welcome-note{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink-soft)}.band-pick-tags{gap:var(--spacing-8);padding:var(--spacing-6) var(--spacing-2);flex-wrap:wrap;display:flex}.band-pick-tag{min-width:9rem;min-height:var(--spacing-target-kid);padding-inline:var(--spacing-6);font-size:var(--text-kid-lg);color:var(--color-ink);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.band-pick-tag:nth-child(2){border-image-source:url(/line/tag-b.svg);transform:rotate(1.5deg)}.band-tools{align-items:center;gap:var(--spacing-6);margin-top:var(--spacing-4);flex-wrap:wrap;display:flex}.shelf-empty{font-family:var(--font-hand);font-weight:700;font-size:calc(var(--text-kid) * 1.35);color:var(--color-ink-soft);padding:var(--spacing-2) var(--spacing-2) var(--spacing-6);line-height:1.2}.shelf-empty a{color:var(--color-blue);text-underline-offset:4px}.home-more{padding:0 var(--spacing-gutter) var(--spacing-10);justify-content:center;max-width:1600px;margin-inline:auto;display:flex}.foot-links{align-items:center;gap:0 var(--spacing-5);font-family:var(--font-body);font-size:var(--text-base);flex-wrap:wrap;display:flex}.foot-links a{min-height:var(--spacing-target);color:var(--color-ink);text-underline-offset:4px;align-items:center;gap:.3em;display:inline-flex}.foot-brand{font-family:var(--font-display);font-size:var(--text-kid)}.read-foot{justify-content:center;align-items:center;gap:var(--spacing-2) var(--spacing-6);padding:var(--spacing-4) var(--spacing-gutter) var(--spacing-8);flex-wrap:wrap;display:flex}.report-open{min-height:var(--spacing-target);padding:0 var(--spacing-3);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);text-underline-offset:4px;align-items:center;text-decoration:underline;display:inline-flex}@media (max-width:1023px){.leaf-text{padding:var(--spacing-5) var(--spacing-6);border-image:url(/line/paper-b.svg) 32 fill/12px}}@media (max-width:719px){.leaf-text{padding:var(--spacing-3) var(--spacing-4);border-image-width:10px}}@media (min-width:720px) and (max-width:1023px) and (max-height:640px){.reader{--art:min(var(--book-w) / 2 - var(--spacing-8), 100svh - 164px)}.leaf-text{padding:var(--spacing-3);gap:var(--spacing-1);border-image-width:10px}}.reader{--curl-shade:var(--sun-ink);--curl-glint:transparent;--pt-back:var(--color-paper)}html[data-mode=moon] .reader{--curl-shade:var(--moon-shade);--curl-glint:color-mix(in srgb, var(--moon-ink) 28%, transparent);--pt-back:var(--moon-paper-back)}.curl{z-index:4;pointer-events:none;position:absolute;inset:0}.curl-page,.curl-shade{position:absolute}.curl-page{will-change:clip-path}.curl-back{transform-origin:0 0;will-change:transform, clip-path}.curl-page>*{width:100%;height:100%;min-height:0;margin:0;position:absolute;inset:0}.curl-sheet{background:var(--color-bg) url(/line/grain.svg) 0 0 / 240px 240px}.curl-blank{border:0 solid #0000;border-image:url(/line/paper-a.svg) 32 fill/16px}html[data-mode=moon] .curl-back{filter:brightness(.88)}html[data-mode=moon] .curl-sheet{background:var(--moon-sky) url(/line/grain.svg) 0 0 / 240px 240px}html[data-mode=moon] .curl-blank{filter:brightness(.8)}.pt--flip{perspective:2000px}.pt-under,.pt-leaf{position:absolute}.pt-under{will-change:opacity}.pt-leaf{transform-style:preserve-3d;will-change:transform}.pt-face{backface-visibility:hidden;position:absolute;inset:0}.pt-face--back{border:0 solid #0000;background:var(--pt-back);background-clip:padding-box;border-image-source:url(/line/paper-b.svg);border-image-slice:32 fill;border-image-width:12px;border-image-repeat:stretch;overflow:hidden;transform:rotateY(180deg)}.pt-back-art{opacity:.55;position:absolute;inset:0}.pt-back-art>.leaf-art{padding:var(--spacing-2)}.pt-back-art .leaf-art-in{aspect-ratio:1;width:auto;max-width:100%;height:100%}.pt-shade{background:var(--curl-shade);opacity:0;pointer-events:none;border-radius:6px;position:absolute;inset:6px}.curl-page>.pt-shade{width:auto;height:auto;inset:6px}.pt-face--front:after{content:"";background:var(--curl-glint);border-radius:1px;width:2px;position:absolute;top:8px;bottom:8px;right:3px}.pt-leaf--back .pt-face--front:after{left:3px;right:auto}.pt-card{will-change:transform;position:absolute}.pt-card:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--curl-shade) 24%, transparent), transparent);width:28px;position:absolute;top:0;bottom:0;left:100%}.pt-card--back:before{background:linear-gradient(270deg, color-mix(in srgb, var(--curl-shade) 24%, transparent), transparent);left:auto;right:100%}.pt-card:after{content:"";background:var(--curl-glint);width:2px;position:absolute;top:0;bottom:0;right:0}.pt-card--back:after{left:0;right:auto}@media (min-width:1024px){.reader[data-view=leaf] .spread:after{content:"";top:var(--spacing-2);bottom:var(--spacing-2);z-index:3;pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--curl-shade) 14%, transparent) 46%, color-mix(in srgb, var(--curl-shade) 22%, transparent) 50%, color-mix(in srgb, var(--curl-shade) 14%, transparent) 54%, transparent);width:56px;position:absolute;left:50%;transform:translate(-50%)}}[data-reader][data-drag]{-webkit-user-select:none;user-select:none}.wip.rest{min-height:0;padding:var(--spacing-10) var(--spacing-gutter) var(--spacing-12);max-width:1240px;margin-inline:auto}.wip.rest--error,.wip.state{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.wip.rest--error .wip-text,.wip.state .wip-text{justify-items:center}.wip.rest .wip-lead{white-space:normal}.torn{padding:var(--spacing-3) var(--spacing-8);border:0 solid #0000;border-image:url(/line/tag-b.svg) 40 fill/20px;font-weight:400;display:inline-block;transform:rotate(-2deg)}.wip.rest .btn{margin-top:var(--spacing-4)}.loading{justify-items:center;gap:var(--spacing-4);padding:var(--spacing-24) var(--spacing-gutter);display:grid}.loading-doodle{width:80px;height:80px;color:var(--color-ink)}.loading-text{font-size:var(--text-kid-lg);color:var(--color-ink-soft)}.intro-lesson{font-size:var(--text-kid-sub);max-width:22em;line-height:1.4}.intro-lesson-k{font-family:var(--font-hand);color:var(--color-ink-soft);font-weight:700}.intro-acts{align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.intro-acts .btn svg{width:24px;height:24px}.intro-report{justify-content:center;display:flex}.books-page{gap:var(--spacing-10);display:grid}.books-lead{font-family:var(--font-display);font-size:var(--text-kid)}.books-filter{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.band-shelf{gap:var(--spacing-5);display:grid}.band-shelf .board-title small{font-family:var(--font-display);font-size:var(--text-kid);color:var(--color-ink-soft)}.shelf--wide{--cols-w:4}.parent-msg{padding:var(--spacing-3) var(--spacing-5);font-size:var(--text-base);background:var(--color-paper);border-radius:var(--radius-tag)}.board--kids{gap:var(--spacing-6)}.profiles{flex-wrap:wrap;align-items:flex-start}.kid-card{gap:var(--spacing-3);justify-items:start;display:grid}.kid-acts{gap:var(--spacing-2);padding-left:var(--spacing-2);flex-wrap:wrap;display:flex}.kid-act{min-height:var(--spacing-target);min-width:var(--spacing-target);padding:0 var(--spacing-4);font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-ink);border-radius:var(--radius-button);border:0 solid #0000;border-image:url(/line/btn-paper.svg) 64 fill/32px;justify-content:center;align-items:center;display:inline-flex}.kid-act[disabled]{opacity:.35;cursor:default}.kid-act:not([disabled]):active{transform:scale(.96)}.profile--add{align-items:center;gap:var(--spacing-2);border-image-source:url(/line/tag-flat.svg);display:inline-flex;transform:rotate(-1deg)}.profile--add svg{flex:none;width:26px;height:26px}.profile--long .profile-name{font-size:var(--text-kid)}.kids-full{font-size:var(--text-sm);color:var(--color-ink-soft);align-self:center}.kid-form{gap:var(--spacing-5);padding:var(--spacing-6);background:var(--color-paper-shade);border-radius:var(--radius-paper);max-width:40rem;display:grid}.kid-form-title{font-family:var(--font-display);font-size:var(--text-kid-lg);font-weight:400;line-height:1.2}.field{gap:var(--spacing-2);border:0;min-width:0;margin:0;padding:0;display:grid}.field-label{font-family:var(--font-display);font-size:var(--text-kid);padding:0;line-height:1.2}.field-label small{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink-soft);margin-left:var(--spacing-1)}.field-input{width:100%;max-width:22rem;min-height:var(--spacing-target);padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-display);font-size:var(--text-kid);color:var(--color-ink);border-radius:var(--radius-paper);background:0 0;border:0 solid #0000;border-image:url(/line/paper-flat.svg) 32 fill/16px}.field-input--area{max-width:none;min-height:6rem;font-family:var(--font-body);font-size:var(--text-sm);resize:vertical;line-height:1.5}.field-input:focus-visible{outline:4px solid var(--color-accent);outline-offset:2px}.field-input[aria-invalid=true]{border-image-source:url(/line/tag-kid-orange.svg);border-image-slice:40 fill;border-image-width:20px}.field-hint{font-size:var(--text-sm);color:var(--color-ink-soft);max-width:40em}.field-err{font-size:var(--text-sm);color:var(--color-accent);font-weight:600}.field .chips{gap:var(--spacing-3)}.fb-happy{gap:var(--spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fb-chip,.fb-fix,.fb-why{align-items:center;gap:var(--spacing-2);border-radius:var(--radius-button);font-family:var(--font-display);color:var(--color-ink);text-align:left;cursor:pointer;transition:transform .12s var(--ease-out);border:0 solid #0000;border-image:url(/line/btn-paper.svg) 64 fill/32px;line-height:1.2;display:inline-flex}.fb-chip{min-height:72px;padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-kid)}.fb-chip-icon{flex:none;width:40px;height:40px}.fb-chip[data-picked],.fb-why[aria-pressed=true]{color:var(--color-on-blue);border-image-source:url(/line/btn-blue.svg)}.fb-chip:active,.fb-fix:active,.fb-why:active{transform:scale(.96)}.fb-chip:disabled,.fb-fix:disabled,.fb-why:disabled{cursor:default}.fb-fix-row{justify-items:start;gap:var(--spacing-1);margin-top:var(--spacing-3);display:grid}.fb-fix{min-height:var(--spacing-target-kid);padding:0 var(--spacing-5) 0 var(--spacing-3);font-size:var(--text-kid)}.fb-fix-icon{flex:none;width:32px;height:32px}.fb-whys{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.fb-why{min-height:var(--spacing-target-kid);padding:0 var(--spacing-4);font-size:var(--text-kid)}.fb-why-icon{flex:none;width:24px;height:24px}.fb-gate{gap:var(--spacing-4);text-align:center;display:grid}.fb-gate .gate-kicker{padding-inline:0}@media (max-width:479px){.fb-happy{grid-template-columns:minmax(0,1fr)}}.field-input::placeholder{color:var(--color-ink-soft);opacity:1}.swatches{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.swatch{cursor:pointer;border-radius:var(--radius-tag);display:inline-flex;position:relative}.swatch-tag{min-width:5.5rem;min-height:var(--spacing-target);padding:0 var(--spacing-4);font-family:var(--font-display);font-size:var(--text-kid);color:var(--color-ink);border:0 solid #0000;border-image:url(/line/tag-kid-blue.svg) 40 fill/20px;justify-content:center;align-items:center;display:inline-flex}.swatch--green .swatch-tag{border-image-source:url(/line/tag-kid-green.svg)}.swatch--orange .swatch-tag{border-image-source:url(/line/tag-kid-orange.svg)}.swatch--purple .swatch-tag{border-image-source:url(/line/tag-kid-purple.svg)}.swatch:has(input:checked) .swatch-tag{transform:rotate(-3deg)scale(1.06)}.form-acts{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.plug--band{min-height:var(--spacing-target)}.board--data .data-acts{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.btn--danger{color:var(--color-accent)}.data-reset-note{margin-top:var(--spacing-4)}.sheet{text-align:left;justify-items:stretch}.sheet-title{font-family:var(--font-display);font-size:var(--text-kid-lg);padding-right:var(--spacing-12);font-weight:400;line-height:1.25}.sheet-lead{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--text-body--line-height);color:var(--color-ink)}.sheet-form{gap:var(--spacing-5);display:grid}.sheet-acts{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.sheet-acts .btn{min-height:var(--spacing-target);padding-inline:var(--spacing-6);font-size:var(--text-kid)}.sheet .wip-picks{justify-content:flex-start}.sheet .cover--pick{width:clamp(120px,28vw,150px)}[data-sheet] .gate-sheet,[data-report] .gate-sheet{width:min(560px,100%);max-height:calc(100svh - 2 * var(--spacing-gutter));--sheet-frame:16px;border-width:var(--sheet-frame);padding:calc(var(--spacing-10) - var(--sheet-frame)) calc(var(--spacing-8) - var(--sheet-frame)) calc(var(--spacing-8) - var(--sheet-frame));overflow-y:auto}:is([data-sheet],[data-report]) .gate-sheet>.gate-close{top:0;right:0}@media (max-width:719px){[data-sheet] .gate-sheet,[data-report] .gate-sheet{padding-top:calc(var(--spacing-target-kid) + var(--spacing-4) - var(--sheet-frame))}}.legal{max-width:960px}.legal-sec{gap:var(--spacing-3)}.legal-h{font-size:var(--text-kid-lg)}.legal-p{font-size:var(--text-base);line-height:var(--text-body--line-height);max-width:46em}.legal-p a{color:var(--color-blue);text-underline-offset:4px}.legal-list{gap:var(--spacing-2);font-size:var(--text-base);max-width:46em;padding-left:1.6em;line-height:1.55;list-style:decimal;display:grid}.legal-list--plain{list-style:outside}.faq{gap:var(--spacing-1);padding-top:var(--spacing-3);display:grid}.faq-q{font-family:var(--font-display);font-size:var(--text-kid);font-weight:400;line-height:1.3}.opt-out{gap:var(--spacing-3);display:grid}.net-note{z-index:30;top:calc(var(--spacing-3) + env(safe-area-inset-top));padding:var(--spacing-2) var(--spacing-5);max-width:calc(100vw - 2 * var(--spacing-gutter));font-family:var(--font-display);font-size:var(--text-kid);text-align:center;color:var(--color-ink);border:0 solid #0000;border-image:url(/line/tag-a.svg) 40 fill/20px;line-height:1.25;position:fixed;left:50%;transform:translate(-50%)rotate(-1.5deg)}.draft-band{padding:var(--spacing-3) var(--spacing-gutter);font-family:var(--font-body);font-size:var(--text-sm);text-align:center;background:var(--color-paper) url(/line/rule.svg) 0 100% / 100% 6px no-repeat}@media (max-width:719px){.welcome-btns{flex-direction:column;align-items:stretch}.btn--big{white-space:normal;text-align:center}.band-pick-tags{gap:var(--spacing-5)}.band-pick-tag{flex:8rem;min-width:0}.profiles{grid-template-columns:1fr 1fr;display:grid}.kid-card .profile{width:100%}.kid-acts{padding-left:0}.kid-form{padding:var(--spacing-5) var(--spacing-4)}.read-foot{text-align:center;flex-direction:column}.shelf--wide{--cols-n:2}.sheet-acts .btn{flex:auto}}@media (prefers-reduced-motion:reduce){.swatch:has(input:checked) .swatch-tag{transform:none}}html[data-mode=moon] body{--color-bg:var(--moon-sky);--color-ink:var(--moon-ink);--color-ink-soft:var(--moon-ink-soft);--color-accent:var(--moon-gold);background:radial-gradient(120% 70% at 50% 0, var(--moon-sky-hi), transparent 70%), var(--moon-sky) url(/line/grain.svg) 0 0 / 240px 240px}html[data-mode=moon] :where(.f-paper,.f-paper-b,.f-paper-flat,.f-tag,.f-tag-b,.f-tag-flat,.f-btn-paper,.nametag--a,.nametag--b,.profile,.cover-tag,.chip,.band-tag,.band-pick-tag,.btn--paper,.turn,.back,.door,.num,.gate-close,.to-kid,.pull,.wip-note,.slot-empty>span,.leaf-art,.board,.gate-sheet,.skip,.notice,.flag,.intro-wip,.voice,.mode,.new-note,.torn,.parent-msg,.kid-act,.kid-form,.field-input,.swatch-tag,.net-note,.draft-band,.curl-page,.foot-lang-panel){--color-bg:var(--sun-bg);--color-ink:var(--sun-ink);--color-ink-soft:var(--sun-ink-soft);--color-accent:var(--sun-accent);color:var(--color-ink)}html[data-mode=moon] :where(.leaf-text){--color-ink:var(--sun-ink);--color-ink-soft:var(--sun-ink-soft);--color-accent:var(--sun-accent);color:var(--color-ink)}html[data-mode=moon] :focus-visible{outline-color:var(--moon-gold)}html[data-mode=moon] :is(.foot-lang-panel,.board,.gate-sheet,.leaf-text,.kid-form) :focus-visible{outline-color:var(--sun-accent)}html[data-mode=moon] .reader .stage,html[data-mode=moon] .shelf-wrap{background:radial-gradient(closest-side, color-mix(in srgb, var(--color-paper) 16%, transparent), transparent)}.sky-body{width:var(--spacing-target-kid);height:var(--spacing-target-kid);color:var(--color-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.sky-body-art{width:100%;height:100%;transition:transform .16s var(--ease-out)}.sky-body .mode-icon--moon{color:var(--moon-gold)}.sky-body:active .sky-body-art{transform:scale(.86)rotate(-10deg)}@media (prefers-reduced-motion:no-preference){.sky-body[data-wobble] .sky-body-art{animation:sky-wobble .42s var(--ease-out)}}@keyframes sky-wobble{0%{transform:scale(.8)rotate(-14deg)}55%{transform:scale(1.06)rotate(7deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){.sky-body-art{transition:none}.sky-body:active .sky-body-art{transform:none}}html[data-mode=moon] :is(.mode-icon--sun,.mode-say--sun),html:not([data-mode=moon]) :is(.mode-icon--moon,.mode-say--moon){display:none}@media (max-width:719px){.top--kid .top-in{align-items:center;column-gap:var(--spacing-1);padding-block:var(--spacing-1);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand kids sky"}.top--kid .brand{min-height:64px}.top--kid .brand-name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.top--kid .kids{gap:var(--spacing-2);margin:calc(-1 * var(--spacing-2)) 0;padding:var(--spacing-2) var(--spacing-1);display:flex}.top--kid .kids>:first-child{margin-left:auto}.top--kid .nametag{min-width:60px;min-height:60px;padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-kid)}.top--kid .sky-body--top{grid-area:sky;margin-left:0}}@media (min-width:720px){.top--kid .kids>:first-child,.top--kid .kids[hidden]+.sky-body--top{margin-left:auto}}.sky-body--top{margin-left:var(--spacing-2)}@media (max-width:479px){:is(.top--parent,.top--book) .brand-name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@media (max-width:719px){.topbar .count{display:none}.topbar-in{padding-inline:var(--spacing-2);gap:var(--spacing-1)}.topbar .sky-body--top{margin-left:0}.turnbar .dots{display:flex}.turnbar{padding-inline:var(--spacing-2)}}.voice[data-level]:not([data-level=off]){color:var(--color-on-blue);border-image-source:url(/line/btn-blue.svg)}.voice:not([data-level=off]) .voice-lv--off,.voice:not([data-level="1"]) .voice-lv--1,.voice:not([data-level="2"]) .voice-lv--2,.voice:not([data-level="3"]) .voice-lv--3,.voice:not([data-level="4"]) .voice-lv--4{display:none}.reader[data-view=cover] .cover--closed{cursor:pointer}.topbar .voice{flex:none}@media (min-width:1024px){.topbar-in{grid-template-columns:auto minmax(0,1fr) auto}.topbar-in>.read-title{text-align:center;justify-self:center}}@media (max-width:1023px){.topbar .voice{padding:0}.topbar .voice-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}.ctl{flex:none;align-items:center;display:inline-flex;position:relative}.ctl-panel{align-items:center;gap:var(--spacing-2);display:inline-flex}.ctl-toggle{display:none}.ctl-marks{gap:1px;display:flex;position:absolute;bottom:2px;right:2px}.ctl-mark{background:var(--color-blue);width:18px;height:18px;color:var(--color-on-blue);border-radius:50%;padding:1px;display:none}.ctl[data-voice-on] .ctl-mark--voice,.ctl[data-auto-on] .ctl-mark--auto{display:block}@media (max-width:719px){.ctl-toggle{padding:0;display:inline-flex}.ctl[data-open] .ctl-toggle{color:var(--color-on-blue);border-image-source:url(/line/btn-blue.svg)}.ctl-panel{top:calc(100% + var(--spacing-2));z-index:30;width:max-content;max-width:calc(100vw - 2 * var(--spacing-2));padding:var(--spacing-3);color:var(--color-ink);border:0 solid #0000;border-image:url(/line/paper-a.svg) 32 fill/16px;flex-direction:column;align-items:stretch;position:absolute;right:0}.ctl:not([data-open]) .ctl-panel{display:none}.topbar .ctl-panel .voice{width:100%;padding:0 var(--spacing-6) 0 var(--spacing-4);justify-content:flex-start}.topbar .ctl-panel .voice-label{clip:auto;width:auto;height:auto;margin:0;position:static;overflow:visible}}@media (max-width:719px) and (prefers-reduced-motion:no-preference){.ctl[data-open] .ctl-panel{animation:ctl-drop .16s var(--ease-out);transform-origin:100% 0}.ctl[data-open] .ctl-panel>*{animation:ctl-item .18s var(--ease-out) backwards}.ctl[data-open] .ctl-panel>:nth-child(2){animation-delay:50ms}}@keyframes ctl-drop{0%{opacity:0;transform:translateY(-6px)scaleY(.92)}}@keyframes ctl-item{0%{opacity:0;transform:translateY(-10px)}}html[data-mode=moon] :where(.ctl-panel){--color-ink:var(--sun-ink);color:var(--color-ink)}.sky{z-index:-1;pointer-events:none;display:none;position:fixed;inset:0;overflow:hidden}html[data-mode=moon] .sky{display:block}.sky-star{color:var(--moon-gold);left:var(--x);top:var(--y);width:var(--s);height:var(--s);opacity:.8;position:absolute}.sky-field{position:absolute;inset:0}.sky-shoot{left:var(--fx,26%);top:var(--fy,2%);background:linear-gradient(90deg, transparent, var(--moon-gold));opacity:0;width:220px;height:4px;transform:rotate(var(--fa,8deg));transform-origin:100%;border-radius:2px;position:absolute}.sky-shoot:after{content:"";background:var(--moon-gold);width:12px;height:12px;box-shadow:0 0 10px 3px var(--moon-gold);border-radius:50%;position:absolute;top:-4px;right:-4px}@media (prefers-reduced-motion:no-preference){html[data-mode=moon] .sky-star{animation:twinkle var(--t) ease-in-out var(--d) infinite}html[data-mode=moon] .sky-field{animation:120s ease-in-out infinite alternate sky-drift}html[data-mode=moon] .sky-shoot[data-fly]{animation:1.1s cubic-bezier(.3,.1,.4,1) both shoot}}@keyframes twinkle{0%,to{opacity:.85;transform:scale(1)}50%{opacity:.25;transform:scale(.8)}}@keyframes sky-drift{0%{transform:translate(0,0)}to{transform:translate(-28px,14px)}}@keyframes shoot{0%{opacity:0;transform:rotate(var(--fa,8deg)) translateX(0)}18%{opacity:1}to{opacity:0;transform:rotate(var(--fa,8deg)) translateX(min(46vw, 560px))}}.sky-day{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}html[data-mode=moon] .sky-day{display:none}.sky-cloud{left:var(--x);top:var(--y);width:var(--w);height:calc(var(--w) * .7);color:var(--color-ink-soft);opacity:.8;position:absolute}@media (max-width:719px){.sky-cloud{width:calc(var(--w) * .62);height:calc(var(--w) * .62 * .7)}}.sky-plane{left:0;top:var(--fy,8%);width:68px;height:48px;color:var(--color-crayon-blue);opacity:0;position:absolute;transform:translate(-80px)}@media (prefers-reduced-motion:no-preference){html:not([data-mode=moon]) .sky-cloud{animation:cloud-drift var(--t) ease-in-out infinite alternate}html:not([data-mode=moon]) .sky-cloud:nth-child(2n){animation-direction:alternate-reverse}html:not([data-mode=moon]) .sky-plane[data-fly]{animation:9s linear both plane-cross}}@keyframes cloud-drift{0%{transform:translate(-18px)}to{transform:translate(22px,-6px)}}@keyframes plane-cross{0%{opacity:0;transform:translate(-80px)rotate(-2deg)}6%{opacity:.9}50%{transform:translate(50vw,-10px)rotate(2deg)}94%{opacity:.9}to{opacity:0;transform:translate(calc(100vw + 20px))rotate(-2deg)}}.goodnight{display:none}html[data-mode=moon] .goodnight{left:var(--spacing-3);top:var(--spacing-3);z-index:2;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-tag);background:color-mix(in oklab, var(--color-paper) 92%, transparent);color:var(--sun-ink);font-family:var(--font-display);font-size:var(--text-kid);white-space:nowrap;margin:0;line-height:1.3;display:flex;position:absolute}html[data-mode=moon] .stamp{--color-accent:var(--sun-accent);color:var(--sun-accent)}@media (max-width:719px) and (max-height:700px){.reader{--art:min(100vw - 32px, 100svh - 342px);padding-top:var(--spacing-2)}.leaf{gap:var(--spacing-3);min-height:calc(100svh - 64px - var(--spacing-2) - 80px - env(safe-area-inset-bottom))}.leaf:has(.end){--art:min(100vw - 32px, 100svh - 426px)}.leaf:has(.end) .stamp{width:160px;height:80px;top:calc(-1 * (var(--spacing-3) + 86px))}.leaf:has(.end) .stamp-text{font-size:var(--text-kid-lg)}.story{font-size:1.375rem;line-height:1.38}.folio{display:none}.leaf-text,.end{gap:var(--spacing-3)}.stamp{top:calc(-1 * (var(--spacing-3) + 104px))}.turnbar{min-height:72px;margin-top:var(--spacing-2);padding-block:var(--spacing-1) calc(var(--spacing-1) + env(safe-area-inset-bottom))}}@media (max-width:719px){.end-btns{gap:var(--spacing-2);flex-wrap:nowrap}.end-btns .btn{padding-inline:var(--spacing-4)}}@media (max-width:719px) and (min-height:701px){.leaf:has(.end){--art:min(100vw - 72px, 100svh - 300px)}}@media (min-width:1024px){.home>.shelf-wrap{grid-area:1/1}.home>.stand{grid-area:1/2}.leaf-text .end-btns{padding-inline-end:var(--spacing-8)}}.intro-cover-link{color:inherit;text-decoration:none;display:block}.intro-cover-link:active .cover-face{transform:scale(.96)}[data-returned]:focus{outline:4px solid var(--color-accent);outline-offset:4px}.new-note--inline{margin-top:var(--spacing-3);justify-self:start;position:relative;top:auto;right:auto;transform:rotate(-3deg)}.new-note--under{font-size:var(--text-kid);inset:auto auto 6% -6%;transform:rotate(-4deg)}.new-note--under:before{display:none}.series-head{max-width:46em}.series-head .page-lead{font-family:var(--font-body);line-height:1.6}.series-guide{color:var(--color-ink)}.series-family{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink-soft)}.series-start{margin-top:var(--spacing-3)}.series-shelf{margin-top:var(--spacing-10)}.series-line{align-items:center;gap:var(--spacing-1) var(--spacing-4);font-family:var(--font-body);font-size:var(--text-base);flex-wrap:wrap;display:flex}.series-reader{color:var(--color-ink)}.series-nav{gap:var(--spacing-3);margin-top:var(--spacing-4);flex-wrap:wrap;display:flex}.adult-shelf{margin-top:var(--spacing-12)}.adult-pick{justify-items:start}.adult-name{font-family:var(--font-display);font-size:var(--text-kid)}@media (min-width:720px) and (max-width:1023px) and (min-height:641px){.leaf{align-items:stretch}.leaf-text{justify-content:center;align-self:stretch;position:relative}.folio{right:var(--spacing-6);bottom:var(--spacing-5);position:absolute}}.chip[role=radio]:nth-child(odd)[aria-checked=true]{color:var(--color-on-blue);border-image-source:url(/line/tag-a-sel.svg)}.chip[role=radio]:nth-child(2n)[aria-checked=true]{color:var(--color-on-blue);border-image-source:url(/line/tag-b-sel.svg)}.chip[role=radio]{justify-content:center;align-items:center;display:inline-flex}.chip[role=radio][aria-checked=true]{background:linear-gradient(var(--color-blue), var(--color-blue)) center / calc(100% - 14px) calc(100% - 14px) no-repeat;color:var(--color-on-blue)}.chip[role=radio]>span{align-items:center;gap:.3em;display:inline-flex}.chip[role=radio]>span:before{content:"✓";text-align:center;width:.9em;font-family:var(--font-body);opacity:0;font-size:.8em;display:inline-block}.chip[role=radio][aria-checked=true]>span:before{opacity:1}.lang-note{margin:var(--spacing-3) auto 0;max-width:34ch;font-family:var(--font-body);font-size:var(--text-xs);text-align:center;color:var(--color-ink);line-height:1.5}.intro>.lang-note{max-width:none;margin:0 0 var(--spacing-4)}html[lang=ja] .sticker-text{letter-spacing:-.08em;width:4.2em}html[lang=ja] :is(.story,.intro-plot,.intro-lesson,.preview-text,.wip-sub,.page-lead,.legal-p){line-break:strict;text-wrap:pretty}html[lang=ja] body{word-break:normal;overflow-wrap:anywhere}:is(.board,.legal-sec,.ledger,.group){overflow-wrap:anywhere;min-width:0}:is(.board,.legal-sec,.ledger) .btn{white-space:normal;text-align:center;overflow-wrap:anywhere;max-width:100%}:is(.board,.legal-sec,.ledger) .btn>span,.sums>div{min-width:0}.sums dt{overflow-wrap:anywhere;line-height:1.3}.sums>div:last-child dd{overflow-wrap:anywhere;font-size:clamp(1.125rem,5.6vw,1.75rem)}@media (max-width:719px){.sums{grid-template-columns:repeat(2,minmax(0,1fr))}.sums>div:last-child{grid-column:1/-1}}.log th,.log td{overflow-wrap:anywhere}.log th:first-child,.log td:first-child,.log th:last-child,.log td:last-child{white-space:nowrap;overflow-wrap:normal}.sums dd small{white-space:nowrap}.sums>div:last-child dd{overflow-wrap:break-word}.btn--danger,.board .btn{text-wrap:balance}.board--lang .chips{gap:var(--spacing-3)}.board--lang .chip{padding-inline:var(--spacing-4)}.chip[role=radio]>span:before{width:.75em}.stamp-text{white-space:nowrap;text-align:center}html[lang=ja] .read-title{text-wrap:balance}.guide-fake{pointer-events:none;-webkit-user-select:none;user-select:none;cursor:default}.guide-head{align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-3);display:flex}.guide-head .legal-h{min-width:0;margin:0}.guide-num{box-sizing:border-box;min-width:3.5rem;height:3.5rem;padding:0 var(--spacing-3);font-family:var(--font-display);font-size:var(--text-kid-lg);color:var(--color-on-blue);background-color:var(--color-blue);border-radius:var(--radius-button);border:0 solid #0000;border-image:url(/line/tag-a-sel.svg) 40 fill/20px;flex:none;place-items:center;line-height:1;display:grid}.guide-demo{align-items:center;gap:var(--spacing-4);margin:var(--spacing-4) 0;flex-wrap:wrap;display:flex}.guide-demo .btn,.guide-demo .num{max-width:100%}.guide-round{min-width:var(--spacing-target-kid);padding:0}.guide-keys{gap:var(--spacing-2);flex-wrap:wrap;display:inline-flex}.guide-key{min-width:2.75rem;min-height:2.75rem;padding:0 var(--spacing-3);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);background:var(--color-paper);border:2px solid var(--color-ink);border-radius:12px 10px 13px 9px/10px 13px 9px 12px;place-items:center;line-height:1;display:inline-grid}.guide-swipe{align-items:center;gap:var(--spacing-2);color:var(--color-ink-soft);display:inline-flex}.guide-swipe svg,.guide-arrow{flex:none;width:2rem;height:2rem}.guide-swipe-line{border-top:4px dotted var(--color-ink-soft);width:4rem;height:0}.guide-arrow{color:var(--color-ink-soft)}.guide-demo-note{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink-soft)}.guide-vol{min-width:4rem;padding:0 var(--spacing-3);place-items:center;display:inline-grid}.guide-icon{flex:none;width:2.25rem;height:2.25rem}.guide-levels{gap:var(--spacing-3);margin:var(--spacing-4) 0;padding:0;list-style:none;display:grid}.guide-level{align-items:center;gap:var(--spacing-4);grid-template-columns:auto minmax(0,1fr);display:grid}.guide-level-text{font-family:var(--font-body);font-size:var(--text-base);line-height:1.55}.guide-fake-link{font-family:var(--font-body);font-size:var(--text-base);text-underline-offset:4px;text-decoration:underline}.guide-fake-q{font-family:var(--font-display);font-size:var(--text-kid-lg);line-height:1}.guide-demo .num{min-width:3.75rem;padding:0 var(--spacing-3);place-items:center;display:inline-grid}.guide-tag{box-sizing:border-box;min-height:var(--spacing-target-kid);padding:0 var(--spacing-6);font-family:var(--font-display);font-size:var(--text-kid);color:var(--color-ink);border-radius:var(--radius-button);border:0 solid #0000;place-items:center;line-height:1;display:inline-grid}.guide-tag--blue{border-image:url(/line/tag-kid-blue-sel.svg) 40 fill/20px}.guide-tag--green{border-image:url(/line/tag-kid-green-sel.svg) 40 fill/20px}.guide-tag--orange{border-image:url(/line/tag-kid-orange-sel.svg) 40 fill/20px}.guide-tag--purple{border-image:url(/line/tag-kid-purple-sel.svg) 40 fill/20px}.guide-lang{place-items:center;display:inline-grid}.guide-list{margin-top:var(--spacing-3)}.guide-toc{gap:var(--spacing-2);margin:var(--spacing-4) 0;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));padding:0;list-style:none;display:grid}.guide-toc a{align-items:center;gap:var(--spacing-3);min-height:var(--spacing-target);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);text-underline-offset:4px;display:flex}.guide-toc-n{width:2rem;height:2rem;font-family:var(--font-display);color:var(--color-on-blue);background:var(--color-blue);border-radius:50% 46% 52% 48%/48% 52% 46% 50%;flex:none;place-items:center;line-height:1;display:inline-grid}.guide-home,.guide-hello{white-space:normal;text-align:center;max-width:100%}.guide-bottom{margin:var(--spacing-6) 0;justify-items:center;display:grid}.welcome-guide{margin-top:var(--spacing-4);justify-items:center;display:grid}.guide-step,.guide-intro{scroll-margin-top:var(--spacing-6)}.guide-toc a{text-decoration:none}.guide-toc a>span:last-child{text-underline-offset:4px;text-decoration:underline}.foot-ai{margin:var(--spacing-3) 0 0;max-width:60em;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink-soft);overflow-wrap:anywhere;line-height:1.5}@media (min-width:720px) and (max-height:640px){.end-btns{flex-wrap:nowrap}.end-btns .btn{min-width:0;padding-inline:var(--spacing-4);font-size:var(--text-kid);flex:0 auto}}html[lang=ja] .read-title{word-break:auto-phrase;overflow-wrap:break-word}.foot-ai--state{margin:var(--spacing-6) auto 0;padding-inline:var(--spacing-gutter);text-align:center}@media (min-width:720px) and (max-height:640px){html[lang=ja] .story,html[lang=en] .story{font-size:1.375rem;line-height:1.45}}html[data-mode=moon] .goodnight{box-sizing:border-box;max-width:calc(100% - 2 * var(--spacing-3));white-space:normal;overflow-wrap:anywhere;text-wrap:balance;width:max-content}html[data-mode=moon] .goodnight>span{min-width:0}@media (min-width:1024px) and (max-width:1099px){.topbar-in{grid-template-columns:auto minmax(0,1fr) auto}.topbar-end{gap:var(--spacing-2)}.topbar .voice{padding:0}.topbar .voice-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}html[data-mode=moon][lang=ja] .goodnight{word-break:auto-phrase;overflow-wrap:break-word}.home-lang{justify-content:center;align-items:center;gap:var(--spacing-2);margin:var(--spacing-4) 0 0;flex-wrap:nowrap;padding:0;display:flex}.home-lang .chip{min-height:var(--spacing-target-kid);padding-inline:var(--spacing-3);font-size:var(--text-kid);flex:0 auto;justify-content:center;min-width:0}.home-lang .chip[lang=ja],.chip[role=radio][lang=ja]{font-weight:700;font-size:calc(var(--text-kid) * 1.05)}.home-lang .chip>span{align-items:center;gap:.3em;display:inline-flex}.home-lang .chip>span:before{content:"✓";text-align:center;width:.75em;font-family:var(--font-body);font-size:.8em;display:none}.home-lang .chip[aria-current=true]{background:linear-gradient(var(--color-blue), var(--color-blue)) center / calc(100% - 14px) calc(100% - 14px) no-repeat;color:var(--color-on-blue)}.home-lang .chip[aria-current=true]>span:before{display:inline-block}.home-lang-note{margin:var(--spacing-2) auto 0;text-align:center;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink-soft)}.home-lang[hidden]{display:none}.foot-bottom{justify-content:space-between;align-items:baseline;gap:0 var(--spacing-5);flex-wrap:wrap;display:flex}.foot-bottom .foot-note{margin:0}.foot-contact{min-height:var(--spacing-target);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);text-underline-offset:4px;overflow-wrap:anywhere;align-items:center;gap:.3em;margin-left:auto;display:inline-flex}.foot-lang{align-items:center;display:inline-flex;position:relative}.foot-lang-btn{min-height:var(--spacing-target);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;align-items:center;gap:.35em;padding:0;text-decoration:underline;display:inline-flex}.foot-lang-icon{flex:none;width:1.6rem;height:1.6rem}.foot-lang-panel{z-index:40;gap:var(--spacing-1);box-sizing:border-box;width:max-content;max-width:calc(100vw - 16px);padding:var(--spacing-3) var(--spacing-4);color:var(--sun-ink,var(--color-ink));visibility:hidden;opacity:0;pointer-events:none;border:0 solid #0000;border-image:url(/line/paper-b.svg) 32 fill/16px;display:grid;position:absolute;bottom:calc(100% + 6px);left:0;transform:translateY(6px)}.foot-lang-panel[data-h=end]{left:auto;right:0}.foot-lang-panel[data-v=down]{top:calc(100% + 6px);bottom:auto;transform:translateY(-6px)}.foot-lang-panel[data-open]{visibility:visible;opacity:1;pointer-events:auto;transform:none}@media (prefers-reduced-motion:no-preference){.foot-lang-panel{transition:opacity .14s var(--ease-out), transform .14s var(--ease-out), visibility 0s linear .14s}.foot-lang-panel[data-open]{transition-delay:0s}}.foot-lang-panel .foot-lang-opt{color:var(--color-ink)}.foot-lang-opt{min-height:var(--spacing-target);padding:0 var(--spacing-2);font-family:var(--font-body);font-size:var(--text-base);color:inherit;white-space:nowrap;align-items:center;gap:.5em;text-decoration:none;display:flex}.foot-lang-opt:hover>span:last-child{text-underline-offset:4px;text-decoration:underline}.foot-lang-opt[aria-current=true]{font-weight:700}.foot-lang-check{text-align:center;opacity:0;width:1em;display:inline-block}.foot-lang-opt[aria-current=true] .foot-lang-check{opacity:1}.foot-lang-state{margin:var(--spacing-3) 0 var(--spacing-6);justify-content:center;display:flex}.foot-lang-panel:not([data-open]){left:auto;right:0}.top--parent .to-kid{white-space:normal;text-align:center;min-width:0;padding-block:var(--spacing-2);line-height:1.1}.shelf--x{--cols-w:3}@media (min-width:1280px){.shelf--x{--cols-w:4}.hide-x{display:none}}@media (min-width:720px) and (max-width:1279px){.hide-w{display:none}}@media (max-width:719px){.hide-n{display:none}}.fb-group{gap:var(--spacing-3);display:grid}.fb-group-title{font-family:var(--font-display);font-size:var(--text-kid);color:var(--color-ink);margin:0;font-weight:400;line-height:1.2}.fb-happy{grid-template-columns:minmax(0,1fr)}.fb-kinds{gap:var(--spacing-3);grid-template-columns:minmax(0,1fr);display:grid}.fb-kind[aria-pressed=true]{color:var(--color-on-blue);border-image-source:url(/line/btn-blue.svg)}.fb-chip{justify-content:flex-start}.fb-chip>span{overflow-wrap:anywhere;min-width:0}.fb-form{margin-top:var(--spacing-2)}.home[data-state=new]{padding-bottom:var(--spacing-4)}.welcome-guide,.welcome-guide+.home-lang{margin-top:var(--spacing-3)}.home-more{padding-top:var(--spacing-2)}.foot-note .foot-ai{max-width:none;font-size:inherit;line-height:inherit;color:inherit;margin:0;display:inline-block}.legal-note{margin:var(--spacing-3) 0 0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink-soft);overflow-wrap:anywhere;line-height:1.6}@media (max-width:399px){.end-btns{gap:var(--spacing-2)}.end-btns .btn{padding-inline:var(--spacing-2);min-width:0}}.qr-card{justify-items:center;gap:var(--spacing-2);width:max-content;padding:var(--spacing-3) var(--spacing-3) var(--spacing-4);font-family:var(--font-body);color:var(--color-ink);text-align:center;margin:0;display:grid}.qr-code{color:var(--color-ink);flex:none;display:block}.qr-cap{max-width:8rem;font-size:var(--text-xs);gap:2px;line-height:1.4;display:grid}html[lang=ja] .qr-cap{word-break:auto-phrase}.qr-title{font-weight:600}.qr-hint{color:var(--color-ink-soft)}html[data-mode=moon] :where(.qr-card){--color-ink:var(--sun-ink);--color-ink-soft:var(--sun-ink-soft);color:var(--color-ink)}.welcome{position:relative;container:welcome/inline-size}.qr-card--row{align-items:center;column-gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-5) var(--spacing-2) var(--spacing-3);text-align:start;grid-template-columns:auto auto}.qr-card--row .qr-cap{justify-items:start;max-width:11rem}.qr-card--home{justify-self:end}@container welcome (min-width:600px){html[lang=ko] .qr-card--home{padding:var(--spacing-3) var(--spacing-3) var(--spacing-4);text-align:center;grid-template-columns:auto;position:absolute;bottom:0;right:0}html[lang=ko] .qr-card--home .qr-cap{justify-items:center;max-width:8rem}}@container welcome (min-width:640px){html[lang=en] .qr-card--home{padding:var(--spacing-3) var(--spacing-3) var(--spacing-4);text-align:center;grid-template-columns:auto;position:absolute;bottom:0;right:0}html[lang=en] .qr-card--home .qr-cap{justify-items:center;max-width:8rem}}@container welcome (min-width:740px){html[lang=ja] .qr-card--home{padding:var(--spacing-3) var(--spacing-3) var(--spacing-4);text-align:center;grid-template-columns:auto;position:absolute;bottom:0;right:0}html[lang=ja] .qr-card--home .qr-cap{justify-items:center;max-width:8rem}}@media (min-width:720px){.legal-sec--qr{column-gap:var(--spacing-8);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto}.legal-sec--qr>:not(.qr-card){grid-column:1;align-self:start}.legal-sec--qr>.qr-card{grid-area:1/2/span 2;align-self:center}}@media (max-width:719px){.qr-card--row{grid-template-columns:auto minmax(0,1fr);width:auto;min-width:0;max-width:100%}.qr-card--row .qr-cap{min-width:0;max-width:11rem}.qr-card--home{justify-self:center}.legal-sec--qr>.qr-card{justify-self:start}}