*{box-sizing:border-box}body{margin:0;background:#0b0d10;color:#e8ecf1;font:15px/1.45 system-ui,sans-serif}
a{color:#7dd3fc}header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #1d2228;position:sticky;top:0;background:#0b0d10;z-index:5}
.brand{display:flex;gap:8px;align-items:center;color:#fff;text-decoration:none;font-size:18px}nav a{margin-left:14px;color:#9aa5b1;text-decoration:none}nav a.on{color:#fff;border-bottom:2px solid #a3e635}
main{max-width:860px;margin:0 auto;padding:12px 14px 40px}.hero h1{margin:14px 0 4px;font-size:30px}.hero p{color:#9aa5b1;margin:0 0 12px}
.bar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;color:#9aa5b1;font-size:13px}
.filters button{background:#151a20;color:#cbd5e1;border:1px solid #232a32;padding:6px 12px;border-radius:99px;margin-left:4px;cursor:pointer}.filters button.on{background:#a3e635;color:#0b0d10;border-color:#a3e635}
.card{display:grid;grid-template-columns:auto 1fr auto;gap:4px 12px;background:#12161b;border:1px solid #1d2228;border-radius:12px;padding:12px;margin-bottom:10px;cursor:pointer}
.card:hover{border-color:#3b4652}.badge{grid-row:span 2;align-self:center;font-weight:800;font-size:13px;padding:8px 10px;border-radius:8px;min-width:68px;text-align:center}
.APE{background:#a3e635;color:#0b0d10}.WATCH{background:#fbbf24;color:#0b0d10}.SKIP{background:#3a1d22;color:#fca5a5}
.nm{font-weight:700}.nm small{color:#9aa5b1;font-weight:400}.sc{text-align:right;font-weight:700}.sc small{display:block;color:#9aa5b1;font-weight:400}
.meta{grid-column:2/4;color:#9aa5b1;font-size:12.5px}.why{grid-column:1/4;font-size:13px;color:#cbd5e1}.up{color:#4ade80}.dn{color:#f87171}
.modal{position:fixed;inset:0;background:#000a;display:flex;align-items:flex-end;justify-content:center;z-index:10}.modal[hidden]{display:none}
.sheet{background:#12161b;border:1px solid #2a323b;border-radius:16px 16px 0 0;width:100%;max-width:640px;max-height:90vh;overflow:auto;padding:18px;position:relative}
#close{position:absolute;right:10px;top:6px;background:none;border:0;color:#fff;font-size:28px;cursor:pointer}
.bars div{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:13px}.bars span{width:120px;color:#9aa5b1}.bars i{display:block;height:8px;border-radius:4px;background:#a3e635}.bars em{flex:1;background:#1d2228;border-radius:4px;height:8px}
.btn{display:inline-block;background:#a3e635;color:#0b0d10;border:0;padding:8px 14px;border-radius:8px;font-weight:700;cursor:pointer;text-decoration:none;margin:6px 6px 0 0}
.btn.alt{background:#1d2228;color:#fff}.ai{background:#0f1a10;border-left:3px solid #a3e635;padding:8px 10px;margin:10px 0;border-radius:4px}
table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:7px 6px;border-bottom:1px solid #1d2228}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:12px 0}.stats div{background:#12161b;border:1px solid #1d2228;border-radius:10px;padding:10px}.stats b{display:block;font-size:22px}
footer{color:#6b7683;font-size:12px;margin-top:24px}.empty{padding:30px;text-align:center;color:#9aa5b1}