:root{--bg:#fff8ee;--ink:#2b2b2a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Comic Sans MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0}.app{min-height:100vh;padding:12px 12px calc(24px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:12px;display:flex}.app-header{justify-content:center;width:100%;display:flex}.app-title{font-size:32px}.app-main{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;display:flex}.canvas-wrap{background:#fff;border-radius:24px;width:100%;padding:8px;position:relative;box-shadow:0 4px 16px #00000014}.coloring-canvas{touch-action:manipulation;width:100%;height:auto;display:block}.motif-shape.colorable{cursor:pointer}.motif-shape.colorable.pop{animation:.22s ease-out pop}@media (prefers-reduced-motion:reduce){.motif-shape.colorable.pop{animation:none}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.toolbar{gap:16px;display:flex}.tool-btn{background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;min-width:56px;height:56px;min-height:56px;font-size:26px;display:flex;box-shadow:0 3px 8px #0000001f}.tool-btn:active{transform:scale(.94)}.crayon-palette{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.crayon{border:3px solid #fff;border-radius:50%;width:48px;min-width:48px;height:48px;min-height:48px;transition:transform .15s;box-shadow:0 2px 6px #0003}.crayon.selected{border-color:var(--ink);transform:translateY(-6px)scale(1.12);box-shadow:0 6px 10px #00000040}.motif-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;width:100%;display:grid}.motif-thumb{aspect-ratio:1;background:#fff;border:3px solid #0000;border-radius:16px;min-width:56px;min-height:56px;padding:4px;box-shadow:0 2px 6px #0000001a}.motif-thumb svg{width:100%;height:100%}.motif-thumb.active{border-color:#ffd166;transform:scale(1.05)}.motif-thumb:active{transform:scale(.96)}.confetti-layer{pointer-events:none;border-radius:24px;position:absolute;inset:0;overflow:hidden}.confetti-piece{border-radius:2px;width:10px;height:16px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-10%}@keyframes confetti-fall{0%{opacity:1;top:-10%}to{opacity:.9;top:105%}}.confetti-calm{background:#ffffffd9;border-radius:24px;justify-content:center;align-items:center;font-size:28px;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.confetti-piece{animation:none;display:none}}.free-draw-canvas{aspect-ratio:600/640;touch-action:none;background:#fff;border-radius:16px;width:100%;height:auto;display:block}