.playlist-detail{--pd:#ef476f;--pd-rgb:239,71,111;max-width:1280px}.playlist-detail__breadcrumb{display:flex;gap:9px;align-items:center;margin:22px 0;overflow:hidden;color:#68768a;font-size:12px;white-space:nowrap}.playlist-detail__breadcrumb a{color:#a0adbe}.playlist-detail__breadcrumb a:hover{color:var(--pd)}.playlist-detail__breadcrumb b{overflow:hidden;color:#7c899b;font-weight:500;text-overflow:ellipsis}
.playlist-detail__hero{display:grid;grid-template-columns:minmax(320px,44%) 1fr;min-height:350px;overflow:hidden;border:1px solid rgba(216,222,233,.1);border-radius:27px;background:radial-gradient(circle at 90% 0,rgba(var(--pd-rgb),.16),transparent 36%),linear-gradient(145deg,#18202c,#0e141d);box-shadow:0 26px 70px rgba(0,0,0,.28)}.playlist-detail__mosaic{position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:3px;min-height:350px;overflow:hidden;background:#0b1016}.playlist-detail__mosaic:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent 58%,#151c26),linear-gradient(0deg,rgba(5,8,12,.42),transparent 55%);content:""}.playlist-detail__mosaic img{width:100%;height:100%;object-fit:cover}.playlist-detail__mosaic>span{grid-column:1/-1;grid-row:1/-1;display:grid;place-items:center;color:var(--pd);font-size:70px}.playlist-detail__intro{display:flex;position:relative;z-index:2;flex-direction:column;align-items:flex-start;justify-content:center;padding:44px 48px}.playlist-detail__kicker{color:var(--pd);font-size:10px;font-weight:900;letter-spacing:.2em}.playlist-detail__intro h1{margin:13px 0;color:#f4f7fb;font-size:clamp(31px,4vw,50px);font-weight:850;line-height:1.1;letter-spacing:-.035em;overflow-wrap:anywhere}.playlist-detail__intro>p{max-width:640px;color:#a4b0c0;font-size:14px;line-height:1.8}.playlist-detail__meta{display:flex;align-items:center;gap:9px;margin-top:21px;color:#9aa7b8;font-size:12px}.playlist-detail__meta strong{color:#fff;font-size:20px}.playlist-detail__meta i{width:3px;height:3px;margin:0 4px;border-radius:50%;background:var(--pd)}.playlist-detail__edit{margin-top:22px;padding:10px 15px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#ff668d,#d93e69);font-size:12px;font-weight:800;box-shadow:0 10px 25px rgba(var(--pd-rgb),.2)}
.playlist-detail__content{margin-top:44px}.playlist-detail__heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:19px}.playlist-detail__heading span{color:var(--pd);font-size:9px;font-weight:900;letter-spacing:.2em}.playlist-detail__heading h2{margin-top:4px;color:#f0f4f9;font-size:24px;font-weight:800}.playlist-detail__heading small{color:#78869a}.playlist-detail__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.playlist-detail__card{overflow:hidden;border:1px solid rgba(216,222,233,.1);border-radius:17px;background:#151c26;box-shadow:0 14px 35px rgba(0,0,0,.17);transition:.2s}.playlist-detail__card:hover{transform:translateY(-3px);border-color:rgba(var(--pd-rgb),.32)}.playlist-detail__poster{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#0b1016}.playlist-detail__poster img{width:100%;height:100%;object-fit:cover;transition:.35s}.playlist-detail__card:hover img{transform:scale(1.04);filter:brightness(.72)}.playlist-detail__poster b,.playlist-detail__poster em{position:absolute;bottom:9px;z-index:2;padding:5px 7px;border-radius:7px;color:#fff;background:rgba(8,12,18,.78);font-size:10px;font-style:normal}.playlist-detail__poster b{left:9px;color:#ff9ab5}.playlist-detail__poster em{right:9px}.playlist-detail__poster>span{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#fff;background:rgba(var(--pd-rgb),.88);opacity:0;transform:translate(-50%,-43%);transition:.2s}.playlist-detail__card:hover .playlist-detail__poster>span{opacity:1;transform:translate(-50%,-50%)}.playlist-detail__card>div{padding:15px}.playlist-detail__code{display:inline-block;padding:3px 7px;border-radius:6px;color:#ff91ad;background:rgba(var(--pd-rgb),.1);font-size:9px;font-weight:900;text-transform:uppercase}.playlist-detail__card h3{min-height:43px;margin-top:9px;color:#e8edf4;font-size:13px;font-weight:700;line-height:1.6}.playlist-detail__card h3 a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.playlist-detail__card footer{display:flex;align-items:center;justify-content:space-between;min-height:30px;margin-top:10px;color:#728095;font-size:10px}.playlist-detail__card footer button{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(251,113,133,.25);border-radius:9px;color:#fb7185;background:rgba(190,24,93,.08);font-size:18px}.playlist-detail__empty{padding:70px 20px;border:1px dashed rgba(216,222,233,.15);border-radius:20px;text-align:center;background:#141b25}.playlist-detail__empty>span{color:var(--pd);font-size:40px}.playlist-detail__empty h2{color:#edf1f7;font-size:20px}.playlist-detail__empty p{margin-top:6px;color:#7c899b}.playlist-detail__pagination{margin-top:30px}.playlist-detail__discussion{width:100%;margin:44px 0 0;padding:26px 28px;border-color:rgba(216,222,233,.12);border-radius:21px;background:radial-gradient(circle at 94% 0,rgba(var(--pd-rgb),.13),transparent 34%),linear-gradient(145deg,#19212d,#111821)}.playlist-detail__discussion .comments-heading{padding-bottom:17px;border-bottom:1px solid rgba(216,222,233,.1)}.playlist-detail__discussion .comments-heading h2{color:#f2f5f9;font-size:22px}.playlist-detail__discussion .comments-heading p:last-child{color:#93a0b2;line-height:1.6}.playlist-detail__discussion .comment-form{width:100%}.playlist-detail-polish{max-width:1280px}.playlist-detail-polish .playlist-detail__pagination{margin-top:30px}
@media(max-width:900px){.playlist-detail__grid{grid-template-columns:repeat(2,1fr)}.playlist-detail__intro{padding:35px 28px}}@media(max-width:640px){.playlist-detail__breadcrumb{margin:15px 0}.playlist-detail__hero{display:block;min-height:0;border-radius:19px}.playlist-detail__mosaic{min-height:215px}.playlist-detail__mosaic:after{background:linear-gradient(0deg,#151c26,transparent 70%)}.playlist-detail__intro{padding:24px 20px 28px}.playlist-detail__intro h1{font-size:30px}.playlist-detail__grid{grid-template-columns:1fr;gap:15px}.playlist-detail__content{margin-top:32px}.playlist-detail__poster>span{display:none}.playlist-detail__discussion{margin-top:34px;padding:19px 16px;border-radius:18px}}
.history-local-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:28px 0 30px;padding:28px 30px;border:1px solid rgba(216,222,233,.1);border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(239,71,111,.13),transparent 40%),#151b24}.history-local-header p{color:#ef476f;font-size:10px;font-weight:850;letter-spacing:.18em}.history-local-header h1{margin:5px 0;color:#f3f6fb;font-size:30px;font-weight:800}.history-local-header span{color:#8996aa;font-size:13px}.history-local-header button{padding:10px 15px;border:1px solid rgba(239,71,111,.3);border-radius:10px;color:#ff8eae;background:rgba(239,71,111,.08);font-size:13px;font-weight:700}.history-local-card{overflow:hidden;border:1px solid rgba(216,222,233,.1);border-radius:15px;background:#151b24;box-shadow:0 12px 30px rgba(0,0,0,.18)}.history-local-poster{position:relative;display:block;aspect-ratio:16/9;overflow:hidden}.history-local-poster img{width:100%;height:100%;object-fit:cover;transition:.28s}.history-local-card:hover img{transform:scale(1.04)}.history-local-poster span{position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:6px;color:#fff;background:rgba(7,10,15,.76);font-size:11px}.history-local-body{padding:13px}.history-local-code{color:#ef476f;font-size:11px;font-weight:800}.history-local-body h2{display:-webkit-box;min-height:40px;margin-top:6px;overflow:hidden;color:#e8edf5;font-size:13px;font-weight:700;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.history-local-footer{display:flex;align-items:center;justify-content:space-between;margin-top:11px;color:#6f7c90;font-size:10px}.history-local-footer button{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:#fb7185;background:rgba(239,68,68,.08);font-size:18px}.history-local-empty{padding:70px 20px;border:1px dashed rgba(216,222,233,.14);border-radius:20px;text-align:center}.history-local-empty svg{width:55px;height:55px;margin:auto;color:#556276}.history-local-empty h2{margin-top:14px;color:#eef2f8;font-size:20px}.history-local-empty p{margin-top:6px;color:#7f8b9e}.history-local-empty a{display:inline-flex;margin-top:18px;padding:9px 15px;border-radius:10px;color:#fff;background:#df4775;font-weight:700}@media(max-width:639px){.history-local-header{align-items:flex-start;flex-direction:column;margin-top:18px;padding:22px 18px}.history-local-header button{width:100%}}