:root{--green:#9c5cff;--gold:#cfca6c;--text:#f5f7f2;--muted:#929e90;--line:rgba(174,153,204,.18)}*{box-sizing:border-box}html,body{margin:0;background:transparent;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.csw-shell{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:radial-gradient(circle at 0 0,rgba(156,92,255,.08),transparent 35%),linear-gradient(145deg,#09120b,#07040a);box-shadow:0 18px 48px rgba(0,0,0,.28)}.csw-header{padding:13px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.csw-header button{border:0;background:transparent;color:inherit;padding:0;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.csw-header img{width:52px;height:52px;object-fit:contain}.csw-header button span{display:flex;flex-direction:column}.csw-header b{font-size:19px;letter-spacing:-.035em}.csw-header em{font-style:normal;color:var(--green)}.csw-header small{color:var(--gold);font-size:10.5px;margin-top:2px}.csw-live{font-size:10px;color:#aeb8ab;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:5px}.csw-live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.csw-list{padding:3px 14px}.csw-item{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(174,153,204,.11);cursor:pointer}.csw-item:last-child{border-bottom:0}.csw-item img{width:62px;height:50px;border-radius:8px;object-fit:cover;object-position:50% 50%;background:#17101f}.csw-item div{min-width:0}.csw-item span{display:block;color:var(--green);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.csw-item h3{font-size:14px;line-height:1.3;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csw-item small{display:block;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csw-score{border:1px solid rgba(156,92,255,.32);border-radius:7px;padding:4px 7px;color:var(--green);font-size:14px;font-weight:900}.csw-more{width:calc(100% - 28px);margin:3px 14px 14px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--green),#6f32c5);color:#100817;padding:11px 12px;font-size:12px;font-weight:900;cursor:pointer}.csw-footer{padding:0 14px 12px;text-align:center}.csw-footer a{color:#aeb8ab;font-size:10px;font-weight:800;text-decoration:none;letter-spacing:.02em}.csw-footer a:hover,.csw-footer a:focus{color:var(--green);text-decoration:underline}.csw-loading{padding:22px;text-align:center;color:var(--muted);font-size:11px}.csw-empty{padding:18px 8px;text-align:center;color:var(--muted);font-size:11px}@media(max-width:430px){.csw-live{display:none}.csw-item{grid-template-columns:50px minmax(0,1fr) auto}.csw-item img{width:50px;height:44px}.csw-header b{font-size:17px}}

/* Stable photo assignment: never borrow a different story image at render time. */
.csw-item.is-photo-pending{background:linear-gradient(135deg,#132319,#080f0b)}.csw-item.is-photo-pending img{visibility:hidden}


/* v0.6.2101(cs): footer styling must not inherit host-site visited-link or typography rules. */
html body .csw-shell .csw-footer{display:block!important;width:100%!important;margin:0!important;padding:0 14px 12px!important;text-align:center!important;line-height:1.2!important}
html body .csw-shell .csw-footer a,html body .csw-shell .csw-footer a:link,html body .csw-shell .csw-footer a:visited,html body .csw-shell .csw-footer a:hover,html body .csw-shell .csw-footer a:focus,html body .csw-shell .csw-footer a:active{display:inline-block!important;margin:0 auto!important;padding:0!important;color:#aeb8ab!important;background:transparent!important;font:800 10px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:.02em!important;text-align:center!important;text-decoration:none!important;text-transform:none!important}
html body .csw-shell .csw-footer a:hover,html body .csw-shell .csw-footer a:focus{color:var(--green)!important;text-decoration:underline!important}

/* v0.6.2102(cs): publish-date ranking, stronger typography, and interactive cards. */
.csw-item{position:relative;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;margin:3px -8px;padding:12px 8px;border:1px solid transparent;border-bottom-color:rgba(174,153,204,.11);border-radius:12px;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.csw-item:last-child{border-bottom-color:transparent}.csw-item:hover,.csw-item:focus-visible{transform:translateY(-2px);border-color:rgba(156,92,255,.38);background:rgba(156,92,255,.075);box-shadow:0 12px 28px rgba(0,0,0,.2);outline:0}.csw-item img{width:72px;height:56px;border-radius:8px;transition:transform .22s ease,filter .22s ease}.csw-item:hover img,.csw-item:focus-visible img{transform:scale(1.035);filter:brightness(1.08)}.csw-item span{font-size:10px}.csw-item h3{font-size:15.5px;line-height:1.28;margin:4px 0}.csw-item small{font-size:11px}.csw-date{min-width:82px;color:#c7bdcf;font-size:10.5px;font-weight:800;line-height:1.25;text-align:right}.csw-arrow{position:absolute;right:9px;bottom:7px;color:var(--green);font-size:15px;opacity:0;transform:translateX(-5px);transition:opacity .2s ease,transform .2s ease}.csw-item:hover .csw-arrow,.csw-item:focus-visible .csw-arrow{opacity:1;transform:translateX(0)}.csw-more{font-size:13px;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.csw-more:hover,.csw-more:focus-visible{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 10px 24px rgba(111,50,197,.28);outline:0}.csw-header button{transition:transform .18s ease}.csw-header button:hover,.csw-header button:focus-visible{transform:translateY(-1px);outline:0}.csw-header b{font-size:20px}.csw-header small{font-size:11px}.csw-live{font-size:10.5px}
@media(max-width:430px){.csw-item{grid-template-columns:58px minmax(0,1fr);gap:10px}.csw-item img{width:58px;height:49px}.csw-date{grid-column:2;min-width:0;text-align:left;font-size:9.5px}.csw-arrow{right:8px;bottom:8px}.csw-item h3{font-size:14.5px}.csw-item small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.csw-item,.csw-item img,.csw-arrow,.csw-more,.csw-header button{transition:none!important}}
