:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#19314e;background:#f5f8fe;font-size:16px}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #e99131;outline-offset:4px}header{background:white;border-bottom:1px solid #e2eaf5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px max(24px,calc((100vw - 1240px)/2));min-height:88px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:1.45rem;letter-spacing:-.045em;white-space:nowrap}.brand strong{color:#3268db}.brandmark{background:#3268db;color:white;width:43px;height:43px;display:grid;place-items:center;border-radius:13px;font-weight:900;font-size:1.8rem;box-shadow:3px 3px 0 #c4d8ff}nav{display:flex;gap:25px;align-items:center;font-size:.95rem;font-weight:700;color:#62728c}nav button{border:0;background:transparent;color:inherit;padding:9px 0}nav a:hover,nav button:hover,nav .selected{color:#3268db}main{max-width:1288px;padding:28px 24px 0;margin:auto}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}h1{margin:0;font-size:1.75rem;font-weight:850;letter-spacing:-.04em}.domain{color:#8090a6;font-size:.88rem;font-weight:650}.topics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.topic{background:white;border:2px solid #e4eaf4;border-radius:17px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:17px 18px;color:#36516f;font-weight:750;text-align:left;min-height:114px;transition:border-color .15s,transform .15s}.topic:hover{border-color:#7d9ee5;transform:translateY(-2px)}.topic.active{border-color:#3268db;background:#edf3ff;color:#214eab}.symbol{font-size:1.4rem;font-weight:850;line-height:1;background:#e3ecff;color:#3268db;padding:8px 11px;border-radius:9px;min-height:38px;letter-spacing:-.04em}.word{background:#fff0d3;color:#945b04}.read{background:#e8e4ff;color:#644ba9;font-size:1.1rem;padding:10px}.color{background:#fde7e0;color:#ce6142;font-size:1.1rem;letter-spacing:0}.clock-symbol{background:#d9f1e9;color:#206950;font-size:1.12rem;padding:10px}#materialy{scroll-margin-top:24px}.cataloghead{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:33px 0 20px}.cataloghead>div:first-child{display:flex;align-items:baseline;gap:14px}h2{font-size:1.3rem;letter-spacing:-.03em;margin:0}.count{font-size:.84rem;color:#8090a6}.types{display:flex;gap:3px;background:#e8eef8;padding:4px;border-radius:12px}.types button{border:0;background:transparent;padding:8px 15px;font-size:.88rem;font-weight:750;color:#62728c;border-radius:9px}.types .active{background:white;color:#275bbb;box-shadow:0 2px 6px #18304e0d}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}.card{border:1px solid #dde6f3;border-radius:17px;background:white;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s}.card:hover{box-shadow:0 10px 24px #1a3b700e}.card.app{border-color:#bfd3fb}.picture{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#e4ecf8}.picture img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.picture:hover img{transform:scale(1.035)}.badge{position:absolute;top:12px;left:12px;padding:5px 10px;font-size:.76rem;font-weight:800;background:#fff;color:#254c85;border-radius:7px;box-shadow:0 1px 6px #0001}.app .badge{background:#3268db;color:white}.play{position:absolute;bottom:12px;right:12px;background:#19314ec4;color:white;width:40px;height:31px;display:grid;place-items:center;border-radius:8px;font-size:.9rem}.cardbody{padding:17px 18px;display:flex;flex-direction:column;flex:1}.meta{font-size:.78rem;color:#6680a5;font-weight:700;margin-bottom:6px}.card h3{font-size:1.1rem;line-height:1.35;letter-spacing:-.025em;margin:0}.card h3 a:hover{color:#3268db}.card p{font-size:.91rem;color:#63748c;line-height:1.55;margin:8px 0 18px}.cardfoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.cardfoot>span{font-size:.78rem;color:#6f8097;max-width:65%}.card-action{font-size:.85rem;font-weight:800;color:#3268db;background:#edf3ff;padding:8px 12px;border-radius:8px}.app .card-action{background:#3268db;color:white}.parents{border-top:1px solid #dce6f5;margin-top:48px;padding:30px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:35px}.parents .eyebrow{font-size:.8rem;color:#3268db;font-weight:750}.parents h2{margin-top:8px;max-width:280px;font-size:1.35rem;line-height:1.35}.parents p{font-size:.94rem;color:#63748c;line-height:1.75;margin:0;max-width:630px}footer{padding:20px max(24px,calc((100vw - 1240px)/2));border-top:1px solid #e2eaf5;display:flex;justify-content:space-between;color:#71829b;font-size:.85rem;background:white}#empty{border:1px dashed #bccce4;padding:30px;text-align:center;border-radius:16px;color:#63748c}.primary{border:0;background:#3268db;color:white;font-weight:700;padding:12px 18px;border-radius:10px}[hidden]{display:none!important}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic{padding:14px 12px;font-size:.88rem}header{padding:17px 24px}.brand{font-size:1.2rem}nav{gap:18px}}@media(max-width:600px){header{padding:14px 16px;flex-wrap:wrap;gap:10px;min-height:auto}.brand{font-size:1.25rem}.brandmark{width:34px;height:34px;font-size:1.4rem;border-radius:10px}nav{font-size:.88rem;width:100%;gap:25px}nav button{padding:3px 0}main{padding:22px 16px 0}h1{font-size:1.45rem}.topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.topic{flex-direction:row;align-items:center;padding:10px;min-height:65px;gap:9px;border-radius:12px}.topic:first-child{grid-column:1/-1;min-height:50px}.topic:first-child .symbol{background:transparent;padding:2px 6px;min-height:25px}.symbol{font-size:1.05rem;padding:7px;min-height:30px}.read,.color,.clock-symbol{font-size:.85rem;padding:8px 6px}.cataloghead{margin:23px 0 15px;align-items:flex-start;flex-direction:column;gap:12px}.types{width:100%}.types button{flex:1;padding:9px 8px}.grid{grid-template-columns:1fr;gap:18px}.parents{grid-template-columns:1fr;gap:14px;margin-top:30px;padding:24px 0}.parents h2{max-width:none}footer{padding:17px 16px}.picture img{object-fit:cover}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Brighter sky background and distinct colours for each topic. */
:root{background:#e4f5ff}
body{background:linear-gradient(145deg,#dff4ff 0%,#edf3ff 56%,#e3f8f3 100%);min-height:100vh}
header{border-bottom-color:#c8def4}
.domain{color:#526e93}
.topic{border-color:#c2d8f2;box-shadow:0 4px 10px #245ca008}
.topic[data-topic="slowa"]{background:#ffe4a2;border-color:#edc25d;color:#664200}
.topic[data-topic="czytanie"]{background:#e0d3ff;border-color:#b49be8;color:#4a2c87}
.topic[data-topic="kolory"]{background:#ffd6c8;border-color:#efa68b;color:#853d26}
.topic[data-topic="zegar"]{background:#bdeedd;border-color:#75c7ac;color:#185f49}
.topic[data-topic="slowa"] .symbol{background:#ffc753;color:#674000}
.topic[data-topic="czytanie"] .symbol{background:#bba0ef;color:#39206e}
.topic[data-topic="kolory"] .symbol{background:#ffad90;color:#7c301a}
.topic[data-topic="zegar"] .symbol{background:#7cdbb7;color:#14553c}
.topic.active{background:#3268db;border-color:#2454bc;color:white;box-shadow:0 5px 14px #3268db30}
.topic.active .symbol{background:#ffffff24;color:white}
.card{border-color:#cadbf0;box-shadow:0 5px 15px #27578e08}
.card.app{border-color:#90b7f3}
.parents{border-top-color:#bcd4eb}
.types{background:#d3e4f7}
footer{border-top-color:#c8def4}

.brandlogo{display:block;width:48px;height:48px;object-fit:contain;flex-shrink:0}@media(max-width:600px){.brandlogo{width:38px;height:38px}}

/* Tematy pełnego katalogu: zwarte kafelki i przewijanie na telefonie. */
.topics{grid-template-columns:repeat(4,minmax(0,1fr))}.topic{min-height:80px;flex-direction:row;align-items:center;padding:13px 16px;gap:12px}
.topic[data-topic="liczenie"]{background:#ffe4a2;border-color:#edc25d;color:#664200}.topic[data-topic="angielski"]{background:#e0d3ff;border-color:#b49be8;color:#4a2c87}.topic[data-topic="przyroda"]{background:#bdeedd;border-color:#75c7ac;color:#185f49}.topic[data-topic="bajki"]{background:#d1e5ff;border-color:#8bb7ef;color:#214e87}.topic[data-topic="rodzice"],.topic[data-topic="inne"]{background:#fff;border-color:#b8cce6;color:#36516f}
@media(max-width:900px){.topics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.topics{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px;scroll-snap-type:x proximity}.topic,.topic:first-child{flex:0 0 auto;min-height:52px;padding:9px 12px;scroll-snap-align:start}.topic .symbol{font-size:.85rem;min-height:30px}.topic:first-child .symbol{padding:4px;min-height:25px}}
/* Static category navigation and content below the catalog. */
nav.topics{font-size:1rem}.topics a.topic{white-space:normal}.category-copy{margin:32px 0;padding:22px 0;border-top:1px solid #cbdcf0;max-width:850px}.category-copy p{font-size:1rem;line-height:1.7;color:#526980}.topline h1{font-size:1.65rem;line-height:1.25}.topics [data-topic="swiat"]{background:#bdeedd;border-color:#75c7ac;color:#185f49}
@media(max-width:600px){.topline h1{font-size:1.3rem}.topline .domain{display:none}nav.topics{width:100%;font-size:.9rem}}