:root{--meadow:#cfe9d4;--meadow-deep:#2f7d4f;--ink:#26222b;--ball-red:#e8412c;--paper:#fff;--spark:#ffcb05;--sky:#3d7be0;--line:6px;--kid-font:"Jua","Noto Sans KR","Malgun Gothic",sans-serif;--buncss-light:initial;--buncss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{overflow:hidden;height:100%;margin:0}body{background:var(--meadow);color:var(--ink);-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Noto Sans KR,Malgun Gothic,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.btn-shutter:focus-within{outline:4px solid var(--sky);outline-offset:6px}button:focus-visible{outline:4px solid var(--sky);outline-offset:6px}.screen{position:fixed;display:grid;place-items: center;padding:24px;inset:0}.ball{--size:160px;position:relative;width:var(--size);height:var(--size);border:calc(var(--size)*.06)solid var(--ink);background:linear-gradient(to bottom,var(--ball-red)0 50%,var(--paper)50% 100%);border-radius:50%;flex:none}.ball__band{position:absolute;height:calc(var(--size)*.09);background:var(--ink);top:50%;left:0;right:0;transform:translateY(-50%)}.ball__knob{position:absolute;width:calc(var(--size)*.3);height:calc(var(--size)*.3);background:var(--paper);border:calc(var(--size)*.06)solid var(--ink);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.ball--big{--size:min(46vh,340px)}.ball--tiny{--size:64px}.start-ball{border-radius:50%}.ball--idle{animation:2.4s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-14px)}}.ball--wobble{animation:1.6s ease-in-out infinite wobble;transform-origin:50% 90%}@keyframes wobble{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.ball--catching{--size:min(40vh,280px);animation:2.1s ease-in-out both catch-shake;transform-origin:50% 90%}.ball--catching .ball__knob{animation:2.1s both knob-click}@keyframes catch-shake{0%{transform:rotate(0)}8%{transform:rotate(-18deg)}18%{transform:rotate(14deg)}28%{transform:rotate(0)}37%{transform:rotate(-18deg)}47%{transform:rotate(14deg)}57%{transform:rotate(0)}66%{transform:rotate(-18deg)}76%{transform:rotate(14deg)}85.7%{transform:rotate(0)}90%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes knob-click{0%,85%{background:var(--paper);box-shadow:none}86%{background:var(--spark);box-shadow:0 0 0 18px #ffcb058c}to{background:var(--paper);box-shadow:0 0 #ffcb0500}}.ball--nope{--size:min(40vh,280px);animation:1.2s ease-in-out 2 nope}@keyframes nope{20%{transform:translate(-26px)rotate(-10deg)}40%{transform:translate(26px)rotate(10deg)}60%{transform:translate(-14px)}80%{transform:translate(10px)}}.ball--sleep{--size:min(40vh,280px);animation:3.2s ease-in-out infinite breathe;transform:rotate(14deg)}.ball--sleep .ball__knob{background:var(--ink)}@keyframes breathe{50%{transform:rotate(14deg)scale(1.04)}}.screen--adult{grid-template-columns:auto auto;place-content: center;gap:24px}.zzz{font-family:var(--kid-font);letter-spacing:12px;opacity:.5;align-self: start;font-size:64px}.catch{display:flex;justify-content:center;align-items: center;gap:clamp(24px,6vw,80px)}.catch__picture{position:relative;opacity:0;animation:.5s ease-out 2.1s both reveal}.catch--instant .ball--catching,.catch--instant .ball__knob{animation:none}.catch--instant .catch__picture{animation-delay:0s}@keyframes reveal{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.page-preview{display:block;aspect-ratio:724/1024;object-fit:contain;background:var(--paper);border:var(--line)solid var(--ink);border-radius:14px;height:min(78vh,560px)}.sprite{image-rendering:pixelated;object-fit:contain;pointer-events:none;width:100%;height:100%}.sprite--big{background:var(--paper);border:var(--line)solid var(--ink);border-radius:28px;width:min(60vh,420px);height:min(60vh,420px)}.printer{position:absolute;background:var(--paper);border:5px solid var(--ink);border-radius:12px;width:84px;height:52px;bottom:-22px;right:-28px}.printer:before{content:"";position:absolute;background:var(--ink);border-radius:4px;width:36px;height:8px;margin-left:-18px;top:14px;left:50%}.printer--waiting:after{content:"";position:absolute;background:var(--ball-red);animation:.9s steps(2,end) infinite blink;border-radius:50%;width:10px;height:10px;top:8px;right:8px}.printer--ok:after{content:"";position:absolute;background:var(--paper);border:4px solid var(--ink);animation:1.2s ease-out both paper-out;border-top:0;width:44px;height:46px;margin-left:-22px;top:30px;left:50%}@keyframes paper-out{0%{transform:scaleY(0);transform-origin:top}to{transform:scaleY(1);transform-origin:top}}.screen--hint{grid-template-rows:1fr auto}.cells{display:flex;gap:clamp(10px,2vw,22px)}.cell{display:grid;aspect-ratio:1;background:var(--paper);border:var(--line)solid var(--ink);font-family:var(--kid-font);border-radius:18px;place-items: center;width:clamp(96px,16vw,168px);font-size:clamp(64px,11vw,120px);line-height:1}.cell--shake{border-color:var(--ball-red);animation:.5s ease-in-out infinite jiggle}@keyframes jiggle{25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}.cell--blink{border-style:dashed;border-color:var(--ink);animation:1s steps(2,end) infinite blink-fill}@keyframes blink-fill{0%{background:var(--spark)}50%{background:var(--paper)}}.cell--fade{animation:1.6s ease-in-out infinite fade}@keyframes fade{50%{opacity:.15}}.options{display:flex;align-items: center;gap:clamp(16px,3vw,36px)}.option{aspect-ratio:1;background:var(--paper);border:var(--line)solid var(--ink);border-radius:28px;width:clamp(150px,22vw,240px);padding:10px}.option:active{transform:scale(.96)}.actions{position:fixed;display:flex;pointer-events:none;justify-content:space-between;align-items: end;bottom:24px;left:28px;right:28px}.actions>*{pointer-events:auto}.actions--left{justify-content:flex-start}.actions--right{justify-content:flex-end}.actions--late{animation:.5s ease-out 2.6s both reveal}.btn-camera{background:var(--sky);border:var(--line)solid var(--ink);display:grid;border-radius:50%;place-items: center;width:132px;height:132px}.btn-camera svg{fill:none;stroke:var(--paper);stroke-width:5;stroke-linejoin:round;width:64px;height:64px}.options .btn-camera{margin-left:clamp(8px,2vw,24px)}.btn-restart{border-radius:50%}.screen--camera{background:#000;padding:0}.camera-video{position:absolute;object-fit:cover;width:100%;height:100%;inset:0}.camera-off{display:grid;place-items: center}.btn-shutter{position:absolute;background:var(--paper);border:10px solid var(--ink);box-shadow:0 0 0 8px var(--paper);display:block;cursor:pointer;border-radius:50%;width:140px;height:140px;top:50%;right:36px;transform:translateY(-50%)}.btn-shutter:active{transform:translateY(-50%)scale(.94)}.file-input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;inset:0}.screen--camera .actions{bottom:24px}.closer{display:flex;align-items: center;gap:40px}.closer__paper{background:var(--paper);border:var(--line)solid var(--ink);display:grid;font-family:var(--kid-font);animation:1.8s ease-in-out infinite approach;border-radius:10px;place-items: center;width:150px;height:190px;font-size:80px}.closer__lens{background:var(--ink);border-radius:50%;width:90px;height:90px;box-shadow:inset 0 0 0 18px #555}@keyframes approach{0%,20%{transform:translate(-60px)scale(.8)}70%,to{transform:translate(10px)scale(1.15)}}.btn-dex{background:var(--spark);border:var(--line)solid var(--ink);display:grid;border-radius:50%;place-items: center;width:120px;height:120px}.btn-dex svg{fill:var(--paper);stroke:var(--ink);stroke-width:4;stroke-linejoin:round;width:62px;height:62px}.btn-dex:active,.dex-card:active,.dex-name:active,.dex-info:active{transform:scale(.96)}.screen--dex{overflow-y:auto;place-items: start stretch;padding:28px 28px 170px}.dex-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(150px,18vw,210px),1fr));gap:clamp(14px,2vw,24px)}.dex-card{display:grid;background:var(--paper);border:var(--line)solid var(--ink);border-radius:24px;gap:6px;padding:10px 10px 12px}.dex-card__picture{display:block;aspect-ratio:1}.dex-card__name{font-family:var(--kid-font);text-align:center;word-break:keep-all;font-size:clamp(26px,3.4vw,36px);line-height:1.15}.dex-empty{place-self: center}.screen--dexpage{padding:28px 28px 150px}.dexpage{display:flex;align-items: center;gap:clamp(20px,4vw,56px);max-width:1200px}.dexpage__picture{aspect-ratio:1;background:var(--paper);border:var(--line)solid var(--ink);border-radius:28px;flex:none;width:min(56vh,38vw,400px);padding:12px}.dexpage__words{display:grid;justify-items:start;gap:clamp(16px,3vh,28px);min-width:0}.dex-name{display:flex;align-items: center;gap:16px}.dex-name__cells{display:flex;gap:clamp(6px,1vw,12px)}.dex-cell{display:grid;aspect-ratio:1;background:var(--paper);border:var(--line)solid var(--ink);font-family:var(--kid-font);border-radius:16px;place-items: center;width:clamp(52px,7.2vw,104px);font-size:clamp(38px,5.2vw,76px);line-height:1}.svg-holder{display:grid;flex:none;place-items: center}.speaker{fill:var(--ink);stroke:var(--ink);stroke-width:4;stroke-linejoin:round;stroke-linecap:round;width:56px;height:56px}.speaker path+path{fill:none}.dex-info{display:grid;grid-template-columns:1fr auto;text-align:left;background:var(--paper);border:3px solid var(--ink);border-radius:18px;align-items: center;gap:10px 16px;max-width:640px;padding:16px 18px}.dex-info__types{display:flex;grid-column:1;flex-wrap:wrap;gap:8px}.dex-type{border:3px solid var(--ink);font-family:var(--kid-font);border-radius:999px;padding:2px 14px;font-size:clamp(22px,2.6vw,30px)}.dex-info__text{grid-column:1;font-family:var(--kid-font);word-break:keep-all;font-size:clamp(22px,2.6vw,30px);line-height:1.45}.dex-info .svg-holder{grid-column:2;grid-row:1/span 2}.parent-hotspot{position:fixed;z-index:10;display:grid;place-items: center;width:64px;height:64px;top:0;right:0}.parent-hotspot--off{display:none}.parent-key{opacity:.35;pointer-events:none;width:36px;height:36px;transition:opacity .2s}.parent-key__bg{fill:#ffffffb3}.parent-key__icon{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.parent-key__ring{fill:none;stroke:var(--ink);stroke-width:3;stroke-dasharray:107;stroke-dashoffset:107;transform-origin:20px 20px;transform:rotate(-90deg)}.parent-hotspot--holding .parent-key{opacity:.9}.parent-hotspot--holding .parent-key__ring{animation:key-fill var(--hold,2s)linear forwards}@keyframes key-fill{to{stroke-dashoffset:0}}.login{display:grid;background:var(--paper);border:3px solid var(--ink);user-select:text;border-radius:18px;gap:14px;max-width:520px;margin:10vh auto;padding:32px}.login__title{margin:0;font-size:28px}.login__help{margin:0;line-height:1.6}.login__input{letter-spacing:4px;border:3px solid var(--ink);text-transform:uppercase;border-radius:10px;padding:12px 14px;font-size:30px}.login__go{background:var(--meadow-deep);color:var(--paper);border-radius:10px;padding:14px;font-size:22px}.login__error{color:#b3261e;min-height:1.5em;margin:0}.parent{position:fixed;z-index:20;display:grid;grid-template-rows:auto 1fr;color:var(--ink);user-select:text;background:#f6f7f5;font-size:16px;inset:0}.parent:has(.preason){grid-template-rows:auto auto 1fr}.preason{background:#fff4d6;border-bottom:2px solid #e0b84a;margin:0;padding:12px 20px;font-size:18px;font-weight:700;line-height:1.5}.parent__bar{display:flex;background:var(--meadow-deep);justify-content:space-between;align-items: center;gap:12px;padding:10px 16px}.parent__tabs{display:flex;flex-wrap:wrap;gap:6px}.ptab,.pclose{color:var(--paper);background:#ffffff1f;border-radius:8px;padding:10px 14px}.pclose{white-space:nowrap;flex-shrink:0}.ptab--on{background:var(--paper);color:var(--ink)}.parent__body{overflow:auto;width:100%;max-width:1100px;margin:0 auto;padding:16px 20px 40px}.pmuted{color:#555;margin:0 0 12px;line-height:1.6}.perror{color:#b3261e;min-height:1.4em;margin:6px 0 0}.pcounts{margin:0 0 8px;font-size:20px;font-weight:700}.ph2{margin:24px 0 6px;font-size:18px}.pphoto{display:block;border:2px solid var(--ink);background:var(--paper);border-radius:8px;max-width:100%;max-height:52vh}.pform{display:flex;flex-wrap:wrap;align-items: end;gap:10px;margin-top:12px}.pform__label{display:grid;flex:260px;gap:4px}.pform__input{font:inherit;border:2px solid var(--ink);background:var(--paper);border-radius:8px;padding:10px 12px;font-size:22px}.pcheck{display:flex;align-items: center;gap:6px;padding:10px 0}.pbtn{background:var(--meadow-deep);color:var(--paper);border-radius:8px;padding:12px 18px;font-weight:700}.pengines{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.pengine{text-align:left;background:var(--paper);display:grid;border:2px solid #c9ccc6;border-radius:10px;gap:2px;padding:12px}.pengine small{color:#666}.pengine--on{border-color:var(--meadow-deep);box-shadow:inset 0 0 0 2px var(--meadow-deep)}.ptable-wrap{overflow-x:auto}.ptable{border-collapse:collapse;white-space:nowrap;font-size:14px}.ptable th,.ptable td{text-align:left;border-bottom:1px solid #d8dbd5;padding:6px 10px}.pusage-heading{display:flex;justify-content:space-between;align-items: center;gap:12px;margin-bottom:16px}.pusage-heading .ph2{margin:0}.pusage-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:14px;margin-bottom:18px}.pusage-card{background:#fff;border:1px solid #d8dbd5;border-radius:12px;padding:20px}.pusage-card--total{border:2px solid var(--meadow-deep)}.pusage-card h3{margin:0 0 12px;font-size:17px}.pusage-card p{margin:6px 0}.pusage-amount{overflow-wrap:anywhere;font-size:clamp(19px,2.4vw,25px);font-weight:700}.pusage-card small{color:#555;display:block;margin-top:10px;line-height:1.6}.pusage-notice{background:#fff4d6;border-left:4px solid #b57a13;padding:12px 16px;line-height:1.7}.pusage-table{width:100%;margin:8px 0 16px}.pusage-table th,.pusage-table td{padding:12px 10px}.pusage-details{margin:24px 0}.pusage-details summary{cursor:pointer;padding:12px 0;font-weight:700}.pusage-link{font:inherit;color:var(--meadow-deep);text-decoration:underline;cursor:pointer;background:0 0}.pusage-footnote{margin-top:20px}.precords,.pnotes{list-style:none;display:grid;gap:22px;margin:0;padding:0}.precord time,.pnotes time{color:#666;font-size:13px}.pbtn--ghost{background:var(--paper);color:var(--meadow-deep);border:2px solid var(--meadow-deep)}.precord--done .pphoto{max-height:30vh}.precord__text{margin:6px 0;font-size:18px;font-weight:700}.pbadge{display:inline-block;color:#1d4f91;vertical-align:middle;background:#e6f0ff;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:13px;font-weight:700}.pmore{margin-top:16px}.pnotes p{white-space:pre-wrap;margin:4px 0 0}.pgrid{display:flex;flex-wrap:wrap;align-items: center;gap:12px 28px;margin:8px 0}.pstepper{display:flex;align-items: center;gap:10px}.pstep{min-width:56px;font-size:24px;line-height:1}.pstep:disabled,.pgrid__go:disabled{opacity:.4}.pstepper__n{text-align:center;min-width:3em;font-size:26px;font-weight:700}.pgrid .pcheck{font-size:20px}.pgrid .pcheck input{width:24px;height:24px}.pgrid__summary{margin:8px 0 14px;font-size:18px;font-weight:700}.pgrid__status{min-height:1.5em;margin:14px 0 0;font-size:18px;line-height:1.5}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.ball--idle,.ball--wobble,.ball--sleep,.cell--shake,.cell--blink,.cell--fade,.closer__paper,.printer--waiting:after{animation:none}.cell--blink{background:var(--spark)}.cell--fade{opacity:.25}}