.sidebar-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:17px;margin-bottom:12px}.sidebar-title{display:flex;align-items:center;gap:8px;border-bottom:1px solid #292f37;padding-bottom:13px}.sidebar-title i{color:var(--purple)}.sidebar-card:first-child .sidebar-title i{color:#ff5545}.sidebar-title h3{font-size:14px;margin:0}.ranking-item{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #252b32}.ranking-item>b{width:23px;height:23px;border-radius:50%;background:#813bdb;display:grid;place-items:center;font-size:10px}.ranking-item img{width:45px;height:52px;object-fit:cover;border-radius:5px}.ranking-item div{flex:1}.ranking-item strong,.ranking-item small{display:block}.ranking-item strong{font-size:10px}.ranking-item small{font-size:9px;color:var(--muted)}.genre-list div{display:flex;justify-content:space-between;padding:11px 2px;border-bottom:1px solid #252b32;font-size:11px}.genre-list small{color:var(--muted)}.sidebar-link{display:block;text-align:center;color:var(--purple-light);font-size:10px;margin-top:13px}.newsletter-card p{color:#8d939c;font-size:10px;line-height:2}.newsletter-card input{width:100%;height:40px;border:1px solid #2b313a;background:#0d1116;border-radius:8px;color:white;padding:0 10px;margin-bottom:8px}.newsletter-card button{width:100%;height:40px;border:0;border-radius:8px;background:var(--purple);color:white}
.genre-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.genre-item{min-height:58px;background:#151a21;border:1px solid #282f38;border-radius:8px;color:#dfe1e5;display:flex;align-items:center;gap:9px;padding:9px;font-size:10px;transition:.2s}
.genre-item i{width:25px;height:25px;border-radius:7px;background:#24133b;color:var(--purple-light);display:grid;place-items:center;font-size:12px}
.genre-item:hover{border-color:#8140c8;transform:translateY(-2px)}
.last-read-content{display:flex;gap:10px;margin-top:12px}
.last-read-content>img{width:72px;height:96px;border-radius:7px;object-fit:cover}
.last-read-info{flex:1;min-width:0}
.last-read-info h4{font-size:12px;margin:2px 0 5px}
.last-read-info>span{font-size:9px;color:var(--muted)}
.read-progress{height:6px;background:#292e36;border-radius:10px;overflow:hidden;margin:13px 0 7px}
.read-progress span{display:block;height:100%;background:linear-gradient(90deg,#873de7,#aa55ff);border-radius:10px}
.read-progress-meta{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:8px;color:#858b95}
.read-progress-meta a{color:var(--purple-light);white-space:nowrap}
.read-progress-meta a i{font-size:7px;margin-right:3px}