.arstories{--arstories-font:'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--arstories-pink:#ff2e88;--arstories-cols:8;--arstories-gap:10px;--arstories-ink:#111111;--arstories-muted:rgba(17,17,17,0.45);--arstories-faint:rgba(17,17,17,0.28);--arstories-hair:rgba(17,17,17,0.12);--arstories-chip:rgba(17,17,17,0.06);--arstories-radius:6px;font-family:var(--arstories-font);color:var(--arstories-ink);width:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;}
body.site-dark .arstories{--arstories-ink:#f2efe9;--arstories-muted:rgba(242,239,233,0.48);--arstories-faint:rgba(242,239,233,0.30);--arstories-hair:rgba(242,239,233,0.16);--arstories-chip:rgba(242,239,233,0.09);}
@media (prefers-color-scheme: dark) {
body:not(.site-light) .arstories{--arstories-ink:#f2efe9;--arstories-muted:rgba(242,239,233,0.48);--arstories-faint:rgba(242,239,233,0.30);--arstories-hair:rgba(242,239,233,0.16);--arstories-chip:rgba(242,239,233,0.09);}
} .arstories-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}
.arstories-head-title{flex:1 1 auto;min-width:0;margin:0 !important;padding:0 !important;font-family:var(--arstories-font) !important;font-size:17px !important;font-weight:600 !important;line-height:1.2 !important;letter-spacing:-0.01em;text-transform:none !important;color:var(--arstories-ink) !important;opacity:1;}
.arstories-plus{color:var(--arstories-ink);}
.arstories-head-badge{flex:0 0 auto;padding:4px 9px;border:none;border-radius:3px;background:var(--arstories-ink);color:#fff;font-size:10px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;}
body.site-dark .arstories-head-badge{color:#111;}
.arstories-filter{display:inline-flex !important;align-items:center;gap:8px;margin:0 !important;flex:0 0 auto;white-space:nowrap;}
.arstories-filter-label{font-size:11px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap;color:var(--arstories-faint);}
.arstories-filter .arstories-select{-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;display:inline-block !important;width:auto !important;min-width:180px;max-width:260px;height:34px !important;padding:0 32px 0 12px !important;margin:0 !important;border:1px solid var(--arstories-hair) !important;border-radius:var(--arstories-radius) !important;background-color:transparent !important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23888880' stroke-width='1.5' stroke-linecap='round'/></svg>") !important;background-repeat:no-repeat !important;background-position:right 12px center !important;color:var(--arstories-ink) !important;font-family:var(--arstories-font) !important;font-size:12px !important;font-weight:500 !important;letter-spacing:0;text-transform:none;line-height:32px !important;cursor:pointer;box-shadow:none !important;outline:none !important;opacity:1 !important;text-shadow:none !important;vertical-align:middle;transition:border-color .15s;}
.arstories-filter .arstories-select:hover{border-color:var(--arstories-muted) !important;}
.arstories-filter .arstories-select:focus{border-color:var(--arstories-pink) !important;}
.arstories-filter .arstories-select option, .arstories-filter .arstories-select optgroup{background:#fff;color:#111;text-transform:none;letter-spacing:0;font-weight:400;font-size:13px;padding:6px 10px;}
.arstories-filter .arstories-select optgroup{color:rgba(17,17,17,0.4);font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:0.1em;}
.arstories-filter .arstories-select option:checked{background:var(--arstories-pink);color:#fff;}
body.site-dark .arstories-filter .arstories-select option, body.site-dark .arstories-filter .arstories-select optgroup{background:#1a1a1a;color:#eee;}
@media(max-width:520px){
.arstories-head{flex-wrap:wrap;}
.arstories-head-title{font-size:16px !important;}
.arstories-filter-label{display:none;}
.arstories-filter .arstories-select{min-width:150px;}
} .arstories-body{position:relative;min-height:120px;}
.arstories-body.loading{opacity:.4;pointer-events:none;}
.arstories-empty{font-family:var(--arstories-font);font-size:13px;letter-spacing:0;color:var(--arstories-muted);padding:28px 0;margin:0;}
.arstories-grid{display:grid;grid-template-columns:repeat(var(--arstories-cols), minmax(0, 1fr));gap:var(--arstories-gap);}
@media(max-width:1024px){ .arstories-grid{grid-template-columns:repeat(5, minmax(0,1fr));}
}
@media(max-width:768px){ .arstories-grid{grid-template-columns:repeat(4, minmax(0,1fr));}
}
@media(max-width:520px){ .arstories-grid{grid-template-columns:repeat(3, minmax(0,1fr));gap:8px;}
} .arstories-grid .arstories-card{position:relative !important;display:block !important;width:100% !important;height:0 !important;padding:0 0 160% 0 !important;margin:0 !important;border:none !important;border-radius:var(--arstories-radius) !important;background:#111 !important;box-shadow:none;overflow:hidden !important;cursor:pointer;color:#fff !important;font-family:inherit !important;text-transform:none !important;line-height:1.2 !important;box-sizing:border-box !important;transition:transform .18s ease, box-shadow .18s ease;}
.arstories-grid .arstories-card:hover, .arstories-grid .arstories-card:focus-visible{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.22);outline:none;}
.arstories-grid .arstories-card:focus-visible{box-shadow:0 0 0 2px var(--arstories-pink);}
.arstories-card-art{position:absolute !important;top:0;left:0;right:0;bottom:0;display:block;background-color:#222;background-position:center;background-size:cover;background-repeat:no-repeat;transition:transform .3s ease;}
.arstories-grid .arstories-card:hover .arstories-card-art{transform:scale(1.05);}
.arstories-card.no-art .arstories-card-art{background-image:linear-gradient(160deg, #2a1020, #0d0d0d);}
.arstories-grid .arstories-card::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top, rgba(0,0,0,.9) 0%, rgba(0,0,0,.45) 42%, rgba(0,0,0,0) 72%);pointer-events:none;}
.arstories-card-rank{position:absolute !important;top:7px;left:7px;z-index:2;display:block;border-radius:3px;background:rgba(0,0,0,.72);color:#fff !important;font-size:10px !important;font-weight:600 !important;line-height:1 !important;letter-spacing:0.04em;padding:4px 6px !important;margin:0 !important;font-variant-numeric:tabular-nums;}
.arstories-card-text{position:absolute !important;left:0;right:0;bottom:0;z-index:2;padding:10px 9px !important;display:flex;flex-direction:column;gap:3px;text-align:left;}
.arstories-card-title{display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11.5px !important;font-weight:600 !important;line-height:1.3 !important;color:#fff !important;margin:0 !important;}
.arstories-card-artist{display:block !important;font-size:10px !important;font-weight:400 !important;color:rgba(255,255,255,.62) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 !important;}
.arstories-card-trend{position:absolute !important;top:7px;right:7px;z-index:2;display:block;border-radius:3px;padding:4px 6px !important;margin:0 !important;font-size:9.5px !important;font-weight:600 !important;line-height:1 !important;letter-spacing:0.04em;background:rgba(0,0,0,.72);color:#fff !important;font-variant-numeric:tabular-nums;}
.arstories-card-trend.is-up, .arstories-slide-trend.is-up{color:#37e08a !important;}
.arstories-card-trend.is-down, .arstories-slide-trend.is-down{color:#ff5c5c !important;}
.arstories-card-trend.is-new, .arstories-slide-trend.is-new{background:var(--arstories-pink);color:#fff !important;}
.arstories-card-trend.is-same, .arstories-slide-trend.is-same{color:rgba(255,255,255,.45) !important;}
.arstories-slide-trend{display:inline-block;margin-left:10px;padding:3px 7px;border-radius:3px;font-size:10px;font-weight:600;letter-spacing:0.04em;background:rgba(255,255,255,.12);vertical-align:middle;font-variant-numeric:tabular-nums;}
.arstories-viewer[hidden]{display:none !important;}
.arstories-viewer{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;font-family:'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;}
.arstories-viewer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.94);backdrop-filter:blur(4px);}
.arstories-viewer-box{position:relative;width:min(420px, 100vw);height:min(760px, 100vh);z-index:1;display:flex;flex-direction:column;padding:12px;box-sizing:border-box;}
.arstories-close, .arstories-mute{position:absolute;top:14px;z-index:30;width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;line-height:1;cursor:pointer;padding:0;transition:background .15s, border-color .15s, color .15s;}
.arstories-close{right:14px;font-size:20px;}
.arstories-mute{right:58px;display:inline-flex;align-items:center;justify-content:center;}
.arstories-close:hover, .arstories-mute:hover{background:var(--arstories-pink, #ff2e88);border-color:var(--arstories-pink, #ff2e88);color:#fff;}
.arstories-mute .ic-off{display:none;}
.arstories-mute[aria-pressed="true"] .ic-on{display:none;}
.arstories-mute[aria-pressed="true"] .ic-off{display:block;}
.arstories-progress{display:flex;gap:3px;margin-bottom:10px;padding-right:92px;}
.arstories-progress-bar{flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.2);overflow:hidden;display:block;}
.arstories-progress-fill{display:block;height:100%;width:0%;border-radius:2px;background:#fff;}
.arstories-progress-bar.done .arstories-progress-fill{width:100%;}
.arstories-progress-bar.active .arstories-progress-fill{animation:arstories-fill linear forwards;}
@keyframes arstories-fill { from{width:0%}
to{width:100%}
}
.arstories-stage{position:relative;flex:1;overflow:hidden;background:#000;border:none;border-radius:10px;}
.arstories-tap{position:absolute;top:0;height:100%;width:35%;z-index:20;cursor:pointer;}
.arstories-tap-prev{left:0}
.arstories-tap-next{right:0}
.arstories-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .2s ease;}
.arstories-slide.active{opacity:1;pointer-events:auto;}
.arstories-slide-bg{position:absolute;inset:0;background:#111 center / cover no-repeat;filter:blur(28px) brightness(.4) saturate(1.3);transform:scale(1.15);}
.arstories-slide-art{position:absolute;top:8%;left:50%;width:68%;aspect-ratio:1;transform:translateX(-50%);background:#222 center / cover no-repeat;border:none;border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,.65);}
.arstories-slide-body{position:absolute;left:0;right:0;bottom:0;padding:24px 22px 26px;background:linear-gradient(to top, rgba(0,0,0,.92), rgba(0,0,0,0));z-index:30;color:#fff;pointer-events:none;}
.arstories-slide-rank{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--arstories-pink, #ff2e88);margin-bottom:10px;font-variant-numeric:tabular-nums;}
.arstories-slide-rank > span{display:inline-flex;align-items:center;}
.arstories-slide-title{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-0.01em;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.arstories-slide-artist{font-size:14px;font-weight:400;color:rgba(255,255,255,.7);margin-bottom:18px;}
.arstories-slide-logo{display:block !important;height:16px !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;border:0 !important;box-shadow:none !important;opacity:.7;}
.arstories-slide-actions{display:grid !important;grid-template-columns:1fr 1fr;gap:8px;pointer-events:auto;}
.arstories-slide-actions .arstories-btn, .arstories-slide-actions a.arstories-btn, .arstories-slide-actions button.arstories-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px;box-sizing:border-box !important;width:100% !important;height:42px !important;min-height:0 !important;padding:0 12px !important;margin:0 !important;border:1px solid rgba(255,255,255,.2) !important;border-radius:var(--arstories-radius, 6px) !important;background:rgba(255,255,255,.1) !important;color:#fff !important;font-family:'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;font-size:11.5px !important;font-weight:600 !important;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none !important;line-height:1 !important;box-shadow:none !important;cursor:pointer;transition:background .15s, border-color .15s, color .15s;}
.arstories-slide-actions .arstories-btn:hover{background:var(--arstories-pink, #ff2e88) !important;border-color:var(--arstories-pink, #ff2e88) !important;color:#fff !important;}
.arstories-btn svg{flex:0 0 auto;width:14px;height:14px;}
.arstories-btn-share{cursor:pointer;}
.arstories-btn-dl[aria-disabled="true"]{opacity:.35;pointer-events:none;}
.arstories-share-menu{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;pointer-events:auto;}
.arstories-share-menu[hidden]{display:none !important;}
.arstories-share-item{display:inline-block !important;padding:7px 11px !important;border:1px solid rgba(255,255,255,.2) !important;border-radius:var(--arstories-radius, 6px) !important;background:rgba(255,255,255,.08) !important;color:#fff !important;font-family:'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;font-size:10.5px !important;font-weight:600 !important;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none !important;line-height:1 !important;cursor:pointer;transition:border-color .15s, color .15s;}
.arstories-share-item:hover{border-color:#ff2e88 !important;color:#ff2e88 !important;}
.arstories-share-item.copied{border-color:#37e08a !important;color:#37e08a !important;}
body.arstories-lock{overflow:hidden;}
@media (prefers-reduced-motion: reduce) {
.arstories-grid .arstories-card, .arstories-card-art, .arstories-slide { transition: none !important; }
.arstories-grid .arstories-card:hover { transform: none; }
.arstories-grid .arstories-card:hover .arstories-card-art { transform: none; }
}