:root{--sp-bg:#121212;--sp-bg-elevated:#181818;--sp-bg-hover:#282828;--sp-bg-press:#000;--sp-sidebar:#000;--sp-green:#1db954;--sp-green-hover:#1ed760;--sp-text:#fff;--sp-text-dim:#b3b3b3;--sp-text-muted:#6a6a6a;--sp-border:#ffffff14;--sp-footer-h:80px}.media-shelf__row::-webkit-scrollbar{width:12px;height:12px}.media-main::-webkit-scrollbar{width:12px;height:12px}.media-sidebar::-webkit-scrollbar{width:12px;height:12px}.os-window__content--media::-webkit-scrollbar{width:12px;height:12px}.media-shelf__row::-webkit-scrollbar-thumb{background:#fff3 padding-box padding-box;border:3px solid #0000;border-radius:8px}.media-main::-webkit-scrollbar-thumb{background:#fff3 padding-box padding-box;border:3px solid #0000;border-radius:8px}.media-sidebar::-webkit-scrollbar-thumb{background:#fff3 padding-box padding-box;border:3px solid #0000;border-radius:8px}.os-window__content--media::-webkit-scrollbar-thumb{background:#fff3 padding-box padding-box;border:3px solid #0000;border-radius:8px}.media-shelf__row::-webkit-scrollbar-thumb:hover{background:#ffffff59 padding-box padding-box}.media-main::-webkit-scrollbar-thumb:hover{background:#ffffff59 padding-box padding-box}.media-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff59 padding-box padding-box}.os-window__content--media::-webkit-scrollbar-thumb:hover{background:#ffffff59 padding-box padding-box}.media-shelf__row::-webkit-scrollbar-track{background:0 0}.media-main::-webkit-scrollbar-track{background:0 0}.media-sidebar::-webkit-scrollbar-track{background:0 0}.os-window__content--media::-webkit-scrollbar-track{background:0 0}.os-window__content--media{background:var(--sp-bg);height:100%;min-height:0;color:var(--sp-text);flex-direction:column;padding:0;display:flex;overflow:hidden}.media-app{height:100%;min-height:0;font-family:var(--lx-font-body,system-ui, sans-serif);background:var(--sp-bg);display:flex}.media-sidebar{background:var(--sp-sidebar);flex-direction:column;flex:0 0 232px;gap:20px;width:232px;padding:12px 8px;display:flex;overflow-y:auto}.media-sidebar__section{flex-direction:column;gap:2px;display:flex}.media-sidebar__heading{letter-spacing:.1em;text-transform:uppercase;color:var(--sp-text-dim);padding:2px 14px 6px;font-size:11px;font-weight:700}.media-sidebar__item{color:var(--sp-text-dim);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:16px;width:100%;padding:9px 14px;font-size:.9rem;font-weight:700;text-decoration:none;transition:color .15s,background .15s;display:flex}.media-sidebar__item i{text-align:center;color:currentColor;width:18px;font-size:1rem}.media-sidebar__item:hover,.media-sidebar__item:focus,.media-sidebar__item:active,.media-sidebar__item.active{text-decoration:none}.media-sidebar__item:hover{color:var(--sp-text);background:#ffffff0f}.media-sidebar__item.active{color:var(--sp-text);background:var(--sp-bg-hover)}.media-sidebar__item.active i{color:var(--sp-green)}.media-sidebar__count{color:var(--sp-text-muted);margin-left:auto;font-size:11px;font-weight:700}.media-main{background:linear-gradient(180deg, #343434 0%, var(--sp-bg) 240px);flex:1;min-width:0;padding:24px 24px 40px;overflow-y:auto}.media-main__header{margin-bottom:22px}.media-main__title{font-family:var(--lx-font-body,sans-serif);letter-spacing:-.02em;color:var(--sp-text);margin:0;font-size:2rem;font-weight:800}.media-content{flex-direction:column;gap:32px;display:flex}.media-shelf__head{justify-content:space-between;align-items:baseline;margin:0 0 14px;display:flex}.media-shelf__heading{font-family:var(--lx-font-body,sans-serif);letter-spacing:-.01em;color:var(--sp-text);margin:0;font-size:1.4rem;font-weight:800}.media-shelf__heading a{color:inherit;text-decoration:none}.media-shelf__heading a:hover{text-decoration:underline}.media-shelf__all{letter-spacing:.08em;text-transform:uppercase;color:var(--sp-text-dim);white-space:nowrap;font-size:.72rem;font-weight:800;text-decoration:none}.media-shelf__all:hover{color:var(--sp-text);text-decoration:underline}.media-shelf__row{scroll-snap-type:x proximity;gap:20px;padding-bottom:8px;display:flex;overflow-x:auto}.media-shelf__row .media-card-wrap{scroll-snap-align:start;flex:0 0 180px;width:180px}.media-shelf__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.media-card-wrap{background:var(--sp-bg-elevated);border-radius:8px;flex-direction:column;padding:16px;transition:background .2s;display:flex;position:relative}.media-card-wrap:hover,.media-card-wrap:focus-within{background:var(--sp-bg-hover)}.media-card-wrap:hover .media-card__play,.media-card-wrap:focus-within .media-card__play{opacity:1;transform:translateY(0)}.media-card-wrap--playing .media-card__title{color:var(--sp-green)}.media-card-wrap--playing .media-card__play{opacity:1;transform:translateY(0)}.media-card{color:inherit;flex-direction:column;text-decoration:none;display:flex}.media-card--button{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;margin:0;padding:0}.media-card__art{aspect-ratio:1;background:#000;border-radius:6px;width:100%;position:relative;overflow:visible;box-shadow:0 8px 24px #00000080}.media-card__art--square{aspect-ratio:1}.media-card__art-img,.media-card__art-fallback{border-radius:6px}.media-card__art-img{object-fit:cover;width:100%;height:100%;display:block}.media-card__art-fallback{color:var(--sp-text-muted);background:#2a2a2a;justify-content:center;align-items:center;font-size:2.4rem;display:flex;position:absolute;inset:0}.media-card__badge{z-index:2;letter-spacing:.03em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;border-radius:20px;padding:3px 8px;font-size:9px;font-weight:800;position:absolute;top:8px;left:8px}.media-card__badge--yt{color:#ff5c7a}.media-card__badge--spotify{color:var(--sp-green-hover)}.media-card__duration{z-index:2;color:#fff;background:#000000b3;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;bottom:8px;left:8px}.media-card__play{z-index:3;background:var(--sp-green);color:#000;opacity:0;border:0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1rem;transition:opacity .2s,transform .2s,background .15s,scale .12s;display:flex;position:absolute;bottom:8px;right:8px;transform:translateY(8px);box-shadow:0 8px 16px #0006}.media-card__play i{margin-left:2px}.media-card__play:hover{background:var(--sp-green-hover);scale:1.05}.media-card__title{color:var(--sp-text);text-overflow:ellipsis;white-space:nowrap;margin-top:14px;font-size:1rem;font-weight:700;line-height:1.3;overflow:hidden}.media-card__byline{color:var(--sp-text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:.82rem;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.media-card__save{z-index:4;width:30px;height:30px;color:var(--sp-text-dim);cursor:pointer;opacity:0;background:#0000008c;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;transition:opacity .15s,color .15s,scale .12s;display:flex;position:absolute;top:20px;right:20px}.media-card__save:hover{color:var(--sp-text);scale:1.08}.media-card__save--on{opacity:1;color:var(--sp-green)}.media-card-wrap:hover .media-card__save,.media-card-wrap:focus-within .media-card__save{opacity:1}.media-lang-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px;display:grid}.media-lang-folder{background:var(--sp-bg-elevated);color:var(--sp-text);border:0;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:24px 14px;text-decoration:none;transition:background .2s;display:flex;position:relative}.media-lang-folder:hover{background:var(--sp-bg-hover)}.media-lang-folder i{color:var(--sp-green);font-size:2rem}.media-lang-folder__name{text-align:center;font-size:.95rem;font-weight:700}.media-lang-folder__count{color:var(--sp-text-muted);font-size:11px;font-weight:700;position:absolute;top:10px;right:12px}.media-empty{color:var(--sp-text-dim);flex-direction:column;align-items:center;gap:12px;padding:64px 16px;display:flex}.media-empty i{color:var(--sp-text-muted);font-size:2.4rem}.media-empty p{margin:0;font-size:1rem}.media-detail{max-width:960px;margin:0 auto;padding:24px 24px 40px}.media-detail__video,.media-detail__spotify{background:#000;border-radius:12px;overflow:hidden;box-shadow:0 16px 48px #00000080}.media-detail__video{aspect-ratio:16/9;position:relative}.media-detail__video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.media-detail__spotify iframe{border:0;width:100%;height:232px;display:block}.media-detail__info{margin-top:22px}.media-detail__title{font-family:var(--lx-font-body,sans-serif);letter-spacing:-.02em;color:var(--sp-text);margin:0;font-size:2rem;font-weight:800}.media-detail__byline{color:var(--sp-text-dim);margin-top:6px;font-size:1rem;font-weight:500}.media-detail__meta{text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:11px;font-weight:700;display:flex}.media-detail__meta span{background:var(--sp-bg-hover);color:var(--sp-text-dim);border-radius:20px;padding:5px 11px}.media-detail__source--yt{color:#ff8098!important;background:#ff2d552e!important}.media-detail__source--spotify{color:var(--sp-green-hover)!important;background:#1db9542e!important}.media-detail__spotify-link{background:var(--sp-green);color:#000;border:0;border-radius:500px;align-items:center;gap:8px;margin-top:18px;padding:12px 28px;font-weight:800;text-decoration:none;transition:background .15s,scale .12s;display:inline-flex}.media-detail__spotify-link:hover{background:var(--sp-green-hover);color:#000;scale:1.04}.media-detail__save{border:1px solid var(--sp-text-dim);color:var(--sp-text);cursor:pointer;background:0 0;border-radius:500px;align-items:center;gap:8px;margin:18px 0 0 12px;padding:11px 24px;font-weight:800;transition:border-color .15s,scale .12s,color .15s;display:inline-flex}.media-detail__save:hover{border-color:var(--sp-text);scale:1.04}.media-detail__save--on{color:var(--sp-green);border-color:var(--sp-green)}.media-detail__save--on i{color:var(--sp-green)}.media-detail__desc{color:var(--sp-text-dim);margin-top:20px;font-size:.95rem;line-height:1.7}.media-detail__browse{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.media-detail__browse-btn{background:var(--sp-bg-hover);color:var(--sp-text);border:0;border-radius:500px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.media-detail__browse-btn:hover{background:#3a3a3a}.media-detail__poster{aspect-ratio:16/9;cursor:pointer;background:#000;border:0;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 16px 48px #00000080}.media-detail__poster-img{object-fit:cover;width:100%;height:100%;display:block}.media-detail__poster-play{background:var(--sp-green);color:#000;border:0;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.5rem;transition:scale .12s,background .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000080}.media-detail__poster-play i{margin-left:4px}.media-detail__poster:hover .media-detail__poster-play{background:var(--sp-green-hover);scale:1.06}.now-playing{height:var(--sp-footer-h);z-index:500;background:var(--sp-bg-elevated);color:var(--sp-text);border-top:1px solid #ffffff1a;grid-template-columns:minmax(180px,28%) 1fr minmax(120px,28%);align-items:center;gap:16px;padding:0 16px;transition:transform .25s,opacity .25s;display:grid;position:fixed;bottom:0;left:0;right:0}.now-playing--hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.now-playing__left{align-items:center;gap:12px;min-width:0;display:flex}.now-playing__video{background:#000;border-radius:6px;flex:none;width:56px;height:56px;overflow:hidden;box-shadow:0 4px 12px #0006}.now-playing__video-mount,.now-playing__video iframe{border:0;width:100%;height:100%;display:block}.now-playing__meta{min-width:0}.now-playing__title{color:var(--sp-text);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.now-playing__byline{color:var(--sp-text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.now-playing__save{color:var(--sp-text-dim);cursor:pointer;background:0 0;border:0;flex:none;padding:4px;font-size:1.05rem;transition:color .15s,scale .12s}.now-playing__save:hover{color:var(--sp-text);scale:1.1}.now-playing__save--on{color:var(--sp-green)}.now-playing__center{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.now-playing__controls{align-items:center;gap:18px;display:flex}.now-playing__btn{color:var(--sp-text-dim);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:color .15s,scale .12s,background .15s;display:inline-flex}.now-playing__btn:hover{color:var(--sp-text);scale:1.06}.now-playing__btn--play{background:var(--sp-text);color:#000;width:38px;height:38px;font-size:.95rem}.now-playing__btn--play:hover{background:var(--sp-green);color:#000;scale:1.06}.now-playing__btn--saved{color:var(--sp-green)}.now-playing__progress{align-items:center;gap:10px;width:100%;max-width:620px;display:flex}.now-playing__time{color:var(--sp-text-dim);text-align:center;flex:none;min-width:34px;font-size:11px}.now-playing__seek{min-width:0;height:4px;accent-color:var(--sp-green);cursor:pointer;flex:1}.now-playing__right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.now-playing--expanded .now-playing__video{left:50%;bottom:calc(var(--sp-footer-h) + 24px);aspect-ratio:16/9;z-index:500;border-radius:12px;width:min(560px,90vw);height:auto;position:fixed;transform:translate(-50%);box-shadow:0 24px 64px #000000b3}@media (width<=767.98px){.now-playing{gap:10px;padding:0 10px;display:flex}.now-playing__left{flex:auto}.now-playing__center{flex:none}.now-playing__progress{display:none}.now-playing__controls{gap:10px}.now-playing__right{flex:none}.now-playing--expanded .now-playing__video{width:min(92vw,480px)}.os-window__content--media{height:auto;overflow:visible}.media-app{flex-direction:column;height:auto}.media-sidebar{border-bottom:1px solid var(--sp-border);flex:none;width:100%}.media-sidebar__section{flex-flow:wrap;gap:8px}.media-sidebar__heading{width:100%}.media-sidebar__item{width:auto}.media-main{background:var(--sp-bg);overflow:visible}.media-detail{padding:16px 16px calc(var(--sp-footer-h) + 24px)}}