.home__grid{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@media (min-width:768px){.home__grid{padding-left:24px;padding-right:24px}}.home__grid{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:768px){.home__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.home__grid{grid-template-columns:repeat(3,1fr)}}.home__grid{margin-bottom:12px}@media (min-width:768px){.home__grid{gap:20px;margin-bottom:20px}}.home__skeleton{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@media (min-width:768px){.home__skeleton{padding-left:24px;padding-right:24px}}.home__skeleton{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:768px){.home__skeleton{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.home__skeleton{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.home__skeleton{gap:20px}}.home__error{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;display:flex}.home__error-icon{color:#d94e4e;background:#fdf0f0;border-radius:18px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.home__error-text{color:#6b6058;font-size:.875rem;line-height:1.6}.home__error-btn{color:#fff;background:#e8724a;border-radius:100px;padding:8px 20px;font-size:.875rem;font-weight:600;transition:background .15s ease-out,transform .15s ease-out}.home__error-btn:hover{background:#d45a32}.home__error-btn:active{transform:scale(.97)}.home__empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 16px 40px;display:flex}.home__empty-illust{width:160px;height:120px;margin-bottom:8px;position:relative}.home__empty-illust:before{content:"";background:#5a7a5a;border-radius:10px;width:120px;height:88px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 8px #00000026}.home__empty-illust:after{content:"";background:#d9d2c7;border-radius:0 0 6px 6px;width:140px;height:8px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.home__empty-mark{color:#fff6;font-size:40px;font-weight:800;line-height:1;position:absolute;top:16px;left:50%;transform:translate(-50%)}.home__empty-title{color:#2c2520;font-size:1.125rem;font-weight:700}.home__empty-desc{color:#a39888;font-size:.875rem;line-height:1.6}.home__empty-reset{color:#e8724a;font-size:.875rem;font-weight:600;transition:color .15s ease-out}.home__empty-reset:hover{color:#d45a32}.home__load-more{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@media (min-width:768px){.home__load-more{padding-left:24px;padding-right:24px}}.home__load-more{justify-content:center;padding-top:16px;padding-bottom:16px;display:flex}.home__load-more-btn{color:#6b6058;background:#fff;border:1.5px solid #ebe5dd;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:8px 24px;font-size:.875rem;font-weight:500;transition:background .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,transform .15s ease-out;display:flex;box-shadow:0 1px 3px #8b73550f,0 1px 2px #8b73550a}.home__load-more-btn:hover{background:#fffcf9;border-color:#d9d2c7;box-shadow:0 4px 12px #8b735514,0 2px 4px #8b73550a}.home__load-more-btn:active{transform:scale(.97)}.home__load-more-btn:disabled{opacity:.5;cursor:not-allowed}.home__spinner{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}