.cleanup-demo{--cd-bg:#151319;--cd-panel:#19161f;--cd-line:#2b2635;--cd-purple:#b69af8;--cd-muted:#938a9f;max-width:1120px;margin-inline:auto;display:grid;grid-template-columns:210px minmax(0,1fr);overflow:hidden;border:1px solid #38303f;border-radius:16px;background:var(--cd-bg);color:#f4f0fa;box-shadow:0 36px 120px #0006,0 0 80px #a47bff05;text-align:left;font-family:inherit;isolation:isolate}
.cleanup-demo *{box-sizing:border-box}.cleanup-demo button{font:inherit;cursor:pointer}.cleanup-demo button:focus-visible{outline:2px solid var(--cd-purple);outline-offset:5px}.cleanup-demo .cd-sidebar{background:#0f0d13;border-right:1px solid var(--cd-line);padding:25px 16px 20px;display:flex;flex-direction:column;min-width:0}.cleanup-demo .cd-brand{display:flex;align-items:center;gap:7px;margin:0 10px 32px;font-size:22px;letter-spacing:-.9px;font-weight:740}.cleanup-demo .cd-brand img{width:29px;height:29px;object-fit:contain}.cleanup-demo .cd-side-item{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:5px;border-radius:7px;color:#a39aaa;font-size:12px}.cleanup-demo .cd-side-item>span{font-size:22px;width:18px;line-height:17px}.cleanup-demo .cd-side-item svg{width:17px;height:17px}.cleanup-demo .cd-side-active{color:#d3bfff;background:#292035}.cleanup-demo .cd-side-label{color:#a396af;letter-spacing:1.3px;font-size:9px;margin:26px 13px 12px}.cleanup-demo .cd-side-account{display:flex;gap:9px;align-items:center;padding:11px 9px;border:1px solid #3a2e49;border-radius:8px;background:#1d1726;font-size:11px;font-weight:550}.cleanup-demo .cd-avatar{position:relative;display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#58426c,#302238);color:#e7d8fa;font-weight:600;font-size:12px}.cleanup-demo .cd-side-account small{display:flex;align-items:center;gap:5px;color:#a79ab8;font-weight:400;font-size:10px;margin-top:5px}.cleanup-demo .cd-side-account small i{width:5px;height:5px;border-radius:50%;background:#ed526a}.cleanup-demo .cd-account-check{margin-left:auto;color:var(--cd-purple);font-size:13px}.cleanup-demo .cd-side-bottom{margin-top:auto;padding:30px 9px 0;font-size:10px;line-height:1.7;color:#a396af;display:flex;align-items:center;gap:7px}.cleanup-demo .cd-small-shield{color:var(--cd-purple);font-size:17px}.cleanup-demo .cd-main{min-width:0}.cleanup-demo .cd-header{padding:26px 28px 21px;display:flex;align-items:center;gap:12px}.cleanup-demo .cd-large-avatar{width:46px;height:46px;font-size:19px;border:1px solid #655078}.cleanup-demo .cd-large-avatar svg{position:absolute;width:19px;height:19px;right:-4px;bottom:-2px}.cleanup-demo .cd-header strong{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:600;letter-spacing:-.4px}.cleanup-demo .cd-youtube-label{border:1px solid #5d2d3a;background:#2c1c25;color:#e995a6;font-size:9px;font-weight:500;letter-spacing:0;padding:4px 6px;border-radius:4px}.cleanup-demo .cd-header p{margin:6px 0 0;font-size:11px;color:var(--cd-muted)}.cleanup-demo .cd-sample{margin-left:auto;color:#a396af;font-size:9px;letter-spacing:.3px;border:1px solid #30283a;border-radius:4px;padding:5px 7px}.cleanup-demo .cd-tabs{padding:0 28px;display:flex;gap:25px;border-bottom:1px solid var(--cd-line)}.cleanup-demo .cd-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 13px;color:#968b9f;font-size:12px}.cleanup-demo .cd-tabs button[aria-selected=true]{color:#eee4fb;border-bottom-color:var(--cd-purple)}.cleanup-demo .cd-toolbar{height:73px;display:flex;align-items:center;gap:14px;padding:15px 28px;font-size:10px}.cleanup-demo .cd-filter{display:flex;align-items:center;gap:7px;border:1px solid #3a3043;border-radius:6px;padding:8px 10px;color:#bdb0cb;background:#131017}.cleanup-demo .cd-filter svg{width:13px;height:13px}.cleanup-demo .cd-progress{margin-left:auto;display:flex;align-items:center;gap:12px;color:#cfc0de;font-size:10px;white-space:nowrap}.cleanup-demo .cd-progress-track{width:98px;height:5px;background:#30263b;border-radius:5px;overflow:hidden}.cleanup-demo .cd-progress-track span{display:block;height:100%;width:0;background:var(--cd-purple);border-radius:5px;transition:width .4s ease}.cleanup-demo .cd-cleaning{display:flex;align-items:center;gap:6px;background:#2e233e;color:#d6bfff;border:1px solid #4f3a67;border-radius:6px;padding:8px 10px;white-space:nowrap}.cleanup-demo .cd-spinner{width:11px;height:11px;border:1.5px solid #d3baff44;border-top-color:#d3baff;border-radius:50%;animation:cd-spin 1.2s linear infinite}.cleanup-demo.cd-is-paused .cd-spinner{animation-play-state:paused}.cleanup-demo .cd-feed{height:272px;position:relative;overflow:hidden;margin:0 28px;border-bottom:1px solid var(--cd-line)}.cleanup-demo .cd-feed::after{position:absolute;inset:auto 0 0;height:36px;content:"";background:linear-gradient(transparent,var(--cd-bg));pointer-events:none;z-index:2}.cleanup-demo .cd-rows{position:relative}.cleanup-demo .cd-activity-row{height:76px;overflow:hidden;border-bottom:1px solid #2c2534}.cleanup-demo .cd-row-content{height:75px;display:grid;grid-template-columns:29px minmax(0,1.2fr) minmax(95px,.85fr) 15px;gap:11px;align-items:center;padding:12px 0}.cleanup-demo .cd-row-content.cd-perishing{-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent calc(var(--erase,0%) - 12%),#000 var(--erase,0%),#000 100%);mask-image:linear-gradient(90deg,transparent 0%,transparent calc(var(--erase,0%) - 12%),#000 var(--erase,0%),#000 100%)}.cleanup-demo .cd-row-content .cd-avatar{width:27px;height:27px;font-size:10px}.cleanup-demo .cd-copy{min-width:0}.cleanup-demo .cd-row-meta{display:flex;gap:6px;align-items:center;margin-bottom:5px;font-size:10px;color:#a396af;white-space:nowrap}.cleanup-demo .cd-row-meta strong{color:#afa0bd;font-weight:550}.cleanup-demo .cd-comment-text{font-size:12px;line-height:1.5;margin:0;color:#e2d7ec;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cleanup-demo .cd-video{min-width:0;display:flex;align-items:center;gap:9px}.cleanup-demo .cd-thumb{width:43px;height:29px;border-radius:4px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(145deg,var(--cd-t1),var(--cd-t2));color:#e5d8f77c;border:1px solid #ffffff0a}.cleanup-demo .cd-thumb svg{width:12px;height:12px;fill:currentColor}.cleanup-demo .cd-video-title{color:#a799b8;font-size:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cleanup-demo .cd-tick{display:grid;place-items:center;width:13px;height:13px;background:#a98ce6;border:1px solid #c1a8ef;color:#241631;border-radius:3px;font-size:9px;font-weight:700}.cleanup-demo .cd-particles{position:absolute;inset:0;pointer-events:none;z-index:3;width:100%;height:100%}.cleanup-demo .cd-finished{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:var(--cd-bg);z-index:4}.cleanup-demo .cd-finished[hidden]{display:none}.cleanup-demo .cd-finished>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #4a385f;border-radius:50%;background:#2d203c;color:var(--cd-purple);margin-bottom:15px}.cleanup-demo .cd-finished strong{font-size:18px;font-weight:550}.cleanup-demo .cd-finished p{font-size:11px;color:var(--cd-muted);margin:9px 0 0}.cleanup-demo .cd-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 28px;color:#a396af;font-size:9px;min-height:56px}.cleanup-demo .cd-footer>span{display:flex;align-items:center;gap:6px}.cleanup-demo .cd-demo-dot{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#9e82cc}.cleanup-demo .cd-controls{display:flex;align-items:center;gap:15px}.cleanup-demo .cd-controls button{display:inline-flex;align-items:center;gap:5px;color:#ae9dbd;border:0;padding:3px 0;background:none;font-size:9px}.cleanup-demo .cd-controls button:hover{color:#e2cfff}.cleanup-demo .cd-controls svg{width:12px;height:12px}
@keyframes cd-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.cleanup-demo{grid-template-columns:175px minmax(0,1fr)}.cleanup-demo .cd-sidebar{padding-inline:12px}.cleanup-demo .cd-brand{font-size:20px;margin-inline:4px}.cleanup-demo .cd-brand img{width:27px}.cleanup-demo .cd-side-item{padding-inline:9px}.cleanup-demo .cd-side-account{padding-inline:7px;gap:6px}.cleanup-demo .cd-header{padding-inline:22px}.cleanup-demo .cd-tabs{padding-inline:22px}.cleanup-demo .cd-toolbar{padding-inline:22px;gap:9px}.cleanup-demo .cd-feed{margin-inline:22px}.cleanup-demo .cd-progress-track{width:56px}.cleanup-demo .cd-footer{padding-inline:22px}.cleanup-demo .cd-thumb{display:none}.cleanup-demo .cd-row-content{grid-template-columns:27px minmax(0,1.4fr) minmax(70px,.8fr) 13px;gap:9px}.cleanup-demo .cd-cleaning{padding-inline:8px}.cleanup-demo .cd-sample{display:none}}
@media(max-width:640px){.cleanup-demo{display:block;border-radius:12px}.cleanup-demo .cd-sidebar{display:none}.cleanup-demo .cd-header{padding:21px 18px 18px}.cleanup-demo .cd-header strong{font-size:17px}.cleanup-demo .cd-header p{font-size:10px}.cleanup-demo .cd-tabs{padding:0 18px}.cleanup-demo .cd-tabs button{font-size:11px}.cleanup-demo .cd-toolbar{padding:14px 18px;height:65px;gap:8px}.cleanup-demo .cd-filter{padding:7px 8px;font-size:9px}.cleanup-demo .cd-progress{font-size:9px;margin-left:auto;gap:0}.cleanup-demo .cd-progress-track{display:none}.cleanup-demo .cd-cleaning{font-size:9px;padding:7px 8px}.cleanup-demo .cd-feed{margin:0 18px;height:265px}.cleanup-demo .cd-row-content{height:86px;grid-template-columns:25px minmax(0,1fr) 13px;column-gap:9px;row-gap:0;padding:11px 0;align-content:center}.cleanup-demo .cd-activity-row{height:87px}.cleanup-demo .cd-row-content>.cd-avatar{grid-column:1;grid-row:1 / 3;align-self:start;width:24px;height:24px;font-size:10px;margin-top:3px}.cleanup-demo .cd-copy{grid-column:2;grid-row:1}.cleanup-demo .cd-video{grid-column:2;grid-row:2;margin-top:5px}.cleanup-demo .cd-tick{grid-column:3;grid-row:1 / 3}.cleanup-demo .cd-row-meta{font-size:8px;margin-bottom:4px}.cleanup-demo .cd-comment-text{font-size:10px;-webkit-line-clamp:1}.cleanup-demo .cd-video-title{font-size:9px;-webkit-line-clamp:1;color:#9e87b8}.cleanup-demo .cd-video-title::before{content:'↳ ';color:#766487}.cleanup-demo .cd-footer{padding:15px 18px;flex-wrap:wrap;font-size:8px;gap:12px}.cleanup-demo .cd-controls{gap:12px;margin-left:auto}.cleanup-demo .cd-controls button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cleanup-demo .cd-spinner{animation:none}.cleanup-demo .cd-progress-track span{transition:none}}