:root{--bg:#e8f5fb;--bg-soft:#f0f9fd;--ink:#193042;--ink-soft:#536471;--line:#1930421f;--paper:#fffc;--shadow:0 18px 50px #1930421f;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--max-width:1160px;--cars:#ff8f5a;--animals:#5eb8a4;--princesses:#f3b0b9;--flowers:#f4c95d;--space:#7b6bc8;--dinosaurs:#6aaa6a;--ocean:#4db8d8;--fairytales:#c86b9a;--food:#f0a030;--sports:#e05858}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:linear-gradient(#e8f5fb 0%,#dff0f8 100%);margin:0;font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}main{width:100%}.page-shell{width:min(calc(100% - 32px), var(--max-width));margin:0 auto;padding:18px 0 64px}.page-stack{gap:32px;display:grid}.site-header{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);background:#ffffffeb;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:22px;padding:10px 18px;display:grid;position:sticky;top:16px}.search-wrap{width:100%;max-width:480px;margin:0 auto;position:relative}.search-form{border:1px solid var(--line);background:#ffffffe6;border-radius:999px;align-items:center;width:100%;padding:0 6px 0 14px;display:flex;overflow:hidden}.search-suggestions{border:1px solid var(--line);box-shadow:var(--shadow);z-index:30;background:#fff;border-radius:18px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0}.search-suggestions li button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:8px 12px;font-size:.9rem;transition:background .12s;display:block}.search-suggestions li button:hover{background:#1930420f}.search-input{font:inherit;color:var(--ink);-webkit-text-fill-color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 0;font-size:.9rem}.search-input::placeholder{color:var(--ink-soft);-webkit-text-fill-color:var(--ink-soft)}.search-submit{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.brand{letter-spacing:.03em;font-family:Georgia,Palatino Linotype,serif;font-size:1.35rem;font-weight:700}.header-dropdowns{align-items:center;gap:8px;display:flex}.cat-dropdown{position:relative}.cat-dropdown-trigger{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;background:#ffffffe0;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;font-weight:600;transition:box-shadow .15s,background .15s;display:inline-flex}.cat-dropdown-trigger:hover{background:#fff;box-shadow:0 4px 12px #1930421a}.cat-dropdown-trigger-active{background:var(--ink);color:#fff;border-color:var(--ink)}.cat-dropdown-trigger-active:hover{background:var(--ink);box-shadow:0 4px 12px #19304240}.cat-dropdown-item-active{background:#19304214;font-weight:600}.dropdown-check{margin-right:6px;font-size:.8rem}.filter-pills-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.filter-pill{background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 8px 5px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.filter-pill-remove{color:#fff;cursor:pointer;background:#ffffff40;border:none;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:.85rem;line-height:1;transition:background .12s;display:inline-flex}.filter-pill-remove:hover{background:#ffffff73}.cat-dropdown-menu{border:1px solid var(--line);min-width:200px;box-shadow:var(--shadow);z-index:30;background:#fff;border-radius:20px;grid-template-columns:1fr 1fr;gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.age-dropdown-menu{grid-template-columns:1fr;min-width:130px}.cat-dropdown-item{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:8px 12px;font-size:.88rem;transition:background .12s;display:block}.cat-dropdown-item:hover{background:#1930420f}.hero,.category-hero,.detail-copy,.empty-state{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:#ffffffb3}.hero{flex-direction:column;gap:12px;padding:28px 48px 24px;display:flex}.hero-copy,.category-hero,.detail-copy,.empty-state,.section,.category-card,.coloring-card{animation:.54s both rise-in}.hero h1{margin:0;font-family:Georgia,Palatino Linotype,serif;font-size:clamp(1.8rem,3vw,3rem);line-height:1.1}.category-hero h1,.detail-copy h1,.empty-state h1{margin:0;font-family:Georgia,Palatino Linotype,serif;font-size:clamp(2.3rem,4vw,4.4rem);line-height:.98}.hero-free{color:var(--animals)}.hero-text,.category-hero p,.detail-copy p,.empty-state p{max-width:58ch;color:var(--ink-soft);font-size:1.02rem;line-height:1.7}.eyebrow{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.82rem;font-weight:700}.hero-actions,.detail-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.button{border:1px solid var(--line);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px #1930421f}.button-primary{background:var(--ink);color:#fff}.button-secondary{color:var(--ink);background:#ffffffe0}.section{gap:20px;display:grid}.section-heading{gap:4px;display:grid}.section-heading h2{margin:0;font-family:Georgia,Palatino Linotype,serif;font-size:clamp(1.7rem,2.8vw,2.6rem)}.category-grid,.coloring-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;display:grid}.category-card,.coloring-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#ffffffc7;transition:transform .18s,box-shadow .18s;overflow:hidden}.category-card{flex-direction:column;display:flex}.category-card:hover,.category-card:focus-visible,.coloring-card:hover,.coloring-card:focus-within{transform:translateY(-4px);box-shadow:0 22px 40px #19304229}.category-card-image{background:#fff;justify-content:center;align-items:center;height:220px;padding:12px;display:flex}.category-card-image img{object-fit:contain;width:auto;height:100%}.category-card-body{flex-direction:column;flex:1;gap:4px;padding:10px 14px 14px;display:flex}.category-meta{margin-top:auto;padding-top:8px}.browse-all-card{border:2px dashed var(--line);border-radius:var(--radius-lg);text-align:center;color:var(--ink);background:#ffffff80;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:260px;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:flex}.browse-all-card:hover{box-shadow:var(--shadow);background:#ffffffd9;transform:translateY(-4px)}.browse-all-icon{font-size:2rem;line-height:1}.browse-all-title{font-family:Georgia,Palatino Linotype,serif;font-size:1.15rem;font-weight:700}.browse-all-count{color:var(--ink-soft);font-size:.88rem}.coloring-card-body{gap:4px;padding:8px 10px;display:grid}.coloring-card-body p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.category-card-body h2,.coloring-card-body h3{margin:0;font-family:Georgia,Palatino Linotype,serif}.coloring-card{flex-direction:column;display:flex}.coloring-card-link{flex-direction:column;flex:1;display:flex}.category-card-body p,.coloring-card-body p,.category-meta,.prompt-note,.text-link{color:var(--ink-soft);line-height:1.6}.tag-list{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.tag-pill{color:var(--ink-soft);background:#ffffffb8;border:1px solid #1930421f;border-radius:999px;align-items:center;padding:7px 12px;font-size:.86rem;line-height:1;display:inline-flex}.badge{letter-spacing:.04em;border-radius:999px;width:fit-content;padding:7px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.accent-cars{background:#ff8f5a33}.accent-animals{background:#5eb8a433}.accent-princesses{background:#f3b0b940}.accent-flowers{background:#f4c95d4d}.theme-cars,.theme-animals,.theme-princesses,.theme-flowers{background:#fff}.theme-cars .category-card-body,.theme-cars .coloring-card-body,.theme-cars .coloring-card-actions{background:#ff8f5a1a}.theme-animals .category-card-body,.theme-animals .coloring-card-body,.theme-animals .coloring-card-actions{background:#5eb8a41a}.theme-princesses .category-card-body,.theme-princesses .coloring-card-body,.theme-princesses .coloring-card-actions{background:#f3b0b91f}.theme-flowers .category-card-body,.theme-flowers .coloring-card-body,.theme-flowers .coloring-card-actions{background:#f4c95d1f}.theme-space,.theme-dinosaurs,.theme-ocean,.theme-fairytales,.theme-food,.theme-sports{background:#fff}.theme-space .category-card-body,.theme-space .coloring-card-body,.theme-space .coloring-card-actions{background:#7b6bc814}.theme-dinosaurs .category-card-body,.theme-dinosaurs .coloring-card-body,.theme-dinosaurs .coloring-card-actions{background:#6aaa6a14}.theme-ocean .category-card-body,.theme-ocean .coloring-card-body,.theme-ocean .coloring-card-actions{background:#4db8d814}.theme-fairytales .category-card-body,.theme-fairytales .coloring-card-body,.theme-fairytales .coloring-card-actions{background:#c86b9a14}.theme-food .category-card-body,.theme-food .coloring-card-body,.theme-food .coloring-card-actions{background:#f0a03014}.theme-sports .category-card-body,.theme-sports .coloring-card-body,.theme-sports .coloring-card-actions{background:#e0585814}.badge-age-4-7{color:#2e7a6a;background:#5eb8a438}.badge-age-5-8{color:#b85a1a;background:#ff8f5a38}.badge-age-6-8{color:#4a3a9a;background:#7b6bc838}.card-badges{flex-wrap:wrap;gap:5px;display:flex}.accent-space{background:#7b6bc833}.accent-dinosaurs{background:#6aaa6a33}.accent-ocean{background:#4db8d833}.accent-fairytales{background:#c86b9a33}.accent-food{background:#f0a03040}.accent-sports{background:#e0585833}.theme-buildings,.theme-clothes,.theme-jobs{background:#fff}.theme-buildings .category-card-body,.theme-buildings .coloring-card-body,.theme-buildings .coloring-card-actions{background:#d4956a14}.theme-clothes .category-card-body,.theme-clothes .coloring-card-body,.theme-clothes .coloring-card-actions{background:#c49ac814}.theme-jobs .category-card-body,.theme-jobs .coloring-card-body,.theme-jobs .coloring-card-actions{background:#5ba8d414}.accent-buildings{background:#d4956a38}.accent-clothes{background:#c49ac838}.accent-jobs{background:#5ba8d438}.coloring-image-wrap{padding:8px;position:relative}.selection-toggle{z-index:2;border:2px solid var(--line);width:28px;height:28px;color:var(--ink-soft);cursor:pointer;background:#ffffffe6;border-radius:999px;justify-content:center;align-items:center;transition:border-color .15s,background .15s,color .15s;display:flex;position:absolute;top:12px;right:12px}.selection-toggle:hover{border-color:var(--ink);color:var(--ink)}.selection-toggle-active{background:var(--ink);border-color:var(--ink);color:#fff}.selection-bar{z-index:100;background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:16px;padding:14px 20px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #1930424d}.selection-bar-count{font-size:.92rem;font-weight:600}.selection-bar-limit{color:#fff9;font-weight:400}.selection-bar-actions{gap:8px;display:flex}.selection-bar .button-secondary,.selection-bar .button-primary{color:#fff;background:#ffffff26;border-color:#ffffff4d}.coloring-image{background:#fff;border:1px solid #19304214;border-radius:18px;width:100%;height:auto}.coloring-card-actions{justify-content:center;padding:6px 10px 10px;display:flex}.artwork-actions{flex-wrap:nowrap;gap:8px;display:flex}.icon-button{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;background:#ffffffe0;border-radius:999px;justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s;display:inline-flex}.icon-button:hover,.icon-button:focus-visible{transform:translateY(-2px);box-shadow:0 6px 16px #1930421f}.icon-button-primary{color:var(--ink);border-color:var(--line);background:#fff}.category-hero{padding:28px}.detail-layout{grid-template-columns:minmax(0,1fr) 380px;gap:24px;display:grid}.detail-art{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:#fff;padding:18px}.detail-art img{border-radius:24px;width:100%;height:auto}.detail-copy{align-self:start;padding:24px}.text-link{font-weight:700}.empty-state{text-align:center;padding:40px}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.detail-layout{grid-template-columns:1fr}.category-grid,.coloring-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.page-shell{width:min(calc(100% - 20px), var(--max-width));padding-top:10px}.site-header{border-radius:22px;grid-template-rows:auto auto;grid-template-columns:auto auto;gap:10px;padding:12px 14px;position:static;overflow:hidden}.site-header .brand{grid-area:1/1}.header-dropdowns{grid-area:1/2;justify-self:end}.search-wrap{grid-area:2/1/auto/-1;max-width:100%;margin:0}.hero{padding:24px}.icon-button{width:44px;height:44px}.category-grid,.coloring-grid{grid-template-columns:1fr}.hero-chip{min-width:102px;padding:12px 14px;font-size:.9rem}}