:root{--ink:#192738;--paper:#f6f8fc;--accent:#3553a5;--bar:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}body[data-group=games]{--accent:#a44984;--paper:#fdf7fc}body[data-group=weather]{--accent:#23798a;--paper:#f5fbfd}body[data-group=language]{--accent:#5d519c;--paper:#f9f8ff}body[data-group=math]{--accent:#137e66;--paper:#f6fcf9}header,footer{background:#fff;border-bottom:1px solid #dce2ef;padding:14px max(20px,calc((100vw - 1050px)/2))}footer{margin-top:32px;border-top:1px solid #dce2ef}header nav{display:flex;flex-wrap:wrap;gap:16px}a{color:var(--accent)}main{max-width:1050px;margin:35px auto;padding:0 20px}h1{font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.13}h2{margin:0 0 14px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:750;color:var(--accent)}.panel{background:white;border:1px solid #dce2ed;border-radius:18px;padding:clamp(18px,3vw,33px);box-shadow:0 4px 25px #18253d0b;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.grid a{border:1px solid #e1e7f0;padding:16px;background:#fff;border-radius:12px;text-decoration:none;display:block}.grid a:hover{border-color:var(--accent)}button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:0;padding:10px 15px;border-radius:9px;margin:5px 4px 5px 0}button:focus,input:focus,textarea:focus{outline:3px solid #77a6f4;outline-offset:2px}input,textarea,select{font:inherit;max-width:100%;width:100%;padding:11px;border:1px solid #bac6da;border-radius:9px;margin:7px 0 14px;background:#fff;color:#192738}label{font-weight:600;display:block;max-width:520px}.small{font-size:13px;color:#546273}.status{min-height:30px;color:#69480c;font-weight:650;margin:14px 0}.status.success{color:#176c4b}.board-grid{display:grid;grid-template-columns:repeat(var(--grid),minmax(0,1fr));gap:5px;max-width:500px}.tile{aspect-ratio:1;margin:0;padding:0;font-size:24px;border-radius:7px;background:#dfe9fc;color:#192738}.tile.empty{background:#f6f6f9}.tile.on{background:#fac96d}.tile.off{background:#cbd2de}.sudoku-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;max-width:500px}.sud{padding:0;text-align:center;aspect-ratio:1;margin:0;border-radius:0;font-size:clamp(13px,3vw,22px)}.sud[readonly]{background:#e6eefa;font-weight:700}.chess-grid{display:grid;grid-template-columns:repeat(8,1fr);max-width:510px}.sq{aspect-ratio:1;margin:0;padding:0;border-radius:0;font-size:clamp(18px,4.5vw,37px)}.sq.light{background:#f1dec1;color:#23232d}.sq.dark{background:#71968a;color:#151a21}blockquote{border-left:4px solid var(--accent);padding:10px 15px;margin-left:0;background:#f7f8fc}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:12px}.catalog a{display:block;border:1px solid #dce3ed;border-radius:12px;padding:13px;background:white;text-decoration:none}.catalog a:hover{border-color:var(--accent)}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}strong{font-weight:750}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}