@font-face{font-family:Fredoka;src:url(/fonts/Fredoka-Variable.ttf)format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:Andika;src:url(/fonts/Andika-Regular.ttf)format("truetype");font-display:swap}:root{--cream:#fff7e6;--paper:#fff;--ink:#2d2a4a;--ink-soft:#6b6890;--line:#ece3cf;--coral:#ff6b6b;--coral-shade:#d94848;--sunshine:#ffc93c;--sunshine-shade:#e0a000;--mint:#4ecdc4;--mint-shade:#2fa59d;--grape:#7b6cf6;--grape-shade:#5646d6;--sky:#4da8ff;--leaf:#6bcb77;--focus:0 0 0 4px #7b6cf659}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--cream);color:var(--ink);font-family:Andika,system-ui,sans-serif;font-size:18px;line-height:1.45}h1{margin:0 0 .4em;font-family:Fredoka,Andika,system-ui,sans-serif;font-size:2rem;font-weight:600;line-height:1.15}.page{text-align:center;max-width:720px;margin:0 auto;padding:24px 16px 48px;position:relative}.logo{letter-spacing:.02em;margin:8px 0 4px;font-family:Fredoka,sans-serif;font-size:2.4rem;font-weight:700}.logo span:nth-child(6n+1){color:var(--coral)}.logo span:nth-child(6n+2){color:var(--sunshine-shade)}.logo span:nth-child(6n+3){color:var(--mint-shade)}.logo span:nth-child(6n+4){color:var(--grape)}.logo span:nth-child(6n+5){color:var(--sky)}.logo span:nth-child(6n+6){color:var(--leaf)}.viewfinder{aspect-ratio:1;background:var(--ink);border:8px solid var(--sunshine);width:min(100%,460px);box-shadow:0 8px 0 var(--sunshine-shade);border-radius:28px;margin:12px auto 20px;position:relative;overflow:hidden}.viewfinder.paper{aspect-ratio:3/4;border-color:var(--mint);box-shadow:0 8px 0 var(--mint-shade)}.viewfinder[hidden]{display:none}.viewfinder video{object-fit:cover;width:100%;height:100%}.viewfinder .frame{pointer-events:none;border:5px dashed #ffffffd9;border-radius:20px;position:absolute;inset:22%}.say{margin:.4em 0 .8em;font-size:1.25rem}.oops{color:var(--coral-shade);background:#ffe1e1;border-radius:14px;margin:.2em 0 1em;padding:.5em 1em;font-weight:600;display:inline-block}.small{color:var(--ink-soft);margin:.3em 0 0;font-size:.9rem}.sheet-card{background:var(--paper);max-width:520px;box-shadow:0 6px 0 var(--line);border-radius:22px;margin:0 auto 12px;padding:18px 20px}.sheet-card .topic{background:var(--grape);color:#fff;border-radius:999px;margin-bottom:6px;padding:.15em .7em;font:600 .9rem Fredoka,system-ui,sans-serif;display:inline-block}.sheet-card h1{margin:0;font-size:1.6rem}.pages{counter-reset:page;flex-wrap:wrap;justify-content:center;gap:12px;margin:8px 0 18px;padding:0;list-style:none;display:flex}.pages li{counter-increment:page;position:relative}.pages img,.pages .pdf{object-fit:cover;border:4px solid var(--paper);width:96px;height:128px;box-shadow:0 4px 0 var(--line);background:var(--paper);border-radius:12px;display:block}.pages .pdf{color:var(--coral-shade);place-items:center;font:700 1.1rem Fredoka,system-ui,sans-serif;display:grid}.pages li:after{content:counter(page);background:var(--sunshine);border-radius:50%;width:28px;height:28px;font:700 .95rem/28px Fredoka,system-ui,sans-serif;position:absolute;top:-8px;left:-8px}.pages .remove{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:50%;width:30px;height:30px;font-size:.9rem;position:absolute;top:-8px;right:-8px}.buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin:8px 0 16px;display:flex}.btn{color:#fff;background:var(--grape);box-shadow:0 4px 0 var(--grape-shade);cursor:pointer;border:0;border-radius:14px;padding:.6em 1.1em;font:600 1.05rem Fredoka,system-ui,sans-serif;transition:transform 80ms,box-shadow 80ms}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--grape-shade);transform:translateY(3px)}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible{box-shadow:var(--focus);outline:none}.btn.big{border-radius:18px;padding:.75em 1.4em;font-size:1.3rem}.btn.coral{background:var(--coral);box-shadow:0 4px 0 var(--coral-shade)}.btn.mint{background:var(--mint);box-shadow:0 4px 0 var(--mint-shade);color:var(--ink)}.btn.ghost{color:var(--grape-shade);box-shadow:none;background:0 0}.btn.small{padding:.4em .8em;font-size:.9rem}.done{padding:24px 0}.big-emoji{margin-bottom:8px;font-size:5rem;line-height:1}.lang-switch{background:var(--paper);box-shadow:0 3px 0 var(--line);border-radius:999px;gap:2px;margin:0;padding:4px;display:inline-flex}.lang-switch button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.3em .7em;font:600 .95rem Fredoka,system-ui,sans-serif}.lang-switch button[aria-pressed=true]{background:var(--grape);color:#fff}.lang-switch button:focus-visible{box-shadow:var(--focus);outline:none}.lang-corner{position:absolute;top:16px;right:16px}@media (max-width:520px){.lang-corner{margin-bottom:8px;position:static}h1{font-size:1.6rem}}