#rab26-root {--rab-accent:#2f80ed; --rab-accent-2:#1c62c4; --rab-accent-soft:#eaf2fd; --rab-ink:#12202f; --rab-ink-2:#42536a; --rab-muted:#8a97a6; --rab-line:#e6ecf3; --rab-line-2:#eef2f7; --rab-soft:#f1f5f9; --rab-soft-2:#eff3f8; --rab-card:#f7f9fc; --rab-surface:#ffffff; --rab-white:#ffffff; --rab-hover:#e4ebf4; --rab-sw-off:#dce3ec; --rab-prg-bg:#e9eff6; --rab-sk1:#f1f4f8; --rab-sk2:#e6ebf2; --rab-star:#f5a524; --rab-fav-bg:#fdeceb; --rab-fav-fg:#e5484d; --rab-radius:16px; --rab-font:'Nunito Sans','Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif; all:initial; display:block; isolation:isolate; contain:layout paint; box-sizing:border-box; width:100%; max-width:100%; min-width:0; flex:1 1 auto; font:400 15px/1.45 var(--rab-font); color:var(--rab-ink); text-align:left; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent}
#rab26-root *,#rab26-root *::before,#rab26-root *::after {box-sizing:border-box; margin:0; padding:0; border:0; outline:0; background:transparent; font:inherit; color:inherit; letter-spacing:inherit; text-align:inherit; text-decoration:none; text-transform:none; list-style:none; box-shadow:none; float:none; position:static; min-width:0; min-height:0; max-width:none; -webkit-appearance:none; appearance:none}
#rab26-root .rab26-top {display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:14px}
#rab26-root .rab26-h1 {font-size:25px; line-height:1.15; font-weight:800; letter-spacing:-.5px}
#rab26-root .rab26-sub {font-size:14px; color:var(--rab-muted); margin-top:3px}
#rab26-root .rab26-sub b {color:var(--rab-ink); font-weight:700}
#rab26-root .rab26-top-acts {display:flex; gap:8px; flex-wrap:wrap}
#rab26-root .rab26-btn {display:flex; align-items:center; gap:9px; padding:10px 18px; border-radius:10px; font-size:14px; font-weight:700; cursor:pointer; transition:background .15s; white-space:nowrap}
#rab26-root .rab26-btn-soft {background:var(--rab-soft-2); color:var(--rab-ink)}
#rab26-root .rab26-btn-soft:hover {background:var(--rab-hover)}
#rab26-root .rab26-btn-primary {background:var(--rab-accent); color:#fff}
#rab26-root .rab26-btn-primary:hover {background:var(--rab-accent-2)}
#rab26-root .rab26-lines {display:flex; flex-direction:column; gap:2.5px; align-items:center}
#rab26-root .rab26-lines i {display:block; height:2px; border-radius:2px; background:currentColor}
#rab26-root .rab26-lines i:nth-child(1) {width:13px}
#rab26-root .rab26-lines i:nth-child(2) {width:9px}
#rab26-root .rab26-lines i:nth-child(3) {width:5px}
#rab26-root .rab26-badge {min-width:19px; height:19px; display:flex; align-items:center; justify-content:center; padding:0 5px; border-radius:100px; background:var(--rab-accent); color:#fff; font-size:11.5px; font-weight:700}
#rab26-root .rab26-badge.is-hidden {display:none}
#rab26-root .rab26-filters {display:none; background:var(--rab-surface); border:1px solid var(--rab-line); border-radius:var(--rab-radius); overflow:hidden; margin-bottom:16px}
#rab26-root .rab26-filters.is-open {display:block; animation:rab26-in .22s ease-out both}
#rab26-root .rab26-fh {display:flex; align-items:center; justify-content:space-between; gap:10px; padding:13px 18px; background:var(--rab-card); border-bottom:1px solid var(--rab-line)}
#rab26-root .rab26-fh span:first-child {font-size:15px; font-weight:800}
#rab26-root .rab26-link {font-size:13.5px; font-weight:700; color:var(--rab-accent); cursor:pointer}
#rab26-root .rab26-gt {font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--rab-muted); margin-bottom:9px}
#rab26-root .rab26-sec {padding:16px 18px 0}
#rab26-root .rab26-sel-list {display:flex; flex-wrap:wrap; gap:7px}
#rab26-root .rab26-sel {font-size:13.5px; font-weight:600; padding:7px 13px; border-radius:9px; cursor:pointer; transition:background .15s,color .15s; background:var(--rab-soft); color:var(--rab-ink-2)}
#rab26-root .rab26-sel:hover {background:var(--rab-hover)}
#rab26-root .rab26-sel.is-on {background:var(--rab-accent); color:#fff; font-weight:700}
#rab26-root .rab26-more {font-size:13.5px; font-weight:700; padding:7px 13px; border-radius:9px; color:var(--rab-accent); cursor:pointer}
#rab26-root .rab26-grid {display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:18px}
#rab26-root .rab26-box {padding:14px 16px; border-radius:12px; background:var(--rab-card); border:1px solid var(--rab-line-2)}
#rab26-root .rab26-rng-head {display:flex; align-items:baseline; justify-content:space-between; gap:8px; font-size:13px; color:var(--rab-muted)}
#rab26-root .rab26-rng-head b {font-weight:700; color:var(--rab-ink); font-variant-numeric:tabular-nums}
#rab26-root .rab26-rng {position:relative; height:30px; display:flex; align-items:center; touch-action:none; cursor:pointer; margin-top:2px}
#rab26-root .rab26-rng-line {position:absolute; left:0; right:0; height:4px; border-radius:2px; background:var(--rab-sw-off)}
#rab26-root .rab26-rng-bar {position:absolute; height:4px; border-radius:2px; background:var(--rab-accent)}
#rab26-root .rab26-rng-th {position:absolute; width:22px; height:22px; border-radius:50%; background:#fff; border:2px solid var(--rab-accent); box-shadow:0 1px 4px rgba(10,20,35,.2); touch-action:none}
#rab26-root .rab26-presets {display:flex; gap:6px; margin-top:11px}
#rab26-root .rab26-preset {flex:1; min-width:0; text-align:center; font-size:13px; font-weight:600; padding:8px 4px; border-radius:9px; cursor:pointer; transition:background .15s,color .15s; background:var(--rab-soft-2); color:var(--rab-ink-2)}
#rab26-root .rab26-preset.is-on {background:var(--rab-accent-soft); color:var(--rab-accent-2); font-weight:700}
#rab26-root .rab26-seg-row {display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; padding:16px 18px 0}
#rab26-root .rab26-seg-row>span {font-size:14.5px; font-weight:700}
#rab26-root .rab26-seg {display:flex; gap:2px; padding:3px; background:var(--rab-soft-2); border-radius:10px}
#rab26-root .rab26-seg-i {font-size:13px; font-weight:600; padding:7px 14px; border-radius:8px; cursor:pointer; white-space:nowrap; transition:background .15s}
#rab26-root .rab26-seg-i.is-on {background:var(--rab-white); font-weight:700; box-shadow:0 1px 3px rgba(10,20,35,.12)}
#rab26-root .rab26-sws {padding:14px 18px 0}
#rab26-root .rab26-sw-row {display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 0; cursor:pointer; border-top:1px solid var(--rab-line-2)}
#rab26-root .rab26-sw-row:first-child {border-top:0}
#rab26-root .rab26-sw-row>span {font-size:14.5px}
#rab26-root .rab26-sw {position:relative; flex:none; width:44px; height:26px; border-radius:100px; background:var(--rab-sw-off); transition:background .22s}
#rab26-root .rab26-sw.is-on {background:#34c759}
#rab26-root .rab26-sw i {position:absolute; top:2px; left:2px; width:22px; height:22px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(10,20,35,.25); transition:transform .22s cubic-bezier(.2,.8,.2,1)}
#rab26-root .rab26-sw.is-on i {transform:translateX(18px)}
#rab26-root .rab26-ff {display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:16px 18px 18px}
#rab26-root .rab26-chips-row {display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-bottom:14px}
#rab26-root .rab26-chips-row:empty {display:none}
#rab26-root .rab26-chip {display:flex; align-items:center; gap:7px; font-size:13px; font-weight:600; padding:6px 11px; border-radius:9px; background:var(--rab-accent-soft); color:var(--rab-accent-2); cursor:pointer}
#rab26-root .rab26-chip b {font-weight:400; opacity:.6; font-size:14px; line-height:1}
#rab26-root .rab26-card {display:flex; flex-wrap:wrap; gap:18px; padding:18px; background:var(--rab-surface); border:1px solid var(--rab-line); border-radius:var(--rab-radius)}
#rab26-root .rab26-res {animation:rab26-in .3s ease-out both; box-shadow:0 12px 28px -24px rgba(8,14,24,.7)}
#rab26-root .rab26-cover {position:relative; width:104px; height:156px; border-radius:10px; flex:none; overflow:hidden; background:var(--rab-soft)}
#rab26-root .rab26-cover img {display:block; width:100%; height:100%; object-fit:cover}
#rab26-root .rab26-body {flex:2 1 300px; min-width:280px; display:flex; flex-direction:column}
#rab26-root .rab26-crumbs {display:flex; flex-wrap:wrap; align-items:center; gap:8px}
#rab26-root .rab26-genre {font-size:11.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--rab-accent-2); background:var(--rab-accent-soft); padding:4px 9px; border-radius:7px}
#rab26-root .rab26-rt {display:flex; align-items:center; gap:5px; font-size:13px; color:var(--rab-muted)}
#rab26-root .rab26-rt i {color:var(--rab-star); font-style:normal}
#rab26-root .rab26-rt b {color:var(--rab-ink); font-weight:700}
#rab26-root .rab26-title {margin:9px 0 3px; font-size:24px; line-height:1.12; font-weight:800; letter-spacing:-.5px; text-wrap:balance}
#rab26-root .rab26-title a {color:inherit}
#rab26-root .rab26-authors {font-size:14.5px; color:var(--rab-ink-2)}
#rab26-root .rab26-pills {display:flex; flex-wrap:wrap; gap:6px; margin-top:12px}
#rab26-root .rab26-pill {font-size:13px; font-weight:600; padding:6px 11px; border-radius:9px; background:var(--rab-soft); color:var(--rab-ink-2)}
#rab26-root .rab26-prg-w {margin-top:13px; max-width:340px}
#rab26-root .rab26-prg-h {display:flex; align-items:baseline; justify-content:space-between; gap:8px; font-size:12.5px; color:var(--rab-muted)}
#rab26-root .rab26-prg-h b {font-weight:700; color:var(--rab-ink)}
#rab26-root .rab26-prg {margin-top:6px; height:5px; border-radius:100px; background:var(--rab-prg-bg); overflow:hidden}
#rab26-root .rab26-prg i {display:block; height:100%; border-radius:100px; background:var(--rab-accent)}
#rab26-root .rab26-acts {display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; padding-top:16px}
#rab26-root .rab26-icon {flex:none; width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:var(--rab-soft-2); color:var(--rab-accent); font-size:17px; cursor:pointer; transition:background .15s}
#rab26-root .rab26-icon:hover {background:var(--rab-hover)}
#rab26-root .rab26-icon.is-on {background:var(--rab-fav-bg); color:var(--rab-fav-fg)}
#rab26-root .rab26-stat-v i {color:var(--rab-star); font-style:normal}
#rab26-root .rab26-aside {display:none; flex:1 1 180px; min-width:168px; max-width:240px; flex-direction:column; padding-left:24px; border-left:1px solid var(--rab-line-2)}
#rab26-root .rab26-stat {padding:10px 0; border-bottom:1px solid var(--rab-line-2)}
#rab26-root .rab26-stat:last-child {border-bottom:0}
#rab26-root .rab26-stat-k {font-size:12px; color:var(--rab-muted)}
#rab26-root .rab26-stat-v {font-size:15.5px; font-weight:700; margin-top:2px}
#rab26-root .rab26-stat-v i {color:#f5a524; font-style:normal}
#rab26-root .rab26-empty {padding:26px 22px; background:var(--rab-surface); border:1px solid var(--rab-line); border-radius:var(--rab-radius); text-align:center}
#rab26-root .rab26-empty-t {font-size:17px; font-weight:800}
#rab26-root .rab26-empty-d {font-size:14px; color:var(--rab-muted); margin-top:5px; line-height:1.45}
#rab26-root .rab26-hist {margin-top:22px}
#rab26-root .rab26-hist-h {display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:10px}
#rab26-root .rab26-hist-h em {font-size:13px; color:var(--rab-muted); font-style:normal}
#rab26-root .rab26-hist-list {display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:8px}
#rab26-root .rab26-hrow {display:flex; align-items:center; gap:13px; padding:9px 12px; border-radius:12px; background:var(--rab-surface); border:1px solid var(--rab-line-2); cursor:pointer; transition:background .15s}
#rab26-root .rab26-hrow:hover {background:var(--rab-card)}
#rab26-root .rab26-hrow-img {width:38px; height:56px; border-radius:7px; flex:none; overflow:hidden; background:var(--rab-soft)}
#rab26-root .rab26-hrow-img img {display:block; width:100%; height:100%; object-fit:cover}
#rab26-root .rab26-hrow-t {font-size:14.5px; font-weight:700}
#rab26-root .rab26-hrow-d {font-size:13px; color:var(--rab-muted); margin-top:2px}
#rab26-root .rab26-hrow>span:last-child {font-size:13.5px; font-weight:700; color:var(--rab-accent); white-space:nowrap}
#rab26-root .rab26-skel {border-radius:9px; background:linear-gradient(90deg,var(--rab-sk1) 25%,var(--rab-sk2) 37%,var(--rab-sk1) 63%); background-size:400px 100%; animation:rab26-sk 1.2s linear infinite}
#rab26-toast-host {all:initial; position:fixed; left:0; right:0; bottom:24px; z-index:2147483000; display:flex; justify-content:center; pointer-events:none; font:600 14.5px/1.35 'Nunito Sans','Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}
#rab26-toast-host * {box-sizing:border-box; margin:0; padding:0; border:0; background:transparent; font:inherit; color:inherit}
#rab26-toast-host .rab26-toast {max-width:86vw; padding:12px 20px; border-radius:12px; background:#12202f; color:#fff; box-shadow:0 16px 38px -14px rgba(8,14,24,.65); animation:rab26-toast .26s ease-out both}
@media (max-width:480px) {#rab26-toast-host {bottom:16px; font-size:13.5px}
#rab26-toast-host .rab26-toast {padding:11px 16px; border-radius:11px}
}
.dark #rab26-root,#rab26-root.dark {--rab-accent:#2f80ed; --rab-accent-2:#8ab8f7; --rab-accent-soft:rgba(47,128,237,.2); --rab-ink:#eef0f4; --rab-ink-2:#c2c9d4; --rab-muted:#8f99a7; --rab-line:#3b3f47; --rab-line-2:#34383f; --rab-soft:#34383f; --rab-soft-2:#2f333a; --rab-card:#2b2f35; --rab-surface:#26292f; --rab-white:#3d434c; --rab-hover:#3c414a; --rab-sw-off:#474d57; --rab-prg-bg:#3a3f47; --rab-sk1:#2f333a; --rab-sk2:#3b4048; --rab-star:#f5c26b; --rab-fav-bg:rgba(229,72,77,.24); --rab-fav-fg:#ff9093; color-scheme:dark}
.dark #rab26-root .rab26-cover,#rab26-root.dark .rab26-cover,.dark #rab26-root .rab26-hrow-img,#rab26-root.dark .rab26-hrow-img {background:#31353c}
.dark #rab26-root .rab26-seg-i.is-on,#rab26-root.dark .rab26-seg-i.is-on {box-shadow:0 1px 3px rgba(0,0,0,.5)}
.dark #rab26-root .rab26-res,#rab26-root.dark .rab26-res {box-shadow:0 14px 30px -26px rgba(0,0,0,.9)}
.dark #rab26-toast-host .rab26-toast {background:#0e1116; border:1px solid rgba(255,255,255,.14)}
@keyframes rab26-sk {0% {background-position:-240px 0}
100% {background-position:calc(240px + 100%) 0}
}
@keyframes rab26-in {0% {opacity:0; transform:translateY(8px)}
100% {opacity:1; transform:none}
}
@keyframes rab26-toast {0% {opacity:0; transform:translateY(8px) scale(.97)}
100% {opacity:1; transform:none}
}
#rab26-root.is-wide .rab26-card {gap:24px; padding:22px}
#rab26-root.is-wide .rab26-cover {width:150px; height:225px}
#rab26-root.is-wide .rab26-title {font-size:27px}
#rab26-root.is-wide .rab26-aside {display:flex}
#rab26-root.is-wide .rab26-pills,#rab26-root.is-wide .rab26-rt {display:none}
#rab26-root.is-wide .rab26-prg-w {max-width:none}
@media (max-width:720px) {#rab26-root .rab26-grid {grid-template-columns:1fr; gap:12px; padding:14px}
 #rab26-root .rab26-card {flex-direction:column; gap:14px}
 #rab26-root .rab26-body {flex:0 0 auto; min-width:0}
 #rab26-root .rab26-acts {margin-top:0}
 #rab26-root .rab26-cover {width:120px; height:180px}
 #rab26-root .rab26-h1 {font-size:22px}
 #rab26-root .rab26-title {font-size:21px}
}
@media (max-width:480px) {#rab26-root {font-size:14px}
 #rab26-root .rab26-hist-list {grid-template-columns:1fr}
 #rab26-root .rab26-top {gap:10px; margin-bottom:12px}
 #rab26-root .rab26-h1 {font-size:19px; letter-spacing:-.3px}
 #rab26-root .rab26-sub {font-size:12.5px}
 #rab26-root .rab26-top-acts {width:100%; gap:6px}
 #rab26-root .rab26-top-acts .rab26-btn {flex:1; justify-content:center}
 #rab26-root .rab26-btn {padding:9px 13px; font-size:13px; gap:7px}
 #rab26-root .rab26-gt {font-size:11px}
 #rab26-root .rab26-fh {padding:11px 14px}
 #rab26-root .rab26-fh span:first-child {font-size:14px}
 #rab26-root .rab26-sec {padding:14px 14px 0}
 #rab26-root .rab26-sel,#rab26-root .rab26-more {font-size:12.5px; padding:6px 11px; border-radius:8px}
 #rab26-root .rab26-grid {padding:12px}
 #rab26-root .rab26-box {padding:12px 13px}
 #rab26-root .rab26-rng-head {font-size:12px}
 #rab26-root .rab26-preset {font-size:12px; padding:7px 3px}
 #rab26-root .rab26-seg-row {padding:14px 14px 0}
 #rab26-root .rab26-seg-row>span {font-size:13.5px}
 #rab26-root .rab26-seg-i {font-size:12.5px; padding:6px 11px}
 #rab26-root .rab26-sws {padding:12px 14px 0}
 #rab26-root .rab26-sw-row {padding:10px 0}
 #rab26-root .rab26-sw-row>span {font-size:13.5px}
 #rab26-root .rab26-ff {padding:14px; gap:8px}
 #rab26-root .rab26-ff .rab26-btn {flex:1; justify-content:center}
 #rab26-root .rab26-chip {font-size:12px; padding:5px 9px}
 #rab26-root .rab26-card {padding:14px}
 #rab26-root .rab26-cover {width:96px; height:144px}
 #rab26-root .rab26-genre {font-size:10.5px; padding:3px 7px}
 #rab26-root .rab26-rt {font-size:12px}
 #rab26-root .rab26-title {font-size:18px; letter-spacing:-.3px; margin-top:8px}
 #rab26-root .rab26-authors {font-size:13px}
 #rab26-root .rab26-pills {gap:5px; margin-top:10px}
 #rab26-root .rab26-pill {font-size:12px; padding:5px 9px}
 #rab26-root .rab26-prg-h {font-size:12px}
 #rab26-root .rab26-acts {gap:6px; padding-top:14px}
 #rab26-root .rab26-acts .rab26-btn {padding:11px 15px; font-size:13.5px}
 #rab26-root .rab26-icon {width:40px; height:40px; font-size:16px}
 #rab26-root .rab26-empty {padding:20px 16px}
 #rab26-root .rab26-empty-t {font-size:15.5px}
 #rab26-root .rab26-empty-d {font-size:13px}
 #rab26-root .rab26-hist {margin-top:18px}
 #rab26-root .rab26-hrow {gap:10px; padding:8px 10px}
 #rab26-root .rab26-hrow-img {width:34px; height:50px}
 #rab26-root .rab26-hrow-t {font-size:13.5px}
 #rab26-root .rab26-hrow-d {font-size:12px}
 #rab26-root .rab26-hrow>span:last-child {font-size:12.5px}
}
@media (max-width:360px) {#rab26-root .rab26-h1 {font-size:17.5px}
 #rab26-root .rab26-title {font-size:17px}
 #rab26-root .rab26-cover {width:86px; height:129px}
 #rab26-root .rab26-sel,#rab26-root .rab26-more {font-size:12px; padding:6px 10px}
 #rab26-root .rab26-acts .rab26-btn {flex:1; justify-content:center; padding:11px 10px; font-size:13px}
 #rab26-root .rab26-btn {padding:9px 11px; font-size:12.5px}
}