:root{--bg: #0e0f13;--bg-elev: #171922;--bg-elev-2: #1e212c;--border: #2a2e3b;--text: #eef0f5;--text-dim: #a2a8b8;--text-faint: #6f7688;--accent: #e6b450;--accent-soft: rgba(230, 180, 80, .14);--review: #6aa3ff;--review-soft: rgba(106, 163, 255, .15);--radius: 14px;--radius-sm: 9px;--maxw: 1120px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.header{border-bottom:1px solid var(--border);background:linear-gradient(180deg,#14161d 0%,var(--bg) 100%);padding:26px 0 22px}.header__inner{text-align:center}.header__brand{display:inline-flex;align-items:center;gap:12px}.header__mark{font-size:30px;line-height:1}.header__title{font-size:clamp(26px,5vw,38px);font-weight:800;letter-spacing:.02em;background:linear-gradient(90deg,#fff 0%,var(--accent) 130%);-webkit-background-clip:text;background-clip:text;color:transparent}.header__tagline{margin:10px 0 0;color:var(--text-dim);font-size:15px}main.container{flex:1 0 auto;padding-top:28px;padding-bottom:48px}.status{text-align:center;color:var(--text-dim);padding:48px 0;font-size:16px}.status--error{color:#ff9b9b}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px}.card{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-4px);border-color:#3a4152;box-shadow:var(--shadow)}.card__body{padding:14px 15px 16px;display:flex;flex-direction:column;gap:8px}.card__title{margin:0;font-size:16px;font-weight:650;line-height:1.35}.card__date{color:var(--text-faint);font-size:13px}.poster{position:relative;width:100%;background:var(--bg-elev-2);overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover;display:block}.poster--empty{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#191c26 0,#191c26 12px,#1c202b 12px,#1c202b 24px)}.poster__placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-faint)}.poster__ph-icon{font-size:34px;opacity:.7}.poster__ph-text{font-size:12.5px;letter-spacing:.03em;text-transform:uppercase}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:650;letter-spacing:.02em}.badge--top{background:var(--accent-soft);color:var(--accent)}.badge--review{background:var(--review-soft);color:var(--review)}.badge--cat{background:#232735;color:var(--text-dim)}.card__badges,.detail__badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pager{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:36px;flex-wrap:wrap}.pager__pages{display:flex;gap:6px;list-style:none;margin:0;padding:0}.pager__btn,.pager__num{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:8px 14px;font-size:14px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.pager__num{min-width:40px}.pager__btn:hover:not(:disabled),.pager__num:hover{border-color:#3a4152;background:var(--bg-elev-2)}.pager__btn:disabled{opacity:.4;cursor:default}.pager__num.is-active{background:var(--accent);border-color:var(--accent);color:#1a1400;font-weight:700}.pager__gap{color:var(--text-faint);align-self:center;padding:0 2px}.detail{max-width:760px;margin:0 auto}.detail__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.detail__all{color:var(--text-dim);font-size:14px}.detail__all:hover{color:var(--text)}.btn{display:inline-block;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;cursor:pointer}.btn:hover{border-color:#3a4152}.btn--ghost{background:transparent}.detail__date{color:var(--text-faint);font-size:14px}.detail__title{font-size:clamp(24px,4.5vw,34px);line-height:1.2;margin:12px 0 20px;font-weight:800}.detail__poster{max-width:300px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:24px}.detail__telegraph{margin-top:28px}.detail__telegraph a{color:var(--accent);font-weight:600}.prose{color:#dfe3ee;font-size:17px}.prose p{margin:0 0 16px}.prose b{color:#fff}.prose--sm{font-size:15.5px}.prose--sm p{margin:0 0 10px}.video{position:relative;width:100%;aspect-ratio:16 / 9;margin:24px 0 8px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#000}.video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.toplist{list-style:none;counter-reset:none;margin:8px 0 0;padding:0}.toplist__item{display:flex;gap:16px;padding:24px 0;border-top:1px solid var(--border)}.toplist__rank{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:19px}.toplist__content{flex:1 1 auto;min-width:0}.toplist__name{margin:4px 0 12px;font-size:20px;font-weight:700}.toplist__poster{max-width:260px;border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:10px}.toplist__caption{display:inline-block;color:var(--accent);font-weight:600;font-size:14px;margin:0 0 12px}.footer{border-top:1px solid var(--border);background:#101218;flex-shrink:0}.footer__inner{display:flex;align-items:center;justify-content:space-between;padding:22px 20px;flex-wrap:wrap;gap:12px}.footer__copy{color:var(--text-faint);font-size:14px}.footer__rss{display:inline-flex;align-items:center;gap:8px;color:var(--text-dim);font-size:14px;border:1px solid var(--border);padding:8px 14px;border-radius:var(--radius-sm);transition:border-color .15s ease,color .15s ease}.footer__rss:hover{color:var(--accent);border-color:var(--accent)}@media (max-width: 560px){.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.card__title{font-size:15px}.toplist__item{flex-direction:column;gap:10px}.toplist__rank{width:38px;height:38px;font-size:17px}.toplist__poster{max-width:100%}}