.history-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;padding-top:4px;display:flex}.history-title{color:#fff;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:800}.history-sub{color:var(--text-muted);margin:0;font-size:14px;line-height:1.4}.btn-clear-history{border:1px solid var(--border);color:#f87171;cursor:pointer;background:#1c2b30;border-radius:99px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-clear-history:hover{background:#ef444426;border-color:#ef444466;transform:scale(1.02)}.history-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;display:flex}.stat-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.stat-number{color:#fff;font-size:16px;font-weight:800;line-height:1.2}.stat-label{color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:600}.history-filter-bar{-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:4px;display:flex;overflow:auto hidden}.history-filter-bar::-webkit-scrollbar{width:0;height:0;display:none}.filter-chip{background:var(--card-bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:99px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .2s}.filter-chip.active{background:var(--green-bright);color:#0b1517;border-color:var(--green-bright);font-weight:700}.history-list{flex-direction:column;gap:16px;display:flex}.history-item{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:12px;padding:14px;transition:transform .2s,border-color .2s;display:flex;position:relative}.history-item:hover{border-color:#2b4751;transform:translateY(-2px)}.item-main-row{align-items:flex-start;gap:14px;display:flex}.item-thumb-box{aspect-ratio:16/9;cursor:pointer;background:#000;border-radius:12px;flex-shrink:0;width:120px;position:relative;overflow:hidden}.item-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.item-play-overlay{color:#fff;opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.item-thumb-box:hover .item-play-overlay{opacity:1}.item-content{flex:1;min-width:0}.item-title{color:#fff;-webkit-line-clamp:2;cursor:pointer;-webkit-box-orient:vertical;margin:0 0 6px;font-size:14.5px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.item-title:hover{color:var(--green-bright)}.item-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.item-progress-section{flex-direction:column;gap:4px;display:flex}.progress-track{background:#ffffff14;border-radius:99px;width:100%;height:5px;overflow:hidden}.progress-fill{background:var(--yellow);border-radius:99px;height:100%;transition:width .3s}.progress-fill.completed{background:var(--green-bright)}.progress-status-row{justify-content:space-between;align-items:center;font-size:11.5px;font-weight:600;display:flex}.status-text{color:var(--yellow)}.status-text.completed{color:var(--green-bright)}.item-bottom-actions{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.btn-resume{background:var(--green-bright);color:#0b1517;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-flex}.btn-resume:hover{transform:scale(1.04)}.btn-remove-item{color:#8d9da4;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:color .15s;display:flex}.btn-remove-item:hover{color:#f87171}.empty-history{background:var(--card-bg);border:1px dashed var(--border);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;display:flex}.empty-icon{color:#34d399;background:#34d3991a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:6px;display:flex}.empty-history h3{color:#fff;margin:0;font-size:18px}.empty-history p{color:var(--text-muted);max-width:320px;margin:0;font-size:13.5px;line-height:1.5}.btn-explore-now{background:var(--green-bright);color:#0b1517;border-radius:99px;margin-top:8px;padding:10px 22px;font-size:13.5px;font-weight:700;text-decoration:none;transition:transform .2s}.btn-explore-now:hover{transform:scale(1.04)}