*,:before,:after{box-sizing:border-box}html,body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#f5f5f5;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}a{color:inherit}img{max-width:100%}button{font-family:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.app__body{flex:1}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-5{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}@media (width<=1024px){.grid-5{grid-template-columns:repeat(4,1fr)}.grid-4{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.grid-5,.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (width<=480px){.grid-5,.grid-4,.grid-3{grid-template-columns:repeat(2,1fr);gap:10px}}h1,h2,h3,h4{margin:0;line-height:1.2}p{margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#dc3545}