:root{--rta-web-bg:#eef7f7;--rta-web-bg-2:#ffffff;--rta-web-line:#d3e4e6;--rta-web-line-2:#bdd5d8;--rta-web-text:#173748;--rta-web-muted:#5f7b86;--rta-web-accent:#0f766e;--rta-web-accent-2:#0ea5e9;--rta-web-tab:#ffffff;--rta-web-tab-active:#0f766e;--rta-web-tab-active-2:#0b8cb8;--rta-web-chip:#edf9f8;--rta-web-gold:#0ea5e9;--rta-shadow:0 18px 40px rgba(10,56,68,.06)}
html,body{margin:0;padding:0;background:var(--rta-web-bg);color:var(--rta-web-text);font-family:Inter,Roboto,"Open Sans",Arial,sans-serif;min-height:100%}
body.rta-page-active .site-header,body.rta-page-active .site-footer,body.rta-page-active .entry-header,body.rta-page-active .entry-title,body.rta-page-active .ast-breadcrumbs-wrapper,body.rta-page-active .comments-area,body.rta-page-active footer,body.rta-page-active .site-below-footer-wrap,body.rta-page-active h1.entry-title,body.rta-page-active .page-header{display:none!important}
body.rta-page-active .site-content,body.rta-page-active .ast-container,body.rta-page-active .entry-content,body.rta-page-active #primary,body.rta-page-active article,body.rta-page-active .inside-article,body.rta-page-active .site-main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
body.rta-page-active .content-area{padding:0!important;margin:0!important}
.rta-canvas{max-width:1160px;margin:0 auto;padding:34px 20px 48px}
.rta-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:28px;border:1px solid var(--rta-web-line);background:linear-gradient(180deg,#f9ffff,#edf7f7);border-radius:28px;box-shadow:var(--rta-shadow)}
.rta-hero__brand{display:flex;gap:18px;align-items:center;min-width:0}.rta-hero__logo{width:82px;height:82px;object-fit:contain;border-radius:20px;background:#fff;padding:8px;border:1px solid var(--rta-web-line)}.rta-hero__mini{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:#3f7c8d}.rta-hero__title{margin:6px 0 8px;font-size:clamp(30px,4vw,52px);line-height:1.02;color:#0d3444}.rta-hero__desc{margin:0;color:var(--rta-web-muted);max-width:720px;line-height:1.55}.rta-hero__meta{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.rta-pill{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--rta-web-line);font-size:13px;color:var(--rta-web-text);font-weight:700}.rta-microstats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.rta-microstats span{padding:10px 13px;background:var(--rta-web-chip);border-radius:999px;border:1px solid var(--rta-web-line);color:#3f647b;font-size:13px;font-weight:800}
.rta-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 18px}.rta-tabs--wrap .rta-tab{flex:1 1 220px}.rta-tab{appearance:none;border:1px solid var(--rta-web-line-2);background:var(--rta-web-tab);color:#18384e;padding:14px 20px;border-radius:999px;font-weight:900;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;box-shadow:0 2px 0 rgba(18,50,70,.04)}.rta-tab:hover{transform:translateY(-1px);border-color:#86b5d1;background:#ffffff;box-shadow:0 8px 18px rgba(16,45,67,.08)}.rta-tab:focus-visible{outline:3px solid rgba(13,132,200,.18);outline-offset:2px}.rta-tab.is-active{background:linear-gradient(180deg,var(--rta-web-tab-active),var(--rta-web-tab-active-2));border-color:#0e5577;color:#fff;box-shadow:0 12px 24px rgba(14,85,119,.18)}.rta-tab.is-disabled,.rta-tab:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;background:#f1f5f8;color:#8aa1b2;border-color:#d8e3ec}.rta-tab.is-disabled:hover,.rta-tab:disabled:hover{transform:none}
.rta-pane{display:none}.rta-pane.is-active{display:block;animation:rtaFade .18s ease}.rta-stage{min-height:260px}.rta-listcard{padding:18px;border-radius:28px;border:1px solid var(--rta-web-line);background:#fff;box-shadow:var(--rta-shadow)}
.rta-toplist{display:grid;gap:12px}.rta-row{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;border-radius:22px;background:linear-gradient(180deg,#ffffff,#f8fbfd);border:1px solid #dde8f0;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}.rta-row:hover{transform:translateY(-1px);border-color:#b7ccdb;box-shadow:0 10px 24px rgba(16,45,67,.06)}.rta-row--suggestion{grid-template-columns:64px minmax(0,1fr) auto}.rta-row__pos{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;background:#f0f6fa;color:var(--rta-web-gold);border:1px solid #d8e5ee}.rta-row__artist{font-size:14px;font-weight:800;color:#4f7894;text-transform:uppercase;letter-spacing:.04em}.rta-row__title{font-size:22px;font-weight:900;line-height:1.1;color:#0d2e43}.rta-row__sub{margin-top:6px;font-size:13px;color:var(--rta-web-muted);font-weight:700}.rta-row__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.rta-row__score{min-width:56px;padding:11px 15px;border-radius:999px;background:#f0f6fa;border:1px solid #d8e5ee;font-weight:900;text-align:center;color:#0d2e43}.rta-badge{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.04em}.rta-badge--up{background:#e7f7ef;color:#22744d}.rta-badge--down{background:#fdeaea;color:#a03d3d}.rta-badge--new{background:#e8f4fb;color:#246f96}.rta-badge--same{background:#f2f6f8;color:#45657a}.rta-badge--count{background:#fff7e4;color:#9b6a03;border:1px solid #efdfad}.rta-votes{font-size:13px;color:var(--rta-web-muted);font-weight:800;padding:8px 12px;border:1px solid #dde8f0;border-radius:999px;background:#f8fbfd}.rta-empty{padding:28px;border:1px dashed var(--rta-web-line-2);border-radius:22px;text-align:center;color:var(--rta-web-muted);font-weight:700;background:#fbfdff}
@keyframes rtaFade{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}
@media (max-width:900px){.rta-hero{flex-direction:column;align-items:stretch}.rta-hero__meta{align-items:flex-start}.rta-row,.rta-row--suggestion{grid-template-columns:56px minmax(0,1fr);}.rta-row__meta{grid-column:1/-1;justify-content:flex-start;padding-top:2px}}
@media (max-width:640px){.rta-canvas{padding:24px 14px 36px}.rta-hero{padding:20px;border-radius:22px}.rta-hero__brand{align-items:flex-start}.rta-hero__logo{width:64px;height:64px;border-radius:16px}.rta-hero__title{font-size:34px}.rta-tab{width:100%;justify-content:center}.rta-tabs--wrap .rta-tab{flex:1 1 100%}.rta-row{padding:14px;border-radius:18px}.rta-row__title{font-size:19px}.rta-row__pos{width:46px;height:46px;font-size:18px;border-radius:14px}}