.rail-modal{position:fixed;inset:0;z-index:220;display:none;align-items:flex-start;justify-content:center;padding:0;background:rgba(8,10,16,.82);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);opacity:0;transition:opacity .2s ease}@media (min-width: 600px){.rail-modal{padding:24px;align-items:center}}.rail-modal.is-open{display:flex;opacity:1}.rail-modal-frame{position:relative;width:100%;max-width:1100px;background:var(--bg);color:var(--ink);border-radius:0;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 40px 80px -20px rgba(0,0,0,.6);transform:scale(.96);transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh}@media (min-width: 600px){.rail-modal-frame{border-radius:18px;height:auto;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px)}}.rail-modal.is-open .rail-modal-frame{transform:scale(1)}.rail-modal-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:var(--bg);border-bottom:1px solid var(--rule)}@media (min-width: 600px){.rail-modal-header{padding:16px 20px}}.rail-modal-title{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:16px;letter-spacing:-.01em;color:var(--ink)}@media (min-width: 600px){.rail-modal-title{font-size:17px}}.rail-modal-title svg{width:18px;height:18px}.rail-modal-actions{display:flex;align-items:center;gap:8px}.rail-modal-action{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-2);border:1px solid var(--rule);border-radius:8px;color:var(--ink-2);font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.rail-modal-action:hover{background:var(--bg-3);color:var(--ink)}.rail-modal-action svg{width:14px;height:14px}.rail-modal-action.is-confirming{background:var(--hot);color:white;border-color:var(--hot)}.rail-modal-close{width:36px;height:36px;border-radius:999px;background:var(--bg-2);color:var(--ink);display:grid;place-items:center;border:1px solid var(--rule);transition:background .15s,transform .15s,color .15s;flex-shrink:0}.rail-modal-close:hover{background:var(--hot);color:#fff;transform:rotate(90deg);border-color:transparent}.rail-modal-close svg{width:16px;height:16px}.rail-modal-body{padding:16px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (min-width: 480px){.rail-modal-body{padding:20px}}@media (min-width: 600px){.rail-modal-body{padding:24px}}.rail-modal-empty{text-align:center;padding:60px 20px 80px}.rail-modal-empty-icon{font-size:48px;line-height:1;margin-bottom:14px;opacity:.8}.rail-modal-empty h3{font-size:18px;font-weight:800;margin:0 0 6px;color:var(--ink)}.rail-modal-empty p{font-size:14px;color:var(--ink-soft);margin:0 auto 20px;max-width:380px}.rail-modal-empty .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--accent);color:white;border:0;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none}.rail-modal-empty .btn:hover{background:var(--accent-deep)}.rail-modal-section{margin-bottom:28px}.rail-modal-section:last-child{margin-bottom:0}.rail-modal-section-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.rail-modal-section-head h3{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:0}.rail-modal-section-head .n{font-size:11px;font-weight:700;color:var(--ink-soft);background:var(--bg-2);padding:2px 8px;border-radius:999px;border:1px solid var(--rule)}.rail-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}@media (min-width: 600px){.rail-modal-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.rail-modal-card{position:relative;background:var(--bg-2);border:1px solid var(--rule);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .18s,border-color .18s}.rail-modal-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 35%,var(--rule))}.rail-modal-card-art{aspect-ratio:16/10;background:radial-gradient(circle at 28% 28%,color-mix(in srgb,var(--c, #4a5cf0) 50%,white) 0%,transparent 45%),radial-gradient(circle at 78% 75%,color-mix(in srgb,var(--c, #4a5cf0) 85%,black) 0%,transparent 55%),linear-gradient(135deg,var(--c, #4a5cf0),color-mix(in srgb,var(--c, #4a5cf0) 50%,black));background-size:cover;background-position:center}.rail-modal-card-meta{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px}.rail-modal-card-meta .nm{font-size:13px;font-weight:700;line-height:1.25;color:var(--ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.rail-modal-card-meta .by{font-size:11px;color:var(--ink-soft);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-modal-card-remove{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:999px;background:rgba(15,17,24,.7);color:white;display:grid;place-items:center;opacity:0;transition:opacity .15s,background .15s,transform .15s;cursor:pointer;border:0;backdrop-filter:blur(6px)}.rail-modal-card:hover .rail-modal-card-remove,.rail-modal-card:focus-within .rail-modal-card-remove{opacity:1}.rail-modal-card-remove:hover{background:var(--hot);transform:scale(1.06)}.rail-modal-card-remove svg{width:12px;height:12px}.rail-modal-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px;padding:18px;margin-bottom:22px;background:linear-gradient(135deg,var(--bg-2),var(--bg-3));border-radius:14px;border:1px solid var(--rule)}.rail-modal-hero h2{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.rail-modal-hero p{font-size:13px;color:var(--ink-soft);margin:0}.rail-modal-hero-stats{display:flex;gap:10px}.rail-modal-stat{display:flex;flex-direction:column;align-items:center;padding:8px 14px;background:var(--bg);border-radius:10px;border:1px solid var(--rule);min-width:64px}.rail-modal-stat .n{font-size:18px;font-weight:800;color:var(--ink)}.rail-modal-stat .l{font-size:10px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.rail-modal-pills{display:flex;gap:6px;margin-bottom:18px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.rail-modal-pills::-webkit-scrollbar{display:none}.rail-modal-pill{flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:700;color:var(--ink-2);background:var(--bg-2);border:1px solid var(--rule);border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.rail-modal-pill:hover{background:var(--bg-3);color:var(--ink)}.rail-modal-pill.is-active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.rail-modal-loading{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--ink-soft);font-size:13px}.trend-live{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.28);border-radius:999px;font-size:12px;color:var(--ink-2);letter-spacing:-.005em;margin-right:8px}[data-theme=dark] .trend-live{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.3)}.trend-live-dot{width:7px;height:7px;border-radius:50%;background:rgb(34,197,94);box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:trendLivePulse 2s ease-out infinite;flex-shrink:0}@keyframes trendLivePulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.trend-live .count-n{font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;display:inline-block;transition:transform .25s var(--ease-pop, cubic-bezier(.34, 1.56, .64, 1))}.trend-live .count-n.is-flipping{animation:liveCountFlip .45s var(--ease-pop, cubic-bezier(.34, 1.56, .64, 1))}.trend-updated{padding:8px 18px 0;font-size:11.5px;font-weight:600;color:var(--ink-soft);letter-spacing:-.005em}@media (prefers-reduced-motion: reduce){.trend-live-dot,.trend-live .count-n.is-flipping{animation:none}}@media (max-width: 720px){.trend-live{display:none}}.rail-modal-controls{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:14px 0 18px}.rail-modal-control-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rail-modal-control-label{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft, #9aa3c2);margin-right:4px}.rail-modal-filtered-empty{text-align:center;padding:36px 20px;color:var(--ink-soft, #9aa3c2)}.rail-modal-filtered-empty-icon{display:block;font-size:30px;opacity:.6;margin-bottom:6px}.rail-modal-filtered-empty p{margin:0;font-size:13px}.mypicks-modal{position:fixed;inset:0;z-index:220;display:none;align-items:stretch;justify-content:center;padding:0;background:radial-gradient(circle at 20% 30%,rgba(239,68,68,.14) 0%,transparent 55%),radial-gradient(circle at 80% 70%,rgba(245,158,11,.10) 0%,transparent 55%),radial-gradient(circle at 50% 50%,rgba(239,68,68,.06) 0%,transparent 60%),rgba(8,10,16,.82);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);opacity:0;transition:opacity .25s ease;overscroll-behavior:contain}.mypicks-modal.is-open{display:flex;opacity:1}.mypicks-frame{position:relative;width:100%;max-width:none;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:transparent;color:#fff;transform:scale(.98);transition:transform .3s var(--ease-pop)}.mypicks-modal.is-open .mypicks-frame{transform:scale(1)}.mypicks-header{position:relative;z-index:2;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent);border-bottom:1px solid rgba(255,255,255,.06)}.mypicks-title-mini{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:rgba(255,255,255,.75);letter-spacing:.01em}.mypicks-title-mini .flame{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#ef4444,#f59e0b);font-size:12px}.mypicks-close{width:40px;height:40px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;flex-shrink:0;transition:background .15s,transform .15s,border-color .15s,color .15s}.mypicks-close:hover{background:rgba(239,68,68,.9);border-color:rgba(239,68,68,1);transform:rotate(90deg)}.mypicks-close svg{width:18px;height:18px}@media (prefers-reduced-motion: reduce){.mypicks-close:hover{transform:none}}.mypicks-body{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.mypicks-content{width:100%;max-width:1280px;margin:0 auto;padding:28px 28px 48px;display:flex;flex-direction:column;gap:28px}@media (max-width: 720px){.mypicks-content{padding:20px 16px 32px;gap:20px}}.mypicks-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06)}.mypicks-hero-text{flex:1 1 320px;min-width:0}.mypicks-hero-text h2{margin:0 0 6px;font-size:clamp(28px,4vw,42px);font-weight:900;letter-spacing:-.025em;line-height:1.05;background:linear-gradient(180deg,#fff 30%,rgba(255,255,255,.7));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mypicks-hero-sub{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.65);max-width:520px}.mypicks-hero-sub strong{font-weight:800;color:#fff;background:linear-gradient(90deg,#fbbf24,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mypicks-hero-stats{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.mypicks-stat{padding:12px 18px;min-width:88px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-align:left}.mypicks-stat .n{display:block;font-size:24px;font-weight:900;letter-spacing:-.02em;color:#fff;line-height:1;font-variant-numeric:tabular-nums}.mypicks-stat .l{display:block;margin-top:4px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}.mypicks-stat .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.mypicks-controls{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center}.mypicks-control-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mypicks-control-label{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-right:2px}.mypicks-pill{padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.75);font-size:12px;font-weight:700;transition:background .15s,border-color .15s,color .15s,transform .15s var(--ease-pop)}.mypicks-pill:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateY(-1px)}.mypicks-pill.is-active{background:linear-gradient(135deg,rgba(239,68,68,.25),rgba(245,158,11,.15));border-color:rgba(239,68,68,.45);color:#fff}.mypicks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}@media (max-width: 720px){.mypicks-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}.mypicks-card{position:relative;aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;background:#0e1018;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:transform .28s var(--ease-pop),box-shadow .25s ease,border-color .2s}.mypicks-card:hover{transform:translateY(-4px) scale(1.015);border-color:rgba(255,255,255,.18);box-shadow:0 24px 48px -12px rgba(0,0,0,.7),0 0 0 1px rgba(239,68,68,.2)}.mypicks-card.is-removing{animation:cardRemove .35s ease forwards;pointer-events:none}@keyframes cardRemove{0%{transform:scale(1);opacity:1}100%{transform:scale(.92);opacity:0}}.mypicks-art{position:absolute;inset:0 0 35% 0;overflow:hidden}.mypicks-art::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(14,16,24,.6) 90%,rgba(14,16,24,1) 100%);pointer-events:none}.mypicks-art::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(255,255,255,.08) 1px,transparent 1.5px);background-size:6px 6px;mix-blend-mode:overlay;opacity:.6;pointer-events:none}.mypicks-art svg{position:absolute;inset:22% 22% 28% 22%;fill:rgba(255,255,255,.32);filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));transition:transform .35s var(--ease-pop),fill .2s}.mypicks-card:hover .mypicks-art svg{transform:scale(1.08);fill:rgba(255,255,255,.42)}.mypicks-info{position:absolute;inset:65% 0 0 0;padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,rgba(14,16,24,.95),rgba(14,16,24,1))}.mypicks-info h4{margin:0;font-size:14px;font-weight:800;color:#fff;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.mypicks-info .meta{display:flex;gap:6px;align-items:center;font-size:10px;color:rgba(255,255,255,.55);flex-wrap:wrap;line-height:1.2}.mypicks-info .meta .star{color:#fbbf24}.mypicks-info .meta .genre{padding:1px 6px;border-radius:4px;background:rgba(255,255,255,.08);font-weight:700;font-size:9px;letter-spacing:.03em;color:rgba(255,255,255,.75)}.mypicks-pip{position:absolute;top:10px;left:10px;padding:3px 8px;border-radius:6px;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;z-index:2;box-shadow:0 4px 12px -2px rgba(0,0,0,.5)}.mypicks-pip.hot{background:var(--hot, #ef4444);color:#fff}.mypicks-pip.new{background:var(--new, #f59e0b);color:#1a1d29}.mypicks-pip.editor{background:#fff;color:#11141d}.mypicks-overlay{position:absolute;inset:0 0 35% 0;background:linear-gradient(180deg,rgba(14,16,24,.85),rgba(14,16,24,.6));display:grid;place-items:center;opacity:0;transition:opacity .2s ease;z-index:3}.mypicks-card:hover .mypicks-overlay,.mypicks-card:focus-within .mypicks-overlay{opacity:1}.mypicks-play-big{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:13px;font-weight:800;letter-spacing:.01em;box-shadow:0 0 0 1px rgba(59,130,246,.4),0 12px 24px -6px rgba(59,130,246,.6);transform:translateY(8px);transition:transform .25s var(--ease-pop),box-shadow .2s}.mypicks-card:hover .mypicks-play-big{transform:translateY(0)}.mypicks-play-big:hover{box-shadow:0 0 0 1px rgba(59,130,246,.6),0 18px 30px -4px rgba(59,130,246,.8)}.mypicks-play-big svg{width:12px;height:12px}.mypicks-remove{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:8px;background:rgba(0,0,0,.5);color:rgba(255,255,255,.85);display:grid;place-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);opacity:0;transform:scale(.85);transition:opacity .2s ease,transform .2s var(--ease-pop),background .15s,color .15s;z-index:4}.mypicks-card:hover .mypicks-remove,.mypicks-card:focus-within .mypicks-remove{opacity:1;transform:scale(1)}.mypicks-remove:hover{background:rgba(239,68,68,.85);color:#fff;border-color:rgba(239,68,68,1)}.mypicks-remove svg{width:12px;height:12px}.mypicks-discover-tile{position:relative;aspect-ratio:3 / 4;border-radius:16px;background:rgba(255,255,255,.02);border:1.5px dashed rgba(255,255,255,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;color:rgba(255,255,255,.8);cursor:pointer;transition:background .2s,border-color .2s,transform .25s var(--ease-pop)}.mypicks-discover-tile:hover{background:linear-gradient(135deg,rgba(239,68,68,.08),rgba(245,158,11,.04));border-color:rgba(239,68,68,.4);color:#fff;transform:translateY(-4px)}.mypicks-discover-tile .icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(245,158,11,.12));border:1px solid rgba(239,68,68,.3);font-size:26px;transition:transform .35s var(--ease-pop)}.mypicks-discover-tile:hover .icon{transform:scale(1.08) rotate(-6deg)}.mypicks-discover-tile h4{margin:0;font-size:14px;font-weight:800;text-align:center;letter-spacing:-.01em}.mypicks-discover-tile p{margin:0;font-size:11px;color:rgba(255,255,255,.55);text-align:center;line-height:1.4}.mypicks-empty{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;color:rgba(255,255,255,.75);max-width:420px;margin:auto;height:100%}.mypicks-empty.is-visible{display:flex}.mypicks-empty-icon{width:96px;height:96px;margin-bottom:18px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(135deg,rgba(239,68,68,.12),rgba(245,158,11,.06));border:1px solid rgba(239,68,68,.25);font-size:48px;box-shadow:0 18px 40px -10px rgba(239,68,68,.25),0 0 0 1px rgba(255,255,255,.04)}.mypicks-empty h3{margin:0 0 8px;font-size:22px;font-weight:900;color:#fff;letter-spacing:-.02em}.mypicks-empty p{margin:0 0 22px;font-size:14px;color:rgba(255,255,255,.65);line-height:1.5}.mypicks-empty-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#f59e0b);color:#fff;font-size:14px;font-weight:800;border:none;box-shadow:0 8px 22px -4px rgba(239,68,68,.5),0 0 0 1px rgba(239,68,68,.3);transition:transform .15s var(--ease-pop),box-shadow .2s}.mypicks-empty-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px -2px rgba(239,68,68,.7),0 0 0 1px rgba(239,68,68,.5)}.mypicks-empty-cta svg{width:14px;height:14px}.mypicks-filtered-empty{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;gap:8px;color:rgba(255,255,255,.55)}.mypicks-filtered-empty.is-visible{display:flex}.mypicks-filtered-empty-icon{font-size:32px;opacity:.6}.mypicks-filtered-empty p{margin:0;font-size:13px}@media (max-width: 720px){.mypicks-header{padding:10px 14px;gap:8px}.mypicks-title-mini{font-size:12px;gap:8px}.mypicks-title-mini .flame{width:20px;height:20px;font-size:10px}.mypicks-close{width:36px;height:36px}.mypicks-close svg{width:16px;height:16px}.mypicks-hero{gap:16px;padding-bottom:18px}.mypicks-hero-text h2{font-size:24px}.mypicks-hero-sub{font-size:12px}.mypicks-stat{padding:10px 12px;min-width:70px}.mypicks-stat .n{font-size:18px;max-width:90px}.mypicks-stat .l{font-size:9px}.mypicks-controls{gap:12px 18px}.mypicks-control-label{font-size:9px}.mypicks-pill{padding:6px 11px;font-size:11px}.mypicks-info{padding:10px 12px}.mypicks-info h4{font-size:12px}.mypicks-info .meta{font-size:9px}.mypicks-empty{padding:40px 16px}.mypicks-empty-icon{width:76px;height:76px;font-size:38px}.mypicks-empty h3{font-size:18px}.mypicks-discover-tile .icon{width:48px;height:48px;font-size:22px}.mypicks-discover-tile h4{font-size:12px}.mypicks-discover-tile p{font-size:10px}}@media (hover: none){.mypicks-overlay{opacity:1;background:linear-gradient(180deg,transparent 40%,rgba(14,16,24,.7))}.mypicks-play-big{transform:translateY(0)}.mypicks-remove{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.mypicks-modal,.mypicks-frame,.mypicks-card,.mypicks-overlay,.mypicks-play-big,.mypicks-remove,.mypicks-art svg{transition:none;transform:none;animation:none}.mypicks-card:hover{transform:none}.mypicks-card.is-removing{animation:none;opacity:0}}.favs-actions,.mypicks-actions,.recent-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.favs-clear,.mypicks-clear,.recent-clear{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.65);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.favs-clear:hover,.mypicks-clear:hover,.recent-clear:hover{background:rgba(239,68,68,.15);color:#fca5a5;border-color:rgba(239,68,68,.35)}.favs-clear svg,.mypicks-clear svg,.recent-clear svg{width:12px;height:12px}.favs-clear.is-confirming,.mypicks-clear.is-confirming,.recent-clear.is-confirming{background:rgba(239,68,68,.9);color:#fff;border-color:rgba(239,68,68,1)}@media (max-width: 600px){.favs-clear,.mypicks-clear,.recent-clear{padding:6px 10px;font-size:10px}}.favs-modal{position:fixed;inset:0;z-index:220;display:none;align-items:stretch;justify-content:center;padding:0;background:radial-gradient(circle at 25% 35%,rgba(236,72,153,.15) 0%,transparent 55%),radial-gradient(circle at 75% 65%,rgba(244,114,182,.10) 0%,transparent 55%),radial-gradient(circle at 50% 50%,rgba(219,39,119,.06) 0%,transparent 60%),rgba(8,10,16,.82);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);opacity:0;transition:opacity .25s ease;overscroll-behavior:contain}.favs-modal.is-open{display:flex;opacity:1}.favs-frame{position:relative;width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:transparent;color:#fff;transform:scale(.98);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.favs-modal.is-open .favs-frame{transform:scale(1)}.favs-header{position:relative;z-index:2;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent);border-bottom:1px solid rgba(255,255,255,.06)}.favs-title-mini{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:rgba(255,255,255,.75);letter-spacing:.01em}.favs-title-mini .heart{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#ec4899,#f472b6);font-size:12px;color:#fff}.favs-actions{display:flex;align-items:center;gap:10px}.favs-close{width:40px;height:40px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;flex-shrink:0;transition:background .15s,transform .15s,border-color .15s;cursor:pointer}.favs-close:hover{background:rgba(236,72,153,.9);border-color:rgba(236,72,153,1);transform:rotate(90deg)}.favs-close svg{width:18px;height:18px}@media (prefers-reduced-motion: reduce){.favs-close:hover{transform:none}}.favs-body{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.favs-content{width:100%;max-width:1280px;margin:0 auto;padding:28px 28px 48px;display:flex;flex-direction:column;gap:28px}@media (max-width: 720px){.favs-content{padding:20px 16px 32px;gap:20px}}.favs-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06)}.favs-hero-text{flex:1 1 320px;min-width:0}.favs-hero-text h2{margin:0 0 6px;font-size:clamp(28px,4vw,42px);font-weight:900;letter-spacing:-.025em;line-height:1.05;background:linear-gradient(180deg,#fff 30%,rgba(255,255,255,.7));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.favs-hero-sub{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.65);max-width:520px}.favs-hero-sub strong{font-weight:800;color:#fff;background:linear-gradient(90deg,#ec4899,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.favs-hero-stats{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.favs-stat{padding:12px 18px;min-width:88px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-align:left}.favs-stat .n{display:block;font-size:24px;font-weight:900;letter-spacing:-.02em;color:#fff;line-height:1;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.favs-stat .l{display:block;margin-top:4px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}.favs-controls{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center}.favs-control-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.favs-control-label{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-right:2px}.favs-pill{padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.75);font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s cubic-bezier(.34,1.56,.64,1)}.favs-pill:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateY(-1px)}.favs-pill.is-active{background:linear-gradient(135deg,rgba(236,72,153,.25),rgba(244,114,182,.15));border-color:rgba(236,72,153,.45);color:#fff}.favs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}@media (max-width: 720px){.favs-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}.favs-card{position:relative;aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;background:#0e1018;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .2s;text-decoration:none;color:inherit}.favs-card:hover{transform:translateY(-4px) scale(1.015);border-color:rgba(255,255,255,.18);box-shadow:0 24px 48px -12px rgba(0,0,0,.7),0 0 0 1px rgba(236,72,153,.25)}.favs-card.is-pinned{border-color:rgba(244,114,182,.35);box-shadow:0 18px 36px -8px rgba(236,72,153,.35),0 0 0 1px rgba(236,72,153,.3)}.favs-card.is-pinned:hover{box-shadow:0 28px 56px -10px rgba(236,72,153,.55),0 0 0 1px rgba(236,72,153,.5)}.favs-card.is-removing{animation:favsCardRemove .35s ease forwards;pointer-events:none}@keyframes favsCardRemove{0%{transform:scale(1);opacity:1}100%{transform:scale(.92);opacity:0}}.favs-art{position:absolute;inset:0 0 38% 0;overflow:hidden}.favs-art::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(14,16,24,.6) 90%,rgba(14,16,24,1) 100%);pointer-events:none}.favs-art svg{position:absolute;inset:22% 22% 28% 22%;fill:rgba(255,255,255,.32);filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));transition:transform .35s cubic-bezier(.34,1.56,.64,1),fill .2s}.favs-card:hover .favs-art svg{transform:scale(1.08);fill:rgba(255,255,255,.42)}.favs-info{position:absolute;inset:62% 0 0 0;padding:10px 14px 12px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,rgba(14,16,24,.95),rgba(14,16,24,1))}.favs-info h4{margin:0;font-size:14px;font-weight:800;color:#fff;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.favs-info .meta{display:flex;gap:6px;align-items:center;font-size:10px;color:rgba(255,255,255,.55);flex-wrap:wrap;line-height:1.2}.favs-info .meta .genre{padding:1px 6px;border-radius:4px;background:rgba(255,255,255,.08);font-weight:700;font-size:9px;color:rgba(255,255,255,.75)}.favs-info .added{font-size:10px;color:rgba(236,72,153,.75);font-weight:600;margin-top:2px}.favs-pin-badge{position:absolute;top:10px;left:10px;z-index:2;padding:4px 9px;border-radius:999px;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:4px;box-shadow:0 6px 16px -4px rgba(236,72,153,.55)}.favs-pin-badge svg{width:10px;height:10px}.favs-overlay{position:absolute;inset:0 0 38% 0;background:linear-gradient(180deg,rgba(14,16,24,.85),rgba(14,16,24,.55));display:grid;place-items:center;opacity:0;transition:opacity .2s ease;z-index:3;pointer-events:none}.favs-card:hover .favs-overlay,.favs-card:focus-within .favs-overlay{opacity:1;pointer-events:auto}.favs-play-big{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;font-size:13px;font-weight:800;border:0;cursor:pointer;box-shadow:0 0 0 1px rgba(236,72,153,.4),0 12px 24px -6px rgba(236,72,153,.6);transform:translateY(8px);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.favs-card:hover .favs-play-big{transform:translateY(0)}.favs-play-big:hover{box-shadow:0 0 0 1px rgba(236,72,153,.6),0 18px 30px -4px rgba(236,72,153,.8)}.favs-play-big svg{width:12px;height:12px}.favs-corner-btn{position:absolute;top:10px;width:30px;height:30px;border-radius:8px;background:rgba(0,0,0,.5);color:rgba(255,255,255,.85);display:grid;place-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);opacity:0;transform:scale(.85);transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1),background .15s,color .15s;z-index:4;cursor:pointer}.favs-card:hover .favs-corner-btn,.favs-card:focus-within .favs-corner-btn{opacity:1;transform:scale(1)}.favs-corner-btn svg{width:12px;height:12px}.favs-remove{right:10px}.favs-remove:hover{background:rgba(239,68,68,.85);color:#fff;border-color:rgba(239,68,68,1)}.favs-pin{right:46px}.favs-pin:hover{background:rgba(236,72,153,.85);color:#fff;border-color:rgba(236,72,153,1)}.favs-card.is-pinned .favs-pin{opacity:1;background:rgba(236,72,153,.35);border-color:rgba(236,72,153,.6);color:#fff}.favs-empty{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;color:rgba(255,255,255,.75);max-width:420px;margin:auto;height:100%}.favs-empty.is-visible{display:flex}.favs-empty-icon{width:96px;height:96px;margin-bottom:18px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(135deg,rgba(236,72,153,.15),rgba(244,114,182,.05));border:1px solid rgba(236,72,153,.25);font-size:48px;box-shadow:0 18px 40px -10px rgba(236,72,153,.3),0 0 0 1px rgba(255,255,255,.04)}.favs-empty h3{margin:0 0 8px;font-size:22px;font-weight:900;color:#fff;letter-spacing:-.02em}.favs-empty p{margin:0 0 22px;font-size:14px;color:rgba(255,255,255,.65);line-height:1.5}.favs-filtered-empty{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;gap:8px;color:rgba(255,255,255,.55)}.favs-filtered-empty.is-visible{display:flex}.favs-filtered-empty-icon{font-size:32px;opacity:.6}.favs-filtered-empty p{margin:0;font-size:13px}@media (max-width: 720px){.favs-header{padding:10px 14px;gap:8px}.favs-title-mini{font-size:12px}.favs-title-mini .heart{width:20px;height:20px;font-size:10px}.favs-close{width:36px;height:36px}.favs-close svg{width:16px;height:16px}.favs-hero{gap:16px;padding-bottom:18px}.favs-hero-text h2{font-size:24px}.favs-hero-sub{font-size:12px}.favs-stat{padding:10px 12px;min-width:70px}.favs-stat .n{font-size:18px;max-width:90px}.favs-stat .l{font-size:9px}.favs-controls{gap:12px 18px}.favs-pill{padding:6px 11px;font-size:11px}.favs-info h4{font-size:12px}.favs-info .meta{font-size:9px}.favs-pin-badge{font-size:8px;padding:3px 7px}.favs-pin-badge svg{width:9px;height:9px}}@media (prefers-reduced-motion: reduce){.favs-modal,.favs-frame,.favs-card,.favs-overlay,.favs-play-big,.favs-corner-btn,.favs-art svg{transition:none;transform:none;animation:none}.favs-card:hover{transform:none}}.recent-modal{position:fixed;inset:0;z-index:220;display:none;align-items:stretch;justify-content:center;padding:0;background:radial-gradient(circle at 20% 30%,rgba(56,189,248,.14) 0%,transparent 55%),radial-gradient(circle at 80% 70%,rgba(96,165,250,.10) 0%,transparent 55%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.06) 0%,transparent 60%),rgba(8,10,16,.82);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);opacity:0;transition:opacity .25s ease;overscroll-behavior:contain}.recent-modal.is-open{display:flex;opacity:1}.recent-frame{position:relative;width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:transparent;color:#fff;transform:scale(.98);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.recent-modal.is-open .recent-frame{transform:scale(1)}.recent-header{position:relative;z-index:2;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent);border-bottom:1px solid rgba(255,255,255,.06)}.recent-title-mini{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:rgba(255,255,255,.75);letter-spacing:.01em}.recent-title-mini .clock{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#38bdf8,#60a5fa);color:#0c1018}.recent-title-mini .clock svg{width:12px;height:12px}.recent-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.recent-close{width:40px;height:40px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;flex-shrink:0;transition:background .15s,transform .15s,border-color .15s;cursor:pointer}.recent-close:hover{background:rgba(56,189,248,.9);border-color:rgba(56,189,248,1);transform:rotate(90deg)}.recent-close svg{width:18px;height:18px}@media (prefers-reduced-motion: reduce){.recent-close:hover{transform:none}}.recent-body{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.recent-content{width:100%;max-width:1280px;margin:0 auto;padding:28px 28px 48px;display:flex;flex-direction:column;gap:28px}@media (max-width: 720px){.recent-content{padding:20px 16px 32px;gap:20px}}.recent-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06)}.recent-hero-text{flex:1 1 320px;min-width:0}.recent-hero-text h2{margin:0 0 6px;font-size:clamp(28px,4vw,42px);font-weight:900;letter-spacing:-.025em;line-height:1.05;background:linear-gradient(180deg,#fff 30%,rgba(255,255,255,.7));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.recent-hero-sub{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.65);max-width:520px}.recent-hero-sub strong{font-weight:800;background:linear-gradient(90deg,#38bdf8,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.recent-hero-stats{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.recent-stat{padding:12px 18px;min-width:88px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-align:left}.recent-stat .n{display:block;font-size:24px;font-weight:900;letter-spacing:-.02em;color:#fff;line-height:1;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.recent-stat .l{display:block;margin-top:4px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}.recent-section{display:flex;flex-direction:column;gap:14px}.recent-section-head{display:flex;align-items:baseline;gap:12px;padding-bottom:2px}.recent-section-head h3{margin:0;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85)}.recent-section-head .n{font-size:11px;color:rgba(255,255,255,.4);font-weight:700;letter-spacing:.04em}.recent-section[data-bucket=today] .recent-section-head h3::before{content:"";display:inline-block;width:7px;height:7px;border-radius:999px;background:#38bdf8;box-shadow:0 0 12px rgba(56,189,248,.8);margin-right:8px;animation:recentPulseDot 2s ease-in-out infinite;vertical-align:middle}@keyframes recentPulseDot{0%,100%{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.recent-section[data-bucket=today] .recent-section-head h3::before{animation:none}}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}@media (max-width: 720px){.recent-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}.recent-card{position:relative;aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;background:#0e1018;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .2s;text-decoration:none;color:inherit}.recent-card:hover{transform:translateY(-4px) scale(1.015);border-color:rgba(255,255,255,.18);box-shadow:0 24px 48px -12px rgba(0,0,0,.7),0 0 0 1px rgba(56,189,248,.25)}.recent-card.is-removing{animation:recentCardRemove .35s ease forwards;pointer-events:none}@keyframes recentCardRemove{0%{transform:scale(1);opacity:1}100%{transform:scale(.92);opacity:0}}.recent-card.has-progress{border-color:rgba(56,189,248,.35);box-shadow:0 14px 28px -8px rgba(56,189,248,.2),inset 4px 0 0 0 #38bdf8}.recent-art{position:absolute;inset:0 0 38% 0;overflow:hidden}.recent-art::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(14,16,24,.6) 90%,rgba(14,16,24,1) 100%);pointer-events:none}.recent-art svg{position:absolute;inset:22% 22% 28% 22%;fill:rgba(255,255,255,.32);filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));transition:transform .35s cubic-bezier(.34,1.56,.64,1),fill .2s}.recent-card:hover .recent-art svg{transform:scale(1.08);fill:rgba(255,255,255,.42)}.recent-progress{position:absolute;left:0;right:0;top:calc(62% - 4px);height:3px;background:rgba(0,0,0,.45);z-index:2;overflow:hidden}.recent-progress-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#60a5fa);box-shadow:0 0 12px rgba(56,189,248,.7)}.recent-info{position:absolute;inset:62% 0 0 0;padding:10px 14px 12px;display:flex;flex-direction:column;justify-content:space-between;gap:4px;background:linear-gradient(180deg,rgba(14,16,24,.95),rgba(14,16,24,1))}.recent-info h4{margin:0;font-size:14px;font-weight:800;color:#fff;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.recent-info .last-played{font-size:10px;color:rgba(56,189,248,.85);font-weight:700;margin-top:2px;display:flex;align-items:center;gap:5px}.recent-info .last-played svg{width:9px;height:9px;opacity:.85}.recent-info .meta{display:flex;gap:6px;align-items:center;font-size:10px;color:rgba(255,255,255,.45);flex-wrap:wrap;line-height:1.2}.recent-info .meta .dot{width:2px;height:2px;border-radius:999px;background:rgba(255,255,255,.3);flex-shrink:0}.recent-info .progress-text{font-size:10px;color:rgba(56,189,248,.9);font-weight:700}.recent-overlay{position:absolute;inset:0 0 38% 0;background:linear-gradient(180deg,rgba(14,16,24,.85),rgba(14,16,24,.55));display:grid;place-items:center;opacity:0;transition:opacity .2s ease;z-index:3;pointer-events:none}.recent-card:hover .recent-overlay,.recent-card:focus-within .recent-overlay{opacity:1;pointer-events:auto}.recent-play-big{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;background:linear-gradient(135deg,#38bdf8,#0284c7);color:#fff;font-size:13px;font-weight:800;border:0;cursor:pointer;box-shadow:0 0 0 1px rgba(56,189,248,.4),0 12px 24px -6px rgba(56,189,248,.55);transform:translateY(8px);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.recent-card:hover .recent-play-big{transform:translateY(0)}.recent-play-big:hover{box-shadow:0 0 0 1px rgba(56,189,248,.6),0 18px 30px -4px rgba(56,189,248,.75)}.recent-play-big svg{width:12px;height:12px}.recent-card.has-progress .recent-play-big{background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 0 0 1px rgba(34,197,94,.4),0 12px 24px -6px rgba(34,197,94,.55)}.recent-card.has-progress .recent-play-big:hover{box-shadow:0 0 0 1px rgba(34,197,94,.6),0 18px 30px -4px rgba(34,197,94,.75)}.recent-remove{position:absolute;top:10px;right:10px;z-index:4;width:30px;height:30px;border-radius:8px;background:rgba(0,0,0,.5);color:rgba(255,255,255,.85);display:grid;place-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);opacity:0;transform:scale(.85);transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1),background .15s,color .15s;cursor:pointer}.recent-card:hover .recent-remove,.recent-card:focus-within .recent-remove{opacity:1;transform:scale(1)}.recent-remove:hover{background:rgba(239,68,68,.85);color:#fff;border-color:rgba(239,68,68,1)}.recent-remove svg{width:12px;height:12px}.recent-empty{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;color:rgba(255,255,255,.75);max-width:420px;margin:auto;height:100%}.recent-empty.is-visible{display:flex}.recent-empty-icon{width:96px;height:96px;margin-bottom:18px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(135deg,rgba(56,189,248,.15),rgba(96,165,250,.05));border:1px solid rgba(56,189,248,.25);font-size:48px;box-shadow:0 18px 40px -10px rgba(56,189,248,.3),0 0 0 1px rgba(255,255,255,.04)}.recent-empty h3{margin:0 0 8px;font-size:22px;font-weight:900;color:#fff;letter-spacing:-.02em}.recent-empty p{margin:0 0 22px;font-size:14px;color:rgba(255,255,255,.65);line-height:1.5}@media (max-width: 720px){.recent-header{padding:10px 14px;gap:8px}.recent-title-mini{font-size:12px}.recent-title-mini .clock{width:20px;height:20px}.recent-title-mini .clock svg{width:10px;height:10px}.recent-close{width:36px;height:36px}.recent-close svg{width:16px;height:16px}.recent-hero{gap:16px;padding-bottom:18px}.recent-hero-text h2{font-size:24px}.recent-hero-sub{font-size:12px}.recent-stat{padding:10px 12px;min-width:70px}.recent-stat .n{font-size:18px;max-width:90px}.recent-stat .l{font-size:9px}.recent-section-head h3{font-size:11px}.recent-section-head .n{font-size:10px}.recent-info h4{font-size:12px}.recent-info .last-played{font-size:9px}.recent-info .meta{font-size:9px}}@media (prefers-reduced-motion: reduce){.recent-modal,.recent-frame,.recent-card,.recent-overlay,.recent-play-big,.recent-remove,.recent-art svg{transition:none;transform:none;animation:none}.recent-card:hover{transform:none}.recent-card.is-removing{animation:none;opacity:0}}.rail-modal-card-art{position:relative;overflow:hidden}.rail-modal-card-art .card-preview-video,.mypicks-art .card-preview-video,.favs-art .card-preview-video,.recent-art .card-preview-video,.trend-card .card-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;pointer-events:none;background:#000}.rail-modal-card-art .card-preview-video.is-ready,.mypicks-art .card-preview-video.is-ready,.favs-art .card-preview-video.is-ready,.recent-art .card-preview-video.is-ready,.trend-card .card-preview-video.is-ready{opacity:1}.trend-card[data-preview]:hover .trend-overlay,.mypicks-card[data-preview]:hover .mypicks-overlay,.favs-card[data-preview]:hover .favs-overlay,.recent-card[data-preview]:hover .recent-overlay{opacity:0;pointer-events:none}