/* Общие детали всех страниц: шапка (язык, город, меню), подвал, мелочи адаптации.
   Подключается последним, поэтому перекрывает слоёные правила из site/app-ui/responsive*. */

/* ── Язык (стиль общения) в шапке ─────────────────────── */
.tone-menu{position:relative}
.header-tone{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font:inherit;font-size:15px;font-weight:800;letter-spacing:-.02em;cursor:pointer;transition:transform .14s ease-out,border-color .16s ease-out,background-color .16s ease-out}
.header-tone:active{transform:scale(.95)}
.header-tone[aria-expanded=true]{border-color:var(--purple);color:var(--purple)}
.header-tone:focus-visible,.tone-pop button:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.header-tone:hover{border-color:var(--muted)}}
html[data-tone=zoomer] .header-tone{color:var(--purple)}
.tone-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:70;display:grid;gap:4px;width:240px;padding:8px;border-radius:22px;background:var(--panel);box-shadow:0 0 0 1px var(--line),0 18px 40px #0009;transform-origin:top right;animation:tone-in .2s cubic-bezier(.23,1,.32,1)}
.tone-pop[hidden]{display:none}
@keyframes tone-in{from{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:none}}
.tone-pop p{margin:4px 10px 6px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.tone-pop button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:8px 12px;border:0;border-radius:16px;background:transparent;color:var(--text);font:inherit;font-size:15px;font-weight:800;text-align:left;cursor:pointer;transition:background-color .16s ease-out,transform .12s ease-out}
.tone-pop button:active{transform:scale(.98)}
.tone-pop button small{display:block;margin-top:2px;color:var(--muted);font-size:12px;font-weight:600}
.tone-pop button i{width:20px;height:20px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 2px var(--line)}
.tone-pop button[aria-checked=true]{background:var(--selected-bg)}
.tone-pop button[aria-checked=true] i{background:var(--purple);box-shadow:inset 0 0 0 5px var(--panel)}
@media (hover:hover) and (pointer:fine){.tone-pop button:hover{background:var(--bg)}}

/* ── Шапка на телефоне: меню прокручивается и мягко растворяется у краёв, а не обрезается ── */
@media (max-width:760px){
 .header .header-tools{gap:6px}
 .header nav{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 22px),transparent);padding-inline:14px 22px;scrollbar-width:none}
 .header nav::-webkit-scrollbar{display:none}
}
/* На самых узких избранное доступно из «Мой Кудато», кнопку счётчика убираем, чтобы шапка не ломалась. */
@media (max-width:379px){.header #saved{display:none}}

/* ── Подвал: бренд слева, три подписанные колонки, внизу реквизиты одной строкой ── */
body .site-footer{border-top:1px solid var(--line);margin-top:64px}
body .site-footer .footer-top{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:32px;padding-top:48px;padding-bottom:40px}
body .site-footer .footer-brand{display:grid;align-content:start;gap:14px}
body .site-footer .footer-brand p{margin:0;color:var(--muted);font-size:15px;line-height:1.45}
body .site-footer .footer-col{display:grid;align-content:start;gap:2px}
body .site-footer .footer-col h2{margin:0 0 8px;color:var(--gray300,#d6d7d8);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body .site-footer .footer-col a{display:flex;align-items:center;min-height:36px;color:var(--muted);font-size:15px;font-weight:600;text-decoration:none;transition:color .16s ease-out}
body .site-footer .footer-col a:focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:6px}
@media (hover:hover) and (pointer:fine){body .site-footer .footer-col a:hover{color:var(--text)}}
body .site-footer .footer-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:20px;padding-bottom:calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
body .site-footer .footer-legal p{margin:0;color:var(--gray600,#5d5f60);font-size:12px;line-height:1.6}
@media (max-width:900px){body .site-footer .footer-top{grid-template-columns:repeat(3,minmax(0,1fr))}body .site-footer .footer-brand{grid-column:1/-1}}
@media (max-width:600px){
 body .site-footer{margin-top:40px}
 body .site-footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;padding-top:32px}
 body .site-footer .footer-col:last-child{grid-column:1/-1}
 body .site-footer .footer-col:last-child h2{grid-column:1/-1}
 body .site-footer .footer-col:last-child{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
 body .site-footer .footer-col a{min-height:40px;font-size:14px}
 body .site-footer .footer-legal{flex-direction:column}
}

/* ── Кабинет: «Управлять данными» и «Выйти» в одну строку и на телефоне ── */
.profile-actions{flex-wrap:nowrap}
.profile-actions #edit-profile{flex:1;min-width:0}
.profile-actions .profile-logout{flex:none;padding-inline:20px}

/* ── Афиша: ряд категорий листается без серой полосы прокрутки ── */
.chips,.category-chips,.filter-chips,.category-row{scrollbar-width:none}
.chips::-webkit-scrollbar,.category-chips::-webkit-scrollbar,.filter-chips::-webkit-scrollbar,.category-row::-webkit-scrollbar{display:none}
/* Ряд категорий растворяется у правого края — видно, что он листается. */
@media (max-width:760px){.category-row{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}}

/* ── Блок приложения: наклонённый QR не выталкивает страницу вбок ── */
.app-promo{overflow-x:clip}

/* Избранное в шапке: сердце и счётчик, а не голая цифра. */
.header #saved{display:inline-flex;align-items:center;gap:4px}
.header #saved>span:first-child{display:inline-grid!important;place-items:center}
.header #saved>span:first-child svg{width:18px;height:18px}

/* Кабинет гостя: кот у кнопки входа не шире колонки. */
.account-section.login-panel img{max-width:100%;height:auto}

/* ── Подсказка по устройству: карточка снизу, как шит iOS ── */
.nudge{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:65;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 14px;align-items:center;max-width:520px;margin:0 auto;padding:16px;border-radius:24px;background:var(--panel);box-shadow:0 0 0 1px var(--line),0 18px 50px #000a;animation:nudge-in .34s cubic-bezier(.32,.72,0,1)}
.nudge-out{animation:nudge-out .2s ease-out forwards}
@keyframes nudge-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes nudge-out{to{opacity:0;transform:translateY(16px)}}
.nudge-icon{width:52px;height:52px;border-radius:14px}
.nudge-copy strong{display:block;font-size:17px;font-weight:800;letter-spacing:-.2px}
.nudge-copy p{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.45}
.nudge-copy p b{color:var(--text);font-weight:700}
.nudge-copy svg{vertical-align:-3px;color:var(--purple)}
.nudge-actions{grid-column:1/-1;display:flex;align-items:center;gap:12px}
.nudge-actions .button{flex:1;width:auto;margin:0;min-height:48px}
.nudge-actions .button:active{transform:scale(.97)}
.nudge-actions .text-button{min-height:44px;padding:0 8px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.nudge,.nudge-out{animation:none}}

/* ── Лента: свайп как в приложении ── */
@media (max-width:900px){
 .feed-list .feed-item{touch-action:pan-y;--like:0;--skip:0}
 .feed-list .feed-item.is-dragging{transition:none;z-index:3;box-shadow:0 24px 60px #000a}
 .feed-list .feed-item.is-flying{transition:transform .26s cubic-bezier(.4,0,1,1),opacity .26s ease-out;opacity:0}
 .feed-list .feed-item.is-returning{transition:transform .42s cubic-bezier(.34,1.56,.64,1)}
}
.feed-stamp{position:absolute;top:22px;z-index:4;padding:6px 14px;border:4px solid currentColor;border-radius:14px;font-size:30px;font-weight:800;letter-spacing:.02em;line-height:1;pointer-events:none;opacity:0;transition:opacity .08s linear}
.feed-stamp-like{left:20px;color:var(--purple);rotate:-14deg;opacity:var(--like,0);transform:scale(calc(.9 + var(--like,0) * .1))}
.feed-stamp-skip{right:20px;color:var(--red);rotate:12deg;opacity:var(--skip,0);transform:scale(calc(.9 + var(--skip,0) * .1))}

/* ── Телефон: навигация как в приложении ─────────────────── */
.tabbar,.menu-sheet:not([open]){display:none}
@media (max-width:760px){
 /* Шапка сверху — только логотип, город и поиск. Остальное — во вкладках и в «Ещё». */
 .header nav,.header .tone-menu,.header #saved,.header .header-account{display:none!important}
 .header{flex-wrap:nowrap!important;gap:10px}
 .header .city{order:2;margin-left:auto;min-width:0;max-width:52vw}
 .header .city .choice-trigger{max-width:100%;min-height:40px;padding-inline:14px 12px}
 .header .city .choice-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .header .header-tools{order:3;margin-left:0}
 body.has-tabbar{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
 body.has-tabbar .site-footer{padding-bottom:0}

 .tabbar{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;display:grid;grid-template-columns:repeat(5,1fr);height:64px;padding:6px;border-radius:999px;background:rgba(42,42,42,.86);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 0 0 1px var(--line),0 16px 40px #0009}
 .tabbar-pill{position:absolute;left:6px;top:6px;bottom:6px;width:calc((100% - 12px) / 5);border-radius:999px;background:var(--selected-bg);box-shadow:inset 0 0 0 1px rgba(198,153,255,.28);transform:translateX(calc(var(--i,0) * 100%));transition:transform .38s cubic-bezier(.34,1.3,.64,1)}
 .tabbar-tab{position:relative;z-index:1;display:grid;place-items:center;align-content:center;gap:3px;min-width:0;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:700;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .tabbar-tab .icon{width:22px;height:22px;transition:transform .16s ease-out}
 .tabbar-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .tabbar-tab[aria-current=page]{color:var(--purple)}
 .tabbar-tab:active .icon{transform:scale(.82)}
 .tabbar-tab:focus-visible{outline:2px solid var(--purple);outline-offset:-2px}
 /* Пока открыт шит или подсказка — панель не мешает. */
 body:has(.menu-sheet[open]) .tabbar{opacity:0;pointer-events:none}
 .nudge{bottom:calc(84px + env(safe-area-inset-bottom))}
 #toast{bottom:calc(90px + env(safe-area-inset-bottom))!important}
 .consent-banner{bottom:calc(84px + env(safe-area-inset-bottom))!important}

 /* Шит «Ещё»: выезжает снизу, как в iOS, вместе с затемнением. */
 .menu-sheet{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:none;max-height:86dvh;display:grid;gap:14px;padding:10px 16px calc(20px + env(safe-area-inset-bottom));border:0;border-radius:28px 28px 0 0;background:var(--bg);color:var(--text);box-shadow:0 -1px 0 var(--line);overflow:auto;animation:menu-in .34s cubic-bezier(.32,.72,0,1);transition:transform .22s cubic-bezier(.32,.72,0,1)}
 .menu-sheet::backdrop{background:#000a;animation:fade-in .25s}
 .menu-sheet.is-closing{animation:menu-out .22s cubic-bezier(.32,.72,0,1) forwards}
 .menu-sheet.is-closing::backdrop{opacity:0;transition:opacity .22s}
 @keyframes menu-in{from{transform:translateY(100%)}to{transform:none}}
 @keyframes menu-out{to{transform:translateY(100%)}}
 .menu-handle{justify-self:center;width:40px;height:5px;margin:2px 0 4px;border-radius:999px;background:var(--line);touch-action:none}
 .menu-account,.menu-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border-radius:22px;background:var(--panel);color:var(--text);text-decoration:none;transition:transform .12s ease-out,background-color .16s ease-out}
 .menu-account:active,.menu-link:active{transform:scale(.98)}
 .menu-account b,.menu-link b{display:block;font-size:16px;font-weight:800}
 .menu-account small,.menu-link small{display:block;margin-top:2px;color:var(--muted);font-size:13px}
 .menu-account>.icon,.menu-link>.icon{width:18px;height:18px;color:var(--muted)}
 .menu-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--purple);color:var(--bg)}
 .menu-avatar .icon{width:22px;height:22px}
 .menu-links{display:grid;gap:2px;padding:4px;border-radius:24px;background:var(--panel)}
 .menu-links .menu-link{background:transparent;padding:12px 10px;border-radius:18px}
 .menu-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--bg);color:var(--purple)}
 .menu-ico .icon{width:20px;height:20px}
 .menu-tone{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 16px;border-radius:999px;background:var(--panel)}
 .menu-tone p{margin:0;color:var(--muted);font-size:14px;font-weight:700}
 .menu-tone div{display:flex;gap:4px;padding:3px;border-radius:999px;background:var(--bg)}
 .menu-tone button{min-height:38px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:background-color .2s ease-out,color .2s ease-out}
 .menu-tone button[aria-checked=true]{background:var(--purple);color:var(--bg)}
 .menu-docs{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;padding-top:2px}
 .menu-docs a{color:var(--gray600,#5d5f60);font-size:12px;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){.menu-sheet,.menu-sheet.is-closing,.tabbar-pill{animation:none;transition:none}}

/* ── Лента на телефоне: колода карточек, как в приложении ── */
@media (max-width:900px){
 .feed-list-page .feed-explanation{display:none!important}
 .feed-list-page .feed-list{position:relative;display:block;height:max(440px,calc(var(--feed-available,70vh) - 96px));overflow:visible;scroll-snap-type:none}
 .feed-list-page .feed-list .feed-item{position:absolute;inset:0;display:block;height:auto;min-height:0;margin:0;border-radius:26px;overflow:hidden;background:var(--panel);visibility:hidden;opacity:0;animation:none;transform-origin:50% 100%}
 .feed-list-page .feed-list .feed-item.is-current{visibility:visible;opacity:1;z-index:2}
 .feed-list-page .feed-list .feed-item.is-next{visibility:visible;opacity:.7;z-index:1;transform:translateY(12px) scale(.95);transition:transform .32s cubic-bezier(.32,.72,0,1),opacity .32s ease-out}
 .feed-list-page .feed-list .feed-item.is-passed{display:none}
 /* Обложка на всю карточку, сверху и снизу — затемнение под текст. */
 .feed-list .feed-item .feed-item-media{position:absolute;inset:0;margin:0;border-radius:0;height:auto}
 .feed-list .feed-item .feed-item-media img{width:100%;height:100%;object-fit:cover}
 .feed-list .feed-item::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(26,26,26,.45) 0,rgba(26,26,26,0) 26%,rgba(26,26,26,.7) 55%,rgba(26,26,26,.97) 80%,#1a1a1a 100%)}
 .feed-list .feed-item .feed-item-copy{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:16px 18px 18px;background:none}
 .feed-list .feed-item .feed-item-tags{position:absolute;left:16px;right:16px;top:16px;display:flex;flex-wrap:wrap;gap:6px}
 .feed-list .feed-item .feed-tag{max-width:100%;padding:7px 11px;border-radius:999px;background:rgba(42,42,42,.85);color:var(--text);font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
 .feed-list .feed-item .feed-tag:first-child{background:var(--purple);color:var(--bg)}
 .feed-list .feed-item h2{margin:0;font-size:clamp(26px,7.4vw,32px);line-height:1.08;letter-spacing:-.03em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .feed-list .feed-item h2 a{color:var(--text);text-decoration:none}
 .feed-list .feed-item .feed-item-desc{margin:0;color:var(--gray300,#d6d7d8);font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .feed-list .feed-item .feed-item-more{display:none}
 .feed-list .feed-item .feed-item-mobile-data{display:flex;flex-wrap:wrap;gap:2px 10px;color:var(--gray300,#d6d7d8);font-size:14px;font-weight:600}
 .feed-list .feed-item .feed-item-mobile-data span:not(:last-of-type)::after{content:" ·";color:var(--muted)}
 .feed-list .feed-item .feed-item-mobile-data strong{flex-basis:100%;margin-top:2px;color:var(--purple);font-size:18px;font-weight:800}
 .feed-list .feed-item .feed-item-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:6px}
 .feed-list .feed-item .reaction-button{min-height:54px;border-radius:999px}
 .feed-list .feed-item .reaction-skip{width:54px;padding:0;justify-content:center}
 .feed-list .feed-item .reaction-skip span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .feed-list .feed-item .reaction-like{justify-content:center;gap:10px;background:var(--purple);color:var(--bg);font-weight:800}
 .feed-list .feed-item .reaction-like[aria-pressed=true]{background:var(--selected-bg);color:var(--purple)}
 /* Штампы — на середине высоты, на тёмной плашке, как в приложении. */
 .feed-list .feed-stamp{top:30%;z-index:5;background:var(--bg);font-size:26px;padding:8px 16px}
 .feed-list.is-deck-empty::before{content:"Карточки закончились — загляни в афишу или поменяй фильтры";position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--muted);border-radius:26px;box-shadow:inset 0 0 0 1px var(--line)}
}

/* ── Афиша на телефоне: компактная шапка — заголовок, строка поиска, чипы ── */
.when-chips{display:none}
@media (max-width:760px){
 .afisha .section-heading{margin-bottom:14px}
 .afisha .section-heading h1,.afisha .section-heading h2{font-size:clamp(34px,10vw,44px);line-height:1}
 .afisha .section-heading>p{display:none}
 .afisha .search-bar{display:grid!important;grid-template-columns:1fr;gap:12px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
 .afisha .search-bar .date-field,.afisha .search-bar .free,.afisha .search-bar .search-submit{display:none!important}
 .afisha .search-bar .search-field{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 18px;border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .16s ease-out}
 .afisha .search-bar .search-field:focus-within{box-shadow:inset 0 0 0 2px var(--purple)}
 .afisha .search-bar .search-field input{flex:1;min-width:0;border:0;background:transparent;font-size:16px}
 .when-chips{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:0 16px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
 .when-chips::-webkit-scrollbar{display:none}
 .when-chip{flex:none;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);color:var(--text);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .18s ease-out,color .18s ease-out,transform .12s ease-out}
 .when-chip:active{transform:scale(.96)}
 .when-chip[aria-pressed=true]{background:var(--purple);color:var(--bg);box-shadow:none}
 .when-chip:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
 .afisha .category-row{margin-top:4px}
}

/* ── Кнопки на телефоне: одна система вместо «кнопка + ссылка» разной высоты ──
   Главная — лавандовая на всю ширину. Вторая — такой же высоты, тёмная с лавандовым текстом.
   Пара кнопок встаёт столбиком, ничего не переносится в две строки. */
@media (max-width:600px){
 main .button:not(.when-chip){width:100%;justify-content:center;margin-top:0;white-space:nowrap}
 main :is(div,p,section,nav):has(> .button):has(> .text-button):not(.feed-item-actions):not(.pa-next):not(.consent-actions){display:flex!important;flex-direction:column;align-items:stretch;gap:10px}
 main :is(div,p,section,nav):has(> .button) > .text-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;margin:0;padding:0 22px;border-radius:999px;background:var(--panel);color:var(--purple);font-size:16px;font-weight:800;text-decoration:none;transition:transform .14s ease-out}
 main :is(div,p,section,nav):has(> .button) > .text-button:active{transform:scale(.97)}
 /* Кабинет: «Управлять данными» и «Выйти» — две кнопки одной высоты столбиком. */
 .profile-actions{flex-direction:column;align-items:stretch}
 .profile-actions .button{width:100%;flex:none}
 /* Событие: главная кнопка на всю ширину, под ней три равные кнопки со значком над подписью. */
 .evp-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .evp-actions>.evp-btn-primary{grid-column:1/-1;width:100%}
 .evp-actions>.evp-like{grid-column:auto}
 .evp-actions .evp-actions-row{display:contents}
 .evp-actions .evp-btn-ghost,.evp-actions .evp-btn-icon{flex-direction:column;gap:6px;min-height:68px;padding:8px 6px;border-radius:22px;background:var(--panel);color:var(--text);font-size:13px;font-weight:700;white-space:normal}
 .evp-actions .evp-btn-ghost .icon,.evp-actions .evp-btn-icon .icon{width:22px;height:22px}
 .evp-actions .evp-like[aria-pressed=true]{background:var(--selected-bg);color:var(--purple)}
}
