.btn{color:#000;white-space:nowrap;background-color:#0000;border:1.5px solid #444;border-radius:999px;justify-content:center;align-items:center;padding:16px 36px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn:hover{background-color:#f1f1f1;box-shadow:0 4px 12px #0000000d}.btn--primary{color:#fff;background-color:red;border-color:red}.btn--primary:hover{background-color:#c00}.btn--full-width{width:100%}.header{text-align:center;padding:24px 0}@media (width>=768px){.header{padding-top:50px}}.header .container{flex-direction:column;align-items:center;display:flex}.header__content{flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;display:flex}@media (width>=1024px){.header__content{margin-bottom:32px}}.header__logo{background:linear-gradient(#f1f1f1 0%,#f1f1f100 100%);border:1px solid #f1f1f100;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding:0;display:flex}.header__logo-inner{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.header__logo-inner img{width:100%;height:auto;display:block}.header__text-group{flex-direction:column;align-items:center;gap:10px;display:flex}.header__title{color:#000;margin:0;font-size:20px;font-weight:700;line-height:normal}.header__description{white-space:pre-wrap;color:#7c7c7c;max-width:400px;margin:0;font-size:14px;font-weight:500;line-height:1.4}.header .btn{width:100%;max-width:245px;padding:16px}.header__logo-inner--skeleton{background:linear-gradient(90deg,#f1f1f1 0%,#f7f7f7 50%,#f1f1f1 100%) 0 0/200% 100%;border-radius:50%;width:40px;height:40px;animation:1.2s ease-in-out infinite header-skeleton-loading}.header__skeleton{background:linear-gradient(90deg,#f1f1f1 0%,#f7f7f7 50%,#f1f1f1 100%) 0 0/200% 100%;border-radius:8px;animation:1.2s ease-in-out infinite header-skeleton-loading}.header__skeleton--title{width:140px;height:24px;margin-bottom:8px}.header__skeleton--text{width:220px;height:14px;margin-bottom:6px}.header__skeleton--short{width:180px;margin-bottom:0}.header .btn--skeleton{pointer-events:none;background:linear-gradient(90deg,#f1f1f1 0%,#f7f7f7 50%,#f1f1f1 100%) 0 0/200% 100%;border-radius:999px;width:220px;height:48px;animation:1.2s ease-in-out infinite header-skeleton-loading}@keyframes header-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tabs{border-bottom:1px solid #e5e5e5;width:100%;max-width:680px;margin:0 auto;padding-top:6px;display:flex;position:relative}.tabs__list{width:100%;margin:0;padding:0;display:flex}.tabs__item{flex:1;justify-content:center;display:flex}.tabs__btn{color:#0006;text-align:center;width:100%;padding:12px;font-size:16px;font-weight:700;transition:color .3s;position:relative}.tabs__btn:after{content:"";background-color:#0000;width:100%;height:3px;transition:background-color .3s;position:absolute;bottom:-1px;left:0}.tabs__btn--active{color:#000}.tabs__btn--active:after{background-color:#000}.card{width:100%;text-decoration:none;display:block}.card__image-wrapper{background:#f3f3f3;width:100%;position:relative;overflow:hidden}.card__blur-layer{filter:blur(18px);z-index:1;background-color:#ececec;background-image:linear-gradient(90deg,#ffffff26 0%,#ffffff59 50%,#ffffff26 100%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:200% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;transition:opacity .35s;animation:1.4s ease-in-out infinite card-loading-shimmer;position:absolute;inset:0;transform:scale(1.08)}.card__blur-layer--hidden{opacity:0;pointer-events:none}.card__image{z-index:2;aspect-ratio:3/4;object-fit:cover;opacity:0;filter:blur(12px);width:100%;height:auto;transition:opacity .25s,transform .25s,filter .25s;display:block;position:relative;transform:scale(1.03)}.card__image--loaded{opacity:1;filter:blur();transform:scale(1)}.card__fallback{z-index:2;aspect-ratio:3/4;background:#ececec;width:100%;position:relative}@keyframes card-loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.feed{width:100%;padding:0 0 64px}.feed.hidden{display:none}.feed__grid{grid-template-columns:repeat(3,1fr);gap:5px;padding-top:12px;display:grid}@media (width>=768px){.feed__grid{gap:8px;max-width:680px;margin:0 auto;padding-top:16px}}.feed__item{min-width:0}.feed__loading,.feed__error,.feed__empty,.feed__end{color:#7c7c7c;text-align:center;justify-content:center;padding:32px 0;font-size:14px;font-weight:500;display:flex}.feed__loading .spinner{border:3px solid #0000001a;border-top-color:red;border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}.feed__skeleton{aspect-ratio:3/4;background:linear-gradient(90deg,#f1f1f1 0%,#f7f7f7 50%,#f1f1f1 100%) 0 0/200% 100%;border-radius:12px;width:100%;animation:1.2s ease-in-out infinite feed-skeleton-loading}.feed__sentinel{width:100%;height:1px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes feed-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.app-main-tabs{padding:0 0 64px}@media screen and (width<=767px){.app-main-tabs .container{padding:0}}.app-main{min-height:320px;position:relative}.app-loading{justify-content:center;padding:64px 0;display:flex}.spinner{border:3px solid #0000001a;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}@font-face{font-family:Metropolis;src:url(/fonts/metropolis/Metropolis-Light.woff2)format("woff2"),url(/fonts/metropolis/Metropolis-Light.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Metropolis;src:url(/fonts/metropolis/Metropolis-Regular.woff2)format("woff2"),url(/fonts/metropolis/Metropolis-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Metropolis;src:url(/fonts/metropolis/Metropolis-Medium.woff2)format("woff2"),url(/fonts/metropolis/Metropolis-Medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Metropolis;src:url(/fonts/metropolis/Metropolis-Bold.woff2)format("woff2"),url(/fonts/metropolis/Metropolis-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Metropolis;src:url(/fonts/metropolis/Metropolis-ExtraBold.woff2)format("woff2"),url(/fonts/metropolis/Metropolis-ExtraBold.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}body{color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Metropolis,sans-serif}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:680px;margin:0 auto;padding:0 16px}@media (width>=768px){.container{padding:0 24px}}.hidden{display:none!important}
