.menu{margin:var(--section-top-gap) 0 0;grid-area:a;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"filter search chips";align-items:center;gap:12px;display:grid}.menu__container{grid-area:filter;display:flex}.menu__search{z-index:1;background-color:var(--feed-surface);border-radius:12px;grid-area:search;align-items:center;width:100%;min-width:0;height:44px;padding:0 6px 0 14px;display:flex;position:relative}.menu__search .menu__search-row,.menu__search .search-input{height:100%}.menu__search .search-input{border:none;align-items:center;width:100%}.menu__search .search-input:hover{border:none}.menu__search .search-input:has(.search-input__input:focus){border:none}.menu__search .search-input__span--empty{order:-1}.menu__search .search-input__span--empty:after,.menu__search .search-input__span button{width:20px;height:20px}.menu__search .search-input__input{font-size:16px;font-weight:400}.menu__search .search-input__input::placeholder{color:var(--text-grey);font-size:16px;font-weight:400}.menu>.feed-chips{grid-area:chips}@media screen and (min-width:1440px){.menu{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"search chips";margin:0}.menu__container{display:none}}@media screen and (max-width:767px){.menu{z-index:12;background-color:var(--body-bg);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"search filter""chips chips";gap:8px;margin:0 -8px;padding:4px 8px;position:sticky;top:0}.menu__search{background-color:var(--color-theme-4)}}.filter-btn{background-color:var(--color-theme-4);height:44px;color:var(--feed-text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:0 12px;transition:background-color .2s;display:inline-flex}.filter-btn__icon{flex-shrink:0}.filter-btn__text{color:var(--feed-text-primary);white-space:nowrap;font-family:Arial,sans-serif;font-size:14px;font-weight:700;line-height:20px}.filter-btn__badge{background-color:var(--purple);min-width:20px;height:20px;color:var(--color-theme-7);border-radius:10px;justify-content:center;align-items:center;padding:0 5px;font-family:Arial,sans-serif;font-size:14px;font-weight:700;line-height:20px;display:inline-flex}.filter-btn:hover,.filter-btn[aria-expanded=true]{background-color:var(--feed-active-bg)}.search-popup{z-index:21;background-color:var(--color-theme-4);width:min(100%,720px);height:min-content;max-height:calc(var(--index)*10);gap:calc(var(--index)/1.875);padding:0 calc(var(--index)/1.25);display:none;position:absolute}.search-popup__container{width:100%;margin:calc(var(--index)/1.875) 0;flex-direction:column;display:flex}.search-popup__signature{height:min-content;color:var(--text-grey);margin-bottom:calc(var(--index)/1.875);font-family:Arial,sans-serif;font-size:.875rem;font-weight:400}.search-popup__search-result{height:100%;overflow:auto}.search-popup__search-result_user{flex-direction:column;display:flex}.search-popup__search-result_tags{gap:calc(var(--index)/4);flex-wrap:wrap;height:min-content;display:flex}.search-popup__channel .user-btn__text,.search-popup__tag .tags-btn__text{max-width:calc(var(--index)*4);overflow:hidden}@media screen and (max-width:1439px){.search-popup{overscroll-behavior-y:contain;width:100%;max-height:60vh;padding:max(16px,var(--index)*1.454);border-radius:0 0 12px 12px;left:0;right:0;overflow-y:auto}.search-popup__container{width:100%}}.sort-follow-btn{cursor:pointer;border-radius:calc(var(--index)/1.875);border:1px solid var(--color-theme-3);width:calc(var(--index)*1.2);height:calc(var(--index)*1.2);justify-content:center;align-items:center;display:flex;overflow:hidden}.sort-follow-btn_checkbox{visibility:hidden;opacity:0;position:absolute}.sort-follow-btn_checkbox:checked+.sort-follow-btn{border-color:var(--purple)}.sort-follow-btn_checkbox:checked+.sort-follow-btn svg{rotate:25deg}.sort-follow-btn_checkbox:checked+.sort-follow-btn svg path{stroke:var(--purple);fill:var(--purple)}.sort-follow-btn svg{width:calc(var(--index)/1.5);height:calc(var(--index)/1.5)}.sort-follow-btn svg path{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke:var(--color-theme-3)}.sort-follow-btn:hover svg path{stroke:var(--purple)}
.menu__search-row{align-items:center;width:100%;display:flex}.menu__search-input{flex:auto;min-width:0}
.feed-chips{align-items:center;gap:8px;min-width:0;display:flex}@media screen and (max-width:767px){.feed-chips{overscroll-behavior-x:contain;scrollbar-width:none;width:100%;padding:4px 0;overflow-x:auto}.feed-chips::-webkit-scrollbar{display:none}}.feed-chip{background-color:var(--color-theme-4);height:36px;color:var(--feed-text-primary);cursor:pointer;border:1px solid #0000;border-radius:18px;flex-shrink:0;align-items:center;gap:6px;padding:0 10px 0 14px;text-decoration:none;display:inline-flex;position:relative}.feed-chip__label{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-family:Arial,sans-serif;font-size:14px;font-weight:700;line-height:20px;overflow:hidden}.feed-chip svg{color:var(--feed-text-secondary);flex-shrink:0}.feed-chip--active{background-color:var(--feed-active-bg);border-color:var(--feed-focus)}.feed-chip__native-select{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.feed-chip:has(.feed-chip__native-select:focus-visible){outline:3px solid var(--feed-focus);outline-offset:3px}.feed-chip:hover{background-color:var(--feed-active-bg)}@media screen and (min-width:768px){.feed-chip{border-radius:12px;height:44px}}@media screen and (min-width:1440px){.feed-chip--shortcut{display:none}}
.nav-bar{--sidebar-drawer-top:0px;--desktop-sidebar-open:var(--feed-rail-max);width:100%;max-width:var(--desktop-sidebar-open);min-width:var(--desktop-sidebar-open);opacity:1;visibility:visible;flex-direction:column;grid-area:b;gap:12px;height:100%;min-height:0;margin:0;transition:width .3s,max-width .3s,min-width .3s,transform .3s linear,opacity .3s;display:flex;overflow:hidden;transform:translate(0)}.nav-bar--closed{visibility:hidden;opacity:0;width:0;min-width:0;max-width:0;transform:translate(-20%)}.nav-bar__head{grid-template-columns:1fr 1fr;align-content:center;justify-items:center;display:grid}.nav-bar__sort-btns{gap:calc(var(--index)/7.5);grid-template-columns:1fr 1fr;width:100%;display:grid}.nav-bar__sort-btn{width:100%;height:calc(var(--index)/1.5);border:1px solid var(--color-theme-4);border-radius:6px}.nav-bar__sort-btn_container{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.nav-bar__sort-btn_container svg path{stroke:var(--text-grey);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.nav-bar__sort-btn_svg-text{color:var(--text-grey);font-family:Arial,sans-serif;font-size:.875rem;font-weight:600}.nav-bar__sort-btn_checkbox{visibility:hidden;opacity:0;position:absolute}.nav-bar__sort-btn_checkbox:checked+.nav-bar__sort-btn{background-color:var(--color-theme-4);border:none}.nav-bar__sort-btn_checkbox:checked+.nav-bar__sort-btn svg path{stroke:var(--text-white)}.nav-bar__sort-btn_checkbox:checked+.nav-bar__sort-btn .nav-bar__sort-btn_svg-text{color:var(--text-white)}.nav-bar__sort-btn:hover{border-color:var(--color-theme-3)}.nav-bar__sort-btn:hover .nav-bar__sort-btn_svg-text{color:var(--text-white)}.nav-bar__sort-btn:hover svg path{stroke:var(--text-white)}.nav-bar__main{flex-direction:column;max-height:100%;display:flex;overflow:auto}.nav-bar__main_tags{flex-direction:column}.nav-bar__drawer-head{display:none}@media screen and (max-width:1439px){.nav-bar{--sidebar-drawer-top:var(--home-menu-bottom);top:var(--sidebar-drawer-top);z-index:11;width:min(360px,100vw);min-width:min(360px,100vw);max-width:min(360px,100vw);height:calc(100dvh - var(--sidebar-drawer-top));max-height:calc(100dvh - var(--sidebar-drawer-top));padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background-color:var(--feed-surface);border-top:1px solid var(--color-theme-3);border-right:1px solid var(--color-theme-3);border-radius:0 20px 0 0;margin:0;display:flex;position:fixed;left:0;overflow:hidden;box-shadow:0 12px 48px #0000002e}.nav-bar__drawer-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.nav-bar__drawer-title{color:var(--text-white);font-family:Arial,sans-serif;font-size:24px;font-weight:700;line-height:30px}.nav-bar__drawer-close{background-color:var(--color-theme-4);width:44px;min-width:44px;height:44px;color:var(--feed-text-secondary);border-radius:22px;justify-content:center;align-items:center;display:inline-flex}.nav-bar .selectfilter__variants,.nav-bar .selectfilter__search.search-input{background-color:var(--color-theme-4)}.nav-bar--closed,.nav-bar--auto{opacity:0;visibility:hidden;pointer-events:none;width:0;min-width:0;max-width:0;transform:translateX(calc(var(--index) / -1.875));box-shadow:none;clip-path:inset(0 100% 0 0);border-top:none;border-right:none;padding:0}}@media screen and (max-width:767px){.nav-bar{--sidebar-drawer-top:var(--home-menu-bottom);width:100vw;min-width:100vw;max-width:100vw;padding-left:8px;padding-right:8px}.nav-bar--closed,.nav-bar--auto{clip-path:inset(0 100% 0 0);width:0;min-width:0;max-width:0;padding:0}}.nav-bar__backdrop{z-index:10;cursor:default;background:#00000094;position:fixed;inset:0}.nav-bar__list{overscroll-behavior-y:contain;scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:2px;min-height:0;display:flex;overflow:hidden auto}.filter-row{min-height:40px;color:var(--feed-text-secondary);border-radius:10px;flex-shrink:0;align-items:center;gap:10px;padding:0 10px 0 8px;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.filter-row:hover{background-color:var(--color-theme-4);color:var(--feed-text-primary)}.filter-row_active,.filter-row_active:hover{background-color:var(--feed-active-bg);color:var(--feed-text-primary)}.filter-row__avatar{background-color:var(--color-theme-4);width:24px;height:24px;color:var(--feed-text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Arial,sans-serif;font-size:13px;font-weight:700;display:inline-flex;overflow:hidden}.filter-row__avatar img{object-fit:cover;width:100%;height:100%}.filter-row__avatar_all{color:var(--purple)}.filter-row__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-family:Arial,sans-serif;font-size:14px;font-weight:700;line-height:20px;overflow:hidden}.filter-row__count{color:var(--text-grey);flex-shrink:0;font-family:Arial,sans-serif;font-size:13px;line-height:18px}
.selectfilter{flex-direction:column;gap:12px;width:100%;min-width:0;display:flex}.selectfilter__variants{background-color:var(--feed-surface);border-radius:12px;gap:4px;padding:4px;display:flex}.selectfilter__chooser{min-width:0;height:36px;color:var(--feed-text-secondary);border:1px solid #0000;border-radius:9px;flex:1 1 0;font-family:Arial,sans-serif;font-size:14px;font-weight:700;line-height:20px}.selectfilter__chooser:hover{color:var(--feed-text-primary)}.selectfilter__chooser[aria-pressed=true]{border-color:var(--feed-focus);background-color:var(--feed-active-bg);color:var(--feed-text-primary)}.selectfilter__search.search-input{background-color:var(--feed-surface);border:none;border-radius:10px;align-items:center;width:100%;height:40px;min-height:40px;padding:0 6px 0 12px}.selectfilter__search.search-input .search-input__span--empty{order:-1}.selectfilter__search.search-input .search-input__span--empty:after,.selectfilter__search.search-input .search-input__span button{width:18px;height:18px}.selectfilter__search.search-input .search-input__input{margin-left:6px;font-size:14px;font-weight:400}.selectfilter__search.search-input .search-input__input::placeholder{color:var(--text-grey);font-size:14px;font-weight:400}.sorter{align-self:flex-start;min-width:0;position:relative}.sorter__trigger{background-color:var(--color-theme-4);height:36px;color:var(--feed-text-primary);white-space:nowrap;border-radius:18px;align-items:center;gap:6px;padding:0 10px 0 14px;font-family:Arial,sans-serif;font-size:14px;font-weight:700;line-height:20px;display:inline-flex}.sorter__trigger[aria-expanded=true] .sorter__chevron{transform:rotate(180deg)}.sorter__chevron{color:var(--feed-text-secondary);flex-shrink:0;transition:transform .15s}.sorter__popup{z-index:6;border:1px solid var(--color-theme-3);background-color:var(--feed-surface);border-radius:12px;gap:2px;min-width:200px;padding:4px;display:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 14px 32px #00000047}.sorter__popup_open{display:grid}.sorter__option{min-height:40px;color:var(--feed-text-secondary);text-align:left;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-family:Arial,sans-serif;font-size:14px;font-weight:700;display:flex}.sorter__option:hover{background-color:var(--color-theme-4);color:var(--feed-text-primary)}.sorter__option_active{background-color:var(--feed-active-bg);color:var(--feed-text-primary)}.sorter__check{color:var(--purple);flex-shrink:0}
@media screen and (max-width:767px){.nav-bar__backdrop{z-index:13}.nav-bar.nav-bar--sheet{z-index:14;background-color:var(--feed-surface);-webkit-backdrop-filter:none;backdrop-filter:none;clip-path:none;opacity:1;visibility:visible;border:none;border-radius:20px 20px 0 0;width:100%;min-width:0;max-width:100%;height:min(700px,100dvh - 56px);max-height:min(700px,100dvh - 56px);padding:0;transition:transform .25s,visibility .25s;inset:auto 0 0;transform:none;box-shadow:0 -12px 48px #0000004d}.nav-bar.nav-bar--sheet.nav-bar--closed,.nav-bar.nav-bar--sheet.nav-bar--auto{opacity:1;clip-path:none;visibility:hidden;pointer-events:none;width:100%;min-width:0;max-width:100%;padding:0;transform:translateY(100%)}}.filter-sheet{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.filter-sheet__grabber{background-color:var(--feed-border);border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:8px auto 6px}.filter-sheet__title-row{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px 8px;display:flex}.filter-sheet__title{color:var(--text-white);font-family:Arial,sans-serif;font-size:24px;font-weight:700;line-height:30px}.filter-sheet__close{background-color:var(--color-theme-4);width:44px;height:44px;color:var(--feed-text-secondary);border-radius:22px;justify-content:center;align-items:center;display:inline-flex}.filter-sheet__body{overscroll-behavior-y:contain;flex-direction:column;flex:auto;gap:14px;min-height:0;padding:0 16px 12px;display:flex;overflow-y:auto}.filter-sheet__section{flex-direction:column;gap:8px;display:flex}.filter-sheet__label{color:var(--text-grey);font-family:Arial,sans-serif;font-size:14px;font-weight:700;line-height:20px}.filter-sheet__segmented{background-color:var(--color-theme-4);border-radius:12px;gap:4px;padding:4px;display:flex}.filter-sheet__segment{min-width:0;height:40px;color:var(--feed-text-secondary);border:1px solid #0000;border-radius:9px;flex:1 1 0;padding:0 8px;font-family:Arial,sans-serif;font-size:14px;font-weight:700;line-height:20px}.filter-sheet__segment[aria-pressed=true]{border-color:var(--feed-focus);background-color:var(--feed-active-bg);color:var(--feed-text-primary)}.filter-sheet__segment-text{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.filter-sheet__search.search-input{background-color:var(--color-theme-4);border:none;border-radius:12px;align-items:center;width:100%;height:44px;min-height:44px;padding:0 6px 0 14px}.filter-sheet__search.search-input .search-input__span--empty{order:-1}.filter-sheet__search.search-input .search-input__span--empty:after,.filter-sheet__search.search-input .search-input__span button{width:20px;height:20px}.filter-sheet__search.search-input .search-input__input{font-size:16px;font-weight:400}.filter-sheet__search.search-input .search-input__input::placeholder{color:var(--text-grey);font-size:16px;font-weight:400}.filter-sheet__list{border:none;flex-direction:column;gap:2px;min-width:0;margin:0;padding:0;display:flex}.filter-sheet__row{cursor:pointer;border-radius:12px;align-items:center;gap:12px;min-height:52px;padding:0 10px 0 8px;display:flex}.filter-sheet__row_checked{background-color:var(--feed-active-bg)}.filter-sheet__row:has(.filter-sheet__radio:focus-visible){outline:3px solid var(--feed-focus);outline-offset:-3px}.filter-sheet__avatar{background-color:var(--color-theme-4);width:32px;height:32px;color:var(--feed-text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.filter-sheet__avatar img{object-fit:cover;width:100%;height:100%}.filter-sheet__hash{font-family:Arial,sans-serif;font-size:16px;font-weight:700}.filter-sheet__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--feed-text-primary);flex:auto;font-family:Arial,sans-serif;font-size:16px;font-weight:700;line-height:20px;overflow:hidden}.filter-sheet__count{color:var(--text-grey);flex-shrink:0;font-family:Arial,sans-serif;font-size:13px;line-height:18px}.filter-sheet__radio{appearance:none;border:2px solid var(--feed-border-strong);cursor:pointer;border-radius:50%;flex-shrink:0;width:22px;height:22px;margin:0}.filter-sheet__radio:checked{border-color:var(--purple);background:radial-gradient(circle, var(--purple) 0 5px, transparent 6px)}.filter-sheet__radio:focus-visible{outline:none!important}.filter-sheet__footer{padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--color-theme-3);background-color:var(--feed-surface);flex-shrink:0;gap:8px;display:flex}.filter-sheet__button{white-space:nowrap;border-radius:12px;height:44px;padding:0 16px;font-family:Arial,sans-serif;font-size:16px;font-weight:700;line-height:20px}.filter-sheet__button--secondary{background-color:var(--color-theme-4);color:var(--feed-text-primary);flex:0 0 120px}.filter-sheet__button--primary{text-overflow:ellipsis;background-color:var(--feed-primary-action);min-width:0;color:var(--feed-primary-action-text);flex:auto;overflow:hidden}.filter-sheet__button--primary:hover{background-color:var(--feed-primary-action-hover)}
.mainpage{--desktop-sidebar-open:var(--feed-rail-max);--desktop-rail-width:var(--feed-rail-max);gap:var(--feed-space-3);grid-template-columns:minmax(0,1fr);grid-template-areas:"a""c";width:100%;display:grid}@media screen and (min-width:1440px){.mainpage{grid-template-columns:minmax(12rem, var(--desktop-sidebar-open)) minmax(var(--feed-width-min), var(--feed-width-max)) minmax(12rem, var(--desktop-rail-width));min-height:0;padding-top:var(--section-top-gap);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"b a d""b c d";justify-content:center;align-items:stretch;gap:16px 24px;transition:grid-template-columns .3s;overflow:hidden}}.mainpage:has(>.channel-hero-block){grid-template-areas:"h""a""c"}@media screen and (min-width:1440px){.mainpage:has(>.channel-hero-block){grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"b h d""b a d""b c d"}}