*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;color:var(--text-primary,#1a1a1a);background:var(--bg-page,#f5f5f5);-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%}button{font-family:inherit}.app{display:flex;flex-direction:column;min-height:100vh}.app__body{flex:1 1}.grid-2{grid-template-columns:1fr 1fr;grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px}@media (max-width:1024px){.grid-5{grid-template-columns:repeat(4,1fr)}.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width:480px){.grid-3,.grid-4,.grid-5{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:var(--color-neutral-border,#f0f0f0)}::-webkit-scrollbar-thumb{background:var(--color-neutral-mid,#ccc);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary,#dc3545)}