/* Шапка страницы аниме: оригинальное название, заголовок, одна строка фактов (статус, год, формат, серии, студия),
   жанры, слоган и описание, кнопки действий в один ряд. Подробности без повторов — в разделе «Сюжет». */
#watchDialog .title-summary{display:flex;flex-direction:column;align-items:stretch;min-width:0}
#watchDialog .title-summary>#watchOriginal{margin:0 0 8px;color:var(--muted,#a1a1aa);font-size:13px;font-weight:600;letter-spacing:.01em;text-transform:none;line-height:1.4}
#watchDialog .title-summary>#watchOriginal:empty{display:none}
#watchDialog .title-summary .watch-title-row h2,#watchDialog .title-summary .watch-title-row h1{margin:0;letter-spacing:-.02em;line-height:1.06;text-wrap:balance}
#watchDialog .title-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;margin:14px 0 0;padding:0;border:0;background:none}
#watchDialog .title-chips[hidden]{display:none}
#watchDialog .title-chips>span{display:inline-flex;align-items:center;min-height:0;height:auto;padding:0;border:0;border-radius:0;background:none;color:#d7dae1;font-size:14.5px;font-weight:600;line-height:1.3;white-space:nowrap}
#watchDialog .title-chips>span+span:before{content:'';flex:0 0 auto;width:4px;height:4px;margin:0 11px;border-radius:50%;background:#ffffff3d}
#watchDialog .title-chips>.status{padding:5px 11px 5px 9px;border-radius:999px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff14;margin-right:3px}
#watchDialog .title-chips>.status:before{content:'';width:7px;height:7px;margin:0 7px 0 0;border-radius:50%;background:currentColor}
#watchDialog .title-chips>.status+span:before{display:none}
#watchDialog .title-chips>.status+span{margin-left:8px}
#watchDialog .title-chips>.status.is-on{color:#5fe08f;background:#5fe08f14;box-shadow:inset 0 0 0 1px #5fe08f33}
#watchDialog .title-chips>.status.is-on:before{animation:title-live 2.4s ease-in-out infinite}
#watchDialog .title-chips>.status.is-soon{color:#f2c05b;background:#f2c05b14;box-shadow:inset 0 0 0 1px #f2c05b33}
#watchDialog .title-chips>.status.is-done{color:#c9ced8}
#watchDialog .title-chips>.studio{color:var(--muted,#a1a1aa)}
@keyframes title-live{50%{box-shadow:0 0 0 5px #5fe08f00;opacity:.55}0%{box-shadow:0 0 0 0 #5fe08f66}}
#watchDialog .title-summary>#titleTags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
#watchDialog .title-summary>#titleTags span{height:28px;padding:0 11px;border:0;border-radius:8px;background:#ffffff0d;color:#c4c8d1;font-size:12.5px;font-weight:600;line-height:28px}
#watchDialog .title-summary>#titleTagline{margin:20px 0 6px;padding:0;color:var(--text,#f4f4f5);font-size:16.5px;font-weight:700;line-height:1.35;letter-spacing:0;text-transform:none}
#watchDialog .title-summary>#titleTagline:empty{display:none}
#watchDialog .title-summary>#watchDescription{max-width:72ch;margin:0;color:#b9bdc7;font-size:15px;line-height:1.6}
#watchDialog .title-summary>#titleTagline+#watchDescription{margin-top:0}
#watchDialog .title-summary>.title-more{align-self:flex-start}
/* действия: «Смотреть», «Следить», «В календарь», «Поделиться» */
#watchDialog .title-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 0}
#watchDialog .title-cta[hidden]{display:none}
#watchDialog .title-cta>#followActions{display:contents}
#watchDialog .title-cta>#followActions[hidden]{display:none}
#watchDialog .title-cta .follow-actions .button,#watchDialog .title-cta>#shareTitle{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;height:48px;min-height:48px;margin:0;padding:0 18px;border:1px solid #ffffff1f;border-radius:14px;background:#ffffff0d;color:var(--text,#f4f4f5);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s,transform .18s;box-sizing:border-box}
#watchDialog .title-cta .follow-actions .button[hidden]{display:none}
#watchDialog .title-cta .button>span{font:inherit;line-height:inherit}
#watchDialog .title-cta .button svg{width:18px;height:18px;flex:0 0 auto}
#watchDialog .title-cta .follow-actions .button:hover,#watchDialog .title-cta>#shareTitle:hover{background:#ffffff17;border-color:#ffffff33}
#watchDialog .title-cta .follow-actions .button:active,#watchDialog .title-cta>#shareTitle:active{transform:scale(.97)}
#watchDialog .title-cta .follow-actions .button[aria-pressed=true]{border-color:#5fe08f55;background:#5fe08f14;color:#9ff0bd}
#watchDialog .title-cta>#shareTitle{width:48px;padding:0}
#watchDialog .title-cta>#shareTitle svg{width:19px;height:19px}
#watchDialog .title-cta .title-watch-button{height:48px;min-height:48px;border-radius:14px}
/* личный статус и подборки — спокойной строкой под чертой */
#watchDialog .title-summary>.title-bottom-controls{margin-top:22px;padding-top:18px;border-top:1px solid #ffffff12}
/* Подробности рядом с сюжетом */
#watchDialog #titleStory{position:relative;margin-top:28px}
#watchDialog #titleFacts.title-facts{display:block;margin:22px 0 0;padding:0;border:0;background:none;box-shadow:none}
#watchDialog #titleFacts[hidden]{display:none}
#watchDialog #titleFacts h3{margin:0 0 10px;color:var(--muted,#a1a1aa);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
#watchDialog #titleFacts dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:0}
#watchDialog #titleFacts dl>div{min-width:0;padding:12px 14px;border:1px solid #ffffff0f;border-radius:14px;background:#ffffff08}
#watchDialog #titleFacts dt{margin:0 0 3px;color:var(--muted,#a1a1aa);font-size:12px}
#watchDialog #titleFacts dd{margin:0;color:var(--text,#f4f4f5);font-size:14.5px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:760px){
 /* телефон: постер и заголовок рядом, всё остальное — на всю ширину карточки */
 #watchDialog .title-hero:not(.custom-title){grid-template-columns:96px minmax(0,1fr);column-gap:16px;row-gap:0;align-items:start}
 #watchDialog .title-hero:not(.custom-title)>#watchPoster{grid-column:1;grid-row:1/span 3;width:96px;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:12px}
 #watchDialog .title-hero:not(.custom-title)>.title-summary{display:contents}
 #watchDialog .title-hero:not(.custom-title) .title-summary>*{grid-column:1/-1;position:relative;z-index:1}
 #watchDialog .title-hero:not(.custom-title) .title-summary>:is(#watchOriginal,.watch-title-row,.title-chips){grid-column:2}
 #watchDialog .title-hero:not(.custom-title) .title-summary>#watchOriginal{grid-row:1;align-self:end}
 #watchDialog .title-hero:not(.custom-title) .title-summary>.watch-title-row{grid-row:2}
 #watchDialog .title-hero:not(.custom-title) .title-summary>.title-chips{grid-row:3;align-self:start;margin-top:10px}
 #watchDialog .title-hero:not(.custom-title) .title-summary>#titleTags{margin-top:16px}
 #watchDialog .title-hero:not(.custom-title) .title-summary>.title-bottom-controls,#watchDialog .title-hero:not(.custom-title) .title-bottom-controls .personal-controls{width:auto;margin-left:0}
 #watchDialog .title-hero:not(.custom-title) .title-summary>.title-source-rating+#watchDescription{margin-top:14px}
 #watchDialog .title-hero:not(.custom-title) .title-summary>.title-source-rating{display:flex;flex-wrap:nowrap;align-items:stretch;gap:8px;margin:16px 0 0}
 #watchDialog .title-hero:not(.custom-title) .title-summary>.title-source-rating>*{flex:1 1 0;min-width:0;margin:0}
 #watchDialog .title-hero:not(.custom-title) .title-summary>.title-source-rating #watchSave{width:auto}
 #watchDialog .title-hero:not(.custom-title) .title-source-rating :is(.rating-slot,.rating-trigger){width:100%;white-space:nowrap}
 #watchDialog .title-summary>#watchOriginal{font-size:12px;margin-bottom:6px}
 #watchDialog .title-chips{margin-top:12px}
 #watchDialog .title-chips>span{font-size:13px}
 #watchDialog .title-chips>span+span:before{margin:0 8px}
 #watchDialog .title-summary>#titleTagline{margin-top:16px;font-size:15px}
 #watchDialog .title-summary>#watchDescription{font-size:14.5px}
 #watchDialog .title-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px;gap:8px}
 #watchDialog .title-cta .title-watch-button{grid-column:1/-1}
 #watchDialog .title-cta .follow-actions .button{min-width:0;padding:0 10px;font-size:13px;line-height:1.15;white-space:normal;text-align:center}
 #watchDialog .title-cta .follow-actions #followAnime[hidden]+#scheduleAnime{grid-column:1/3}
 #watchDialog .title-cta>#shareTitle{grid-column:3}
 #watchDialog .title-hero:not(.custom-title) .title-source-rating .rating-trigger{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center}
}
@media(prefers-reduced-motion:reduce){#watchDialog .title-chips>.status.is-on:before{animation:none}}
/* «Достижения тайтла» — раскрывающийся блок (title-achievements.js) */
.ta-section .ta-heading{margin:0}
.ta-toggle{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:1px solid #ffffff14;border-radius:18px;background:linear-gradient(120deg,#ffc85712,#ffffff06 45%);color:var(--text,#f4f4f5);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,border-radius .3s}
.ta-toggle:hover{border-color:#ffc85740}
.ta-section.is-open .ta-toggle{border-color:#ffc8573d;border-radius:18px 18px 8px 8px}
.ta-toggle-icon{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:14px;background:#ffc8571f;color:#ffc857}
.ta-toggle-icon svg{width:22px;height:22px}
.ta-toggle-text{display:grid;flex:1;min-width:0;gap:2px}
.ta-title{font-size:18px;font-weight:800;letter-spacing:-.01em}
.ta-toggle-text small{color:var(--muted,#a1a1aa);font-size:13px;font-weight:500}
.ta-ring{--p:0;position:relative;display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:conic-gradient(#ffc857 calc(var(--p)*1%),#ffffff14 0)}
.ta-ring:before{content:'';position:absolute;inset:4px;border-radius:50%;background:var(--panel,#16161a)}
.ta-ring b{position:relative;font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums}
.ta-chevron{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:#ffffff0d;color:#c9ced8;transition:transform .35s cubic-bezier(.22,1,.36,1),background .2s}
.ta-chevron svg{width:18px;height:18px}
.ta-section.is-open .ta-chevron{transform:rotate(180deg);background:#ffc8571f;color:#ffc857}
.ta-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1),opacity .3s}
.ta-section.is-open .ta-panel{grid-template-rows:1fr;opacity:1}
.ta-panel-inner{min-height:0;overflow:hidden}
.ta-panel .ta-list{padding-top:10px}
.ta-panel .ta-item{transform:translateY(8px);opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s}
.ta-section.is-open .ta-panel .ta-item{transform:none;opacity:1}
.ta-section.is-open .ta-panel .ta-item:nth-child(2){transition-delay:.04s}
.ta-section.is-open .ta-panel .ta-item:nth-child(3){transition-delay:.08s}
.ta-section.is-open .ta-panel .ta-item:nth-child(4){transition-delay:.12s}
.ta-section.is-open .ta-panel .ta-item:nth-child(n+5){transition-delay:.16s}
.ta-panel .ta-hint{margin:12px 2px 0}
@media(max-width:600px){.ta-toggle{gap:11px;padding:12px}.ta-toggle-icon{width:40px;height:40px}.ta-title{font-size:16px}.ta-ring{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.ta-panel,.ta-panel .ta-item,.ta-chevron{transition:none}}