@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700&family=Comic+Neue:wght@300;400;700&display=swap";:root{--color-primary: #e89b8b;--color-on-primary: #3d2b2b;--color-secondary: #a8e6cf;--color-on-secondary: #1f3d32;--color-accent: #f4a261;--color-on-accent: #3d2b2b;--color-background: #fff8f0;--color-foreground: #3d2b2b;--color-muted: #f5e6d8;--color-muted-foreground: #6b5b52;--color-border: #e8d5c4;--color-lavender: #c9b8ff;--color-sky: #b8d4e8;--color-ring: #e89b8b;--color-success: #7bc47f;--font-display: "Baloo 2", system-ui, sans-serif;--font-body: "Comic Neue", Georgia, serif;--touch-min: 44px;--space-sm: 8px;--space-md: 24px;--radius: 16px;--shadow-md: 0 4px 10px rgba(61, 43, 43, .08);--pastel-peach: #f8b4a0;--pastel-mint: #a8e6cf;--pastel-lavender: #c9b8ff;--pastel-butter: #ffe66d;--pastel-sky: #b8d4e8;--pastel-blush: #ffb5c5;--pastel-white: #ffffff;--pastel-ink: #3d2b2b}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden;background:var(--color-background)}#root{min-height:100%;max-width:100%;background:var(--color-background);color:var(--color-foreground);font-family:var(--font-body);font-size:18px;line-height:1.5}img,canvas{max-width:100%}h1,h2,h3{font-family:var(--font-display);font-weight:700;margin:0 0 .4em}a{color:inherit}.skip{position:absolute;left:-999px;top:0;background:var(--color-accent);padding:8px 12px;z-index:10}.skip:focus{left:8px}.topnav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));border-bottom:1px solid var(--color-border);font-family:var(--font-display);font-size:1.25rem;max-width:100%}.topnav__brand{text-decoration:none;min-height:var(--touch-min);display:inline-flex;align-items:center;flex:0 0 auto}.topnav__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px;flex:1 1 auto;justify-content:flex-end;min-width:0}.nav-link{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--touch-min);min-width:var(--touch-min);max-width:100%;padding:6px 8px;text-decoration:none;border-radius:14px;font-size:.75rem;color:inherit}.nav-link span{text-align:center;line-height:1.15;max-width:5.6em}.nav-link[aria-current=page]{background:var(--color-secondary)}.coloring__canvas--blank{background:#fffef9}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}@media(max-width:520px){.split{grid-template-columns:1fr}}.split__pane{margin:0;text-align:center;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius);padding:8px}.split__pane img{width:100%;height:auto;display:block}.gallery-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm)}.gallery-card{background:#fff;border:2px solid var(--color-border);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow-md)}.gallery-card__title{margin:8px 0 0;font-family:var(--font-display)}.expiry{font-size:.85rem;color:var(--color-muted-foreground);margin:4px 0 12px}.thumb-img{width:96px;height:96px;object-fit:contain;display:block;margin:0 auto}.thumb-ph{display:block;width:96px;height:96px;margin:0 auto;border-radius:12px;background:var(--color-muted)}.trace-guide text{pointer-events:none;font-weight:700}.page{padding:var(--space-md);padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(var(--space-md),env(safe-area-inset-right));max-width:720px;width:100%;margin:0 auto;box-sizing:border-box}@media(max-width:520px){.page{padding:16px 12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.hero{text-align:center;margin-bottom:var(--space-md)}.hero img{border-radius:20px}.grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm)}.card-link{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:var(--touch-min);padding:12px;border:2px solid var(--color-border);border-radius:var(--radius);text-decoration:none;background:#fff;box-shadow:var(--shadow-md);cursor:pointer}.card-link:focus-visible{outline:3px solid var(--color-ring);outline-offset:3px}.row{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.btn{min-height:var(--touch-min);min-width:var(--touch-min);padding:12px 20px;border-radius:var(--radius);border:2px solid var(--color-border);background:#fff;font-family:var(--font-display);font-size:1rem;cursor:pointer}.btn--primary{background:var(--color-accent);border-color:transparent;color:var(--color-on-accent)}.btn--icon{display:inline-flex;align-items:center;justify-content:center;padding:10px}.btn:focus-visible,.dock__btn:focus-visible,.swatch:focus-visible{outline:3px solid var(--color-ring);outline-offset:3px}.hint{color:var(--color-muted-foreground)}.back{display:inline-flex;align-items:center;gap:6px;min-height:var(--touch-min);margin-bottom:12px;padding:8px 14px 8px 10px;border:2px solid var(--color-border);border-radius:var(--radius);background:#fff;text-decoration:none;font-family:var(--font-display);font-size:1rem;box-shadow:var(--shadow-md)}.back:focus-visible{outline:3px solid var(--color-ring);outline-offset:3px}.coloring__header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.coloring__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.coloring__stage{position:relative;width:min(100%,360px);max-width:100%;margin:0 auto 16px;touch-action:none}.coloring--immersive{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;width:100%;max-width:none;margin:0;padding:var(--space-md);background:var(--color-background);overflow:auto;box-sizing:border-box}.coloring--immersive:fullscreen,.coloring--immersive:-webkit-full-screen{width:100%;height:100%;background:var(--color-background);padding:var(--space-md);overflow:auto}.coloring--immersive .coloring__stage{width:100%;max-width:560px}body.tintinha-immersive .topnav,body.tintinha-immersive .back,body.tintinha-immersive .site-footer{display:none}.coloring__canvas{width:100%;height:auto;border-radius:var(--radius);border:2px solid var(--color-border);background:#fffef9;display:block;cursor:crosshair}.coloring__lineart{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;object-fit:contain}.dock{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:12px}.dock__btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);min-width:var(--touch-min);padding:10px;border-radius:14px;border:3px solid var(--color-border);background:#fff;color:var(--color-foreground);cursor:pointer;box-shadow:var(--shadow-md)}.dock__btn[aria-pressed=true]{background:var(--color-secondary);border-color:var(--color-on-secondary);color:var(--color-on-secondary);box-shadow:0 0 0 3px var(--color-secondary)}.dock__btn:disabled{opacity:.4;box-shadow:none}.palette{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:12px}.swatch{width:var(--touch-min);height:var(--touch-min);border-radius:999px;border:3px solid var(--color-border);cursor:pointer;padding:0}.swatch[aria-selected=true]{border-color:var(--color-foreground);box-shadow:0 0 0 3px var(--color-secondary)}.opacity{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.opacity input{min-height:var(--touch-min)}.gate{position:fixed;top:10%;right:12px;bottom:10%;left:12px;max-width:min(480px,calc(100% - 24px));margin:auto;overflow:auto;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius);padding:var(--space-md);box-shadow:var(--shadow-md);z-index:20;box-sizing:border-box}.gate input{display:block;width:100%;min-height:var(--touch-min);margin-top:8px;font-size:1.1rem;padding:8px 12px}.gate__actions{display:flex;gap:8px;margin-top:16px}.site-footer{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-border);font-size:.95rem}.site-footer nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.site-footer a{text-decoration:underline;min-height:var(--touch-min);display:inline-flex;align-items:center}.legal h2{margin-top:1.2em}.legal ul{padding-left:1.2em}.cookie-banner{position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:30;max-width:520px;width:auto;margin:0 auto;background:#fffef9;border:2px solid var(--color-border);border-radius:var(--radius);padding:var(--space-md);box-shadow:var(--shadow-md);box-sizing:border-box}.cookie-banner h2{font-size:1.15rem}.cookie-opt{display:flex;align-items:center;gap:10px;min-height:var(--touch-min);margin:12px 0}.cookie-fab{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:25;min-height:var(--touch-min);padding:10px 14px;border-radius:14px;border:2px solid var(--color-border);background:#fff;font-family:var(--font-display);cursor:pointer}