:root{--primary-color: #1976d2;--surface-color: #ffffff;--background-color: #f5f5f5;--text-color: #333333;--border-color: #e0e0e0;--hover-color: #f0f0f0}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f8f9fa;color:#333;min-height:100vh;overflow-x:hidden}@media (max-width: 768px){html{font-size:15px}}@media (max-width: 480px){html{font-size:14px}}.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:1rem}@media (max-width: 768px){.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}}@media (max-width: 480px){.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;padding:.75rem}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}@media (max-width: 768px){.hidden-mobile{display:none}}.visible-mobile{display:none}@media (max-width: 768px){.visible-mobile{display:block}}@media (hover: none){.hover-only{display:none}}@media (prefers-color-scheme: dark){body{background-color:#121212;color:#e0e0e0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.card{background:var(--surface-color);border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a}