[v-cloak]{display:none}#most-played-app{max-width:980px;margin:0 auto;padding:18px 16px 48px}.mp-mode-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px 0;padding:6px;background:hsla(var(--main), 18%, 18%, 0.55);border:1px solid hsla(var(--main), 25%, 30%, 0.35);border-radius:10px;backdrop-filter:blur(8px) saturate(1.4)}.mp-mode-btn{flex:1;min-width:78px;padding:8px 14px;background:rgba(0,0,0,0);border:none;border-radius:7px;color:hsl(var(--main), 15%, 75%);font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:lowercase;cursor:pointer;transition:background .18s ease,color .18s ease}.mp-mode-btn:hover{background:hsla(var(--main), 25%, 28%, 0.55);color:#fff}.mp-mode-btn.active{background:hsl(var(--main), 55%, 48%);color:#fff;box-shadow:0 2px 10px hsla(var(--main), 55%, 30%, 0.4);pointer-events:none}.mp-loading,.mp-error,.mp-empty{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:hsl(var(--main), 15%, 70%);font-size:14px}.mp-loading-spinner{width:20px;height:20px;border:2px solid hsla(var(--main), 40%, 55%, 0.25);border-top-color:hsl(var(--main), 55%, 60%);border-radius:50%;animation:mp-spin .8s linear infinite}@keyframes mp-spin{to{transform:rotate(360deg)}}.mp-error{color:hsl(0,70%,70%)}.mp-error i{color:hsl(0,70%,65%)}.mp-empty i{font-size:20px;opacity:.6}@keyframes mp-skeleton-shimmer{0%{background-position:-150% 0}100%{background-position:250% 0}}.mp-skeleton-wrap{pointer-events:none;user-select:none}.mp-skeleton-bar{display:inline-block;height:14px;border-radius:4px;background:linear-gradient(90deg, hsla(var(--main), 18%, 18%, 0.55) 0%, hsla(var(--main), 18%, 30%, 0.85) 45%, hsla(var(--main), 18%, 18%, 0.55) 100%);background-size:200% 100%;animation:mp-skeleton-shimmer 1.6s ease-in-out infinite;vertical-align:middle}@media(prefers-reduced-motion: reduce){.mp-loading-spinner,.mp-skeleton-bar{animation:none !important;background-position:0 0 !important}.mp-row,.mp-row:hover,.mp-row:focus{transition:none !important;transform:none !important}}.mp-skeleton-row{cursor:default}.mp-skeleton-row:hover{background:hsla(var(--main), 18%, 16%, 0.72);border-color:hsla(var(--main), 25%, 28%, 0.35);transform:none}.mp-sk-rank{width:28px;height:22px}.mp-sk-cover{width:96px;height:48px;border-radius:6px}.mp-sk-title{width:60%;height:16px;max-width:320px}.mp-sk-chip{width:70px;height:18px;border-radius:6px;flex-shrink:0}.mp-sk-sub{width:80%;height:12px;max-width:380px}.mp-sk-meta{width:56px;height:12px}.mp-sk-plays{width:70px;height:16px}.mp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.mp-row{position:relative;display:grid;grid-template-columns:52px 96px 1fr auto;align-items:center;gap:14px;padding:10px 14px;background:hsla(var(--main), 18%, 16%, 0.72);border:1px solid hsla(var(--main), 25%, 28%, 0.35);border-radius:10px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease;overflow:hidden}.mp-row:hover{background:hsla(var(--main), 25%, 20%, 0.85);border-color:hsla(var(--main), 45%, 48%, 0.55);transform:translateX(2px)}.mp-row[data-rank="1"]{border-left:4px solid hsl(45,90%,55%)}.mp-row[data-rank="2"]{border-left:4px solid hsl(30,8%,70%)}.mp-row[data-rank="3"]{border-left:4px solid hsl(25,60%,55%)}.mp-rank{font-size:22px;font-weight:800;color:hsl(var(--main), 25%, 60%);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-0.02em}.mp-row[data-rank="1"] .mp-rank{color:hsl(45,90%,62%)}.mp-row[data-rank="2"] .mp-rank{color:hsl(30,15%,80%)}.mp-row[data-rank="3"] .mp-rank{color:hsl(25,65%,62%)}.mp-cover{width:96px;height:48px;border-radius:6px;background-size:cover;background-position:center;background-color:hsla(var(--main), 20%, 22%, 0.6);flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.25)}.mp-info{display:flex;flex-direction:column;gap:3px;min-width:0}.mp-title-row{display:flex;align-items:center;gap:8px;min-width:0}.mp-title{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mp-status-chip{display:inline-block;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;background:hsla(var(--main), 25%, 30%, 0.55);color:hsl(var(--main), 15%, 85%)}.mp-status-chip.mp-status-2{background:hsla(200,70%,35%,.5);color:hsl(200,70%,82%)}.mp-status-chip.mp-status-3{background:hsla(150,60%,32%,.5);color:hsl(150,60%,78%)}.mp-status-chip.mp-status-4{background:hsla(50,80%,42%,.5);color:hsl(50,80%,82%)}.mp-status-chip.mp-status-5{background:hsla(330,65%,50%,.5);color:hsl(330,75%,85%)}.mp-status-chip.mp-status-0{background:hsla(30,40%,36%,.5);color:hsl(30,45%,78%)}.mp-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:hsl(var(--main), 15%, 75%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-sep{opacity:.5}.mp-creator{color:hsl(var(--main), 20%, 68%)}.mp-meta{display:flex;align-items:center;gap:14px;font-size:11px;color:hsl(var(--main), 15%, 70%);margin-top:2px}.mp-meta-item{display:inline-flex;align-items:center;gap:5px}.mp-meta-item i{font-size:10px;color:hsl(var(--main), 45%, 60%)}.mp-plays{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:15px;font-weight:800;color:hsl(var(--main), 50%, 68%);font-variant-numeric:tabular-nums}.mp-plays i{font-size:11px;margin-right:4px;opacity:.85}.mp-plays-label{font-size:10px;font-weight:500;color:hsl(var(--main), 15%, 60%);letter-spacing:.05em;text-transform:uppercase}@media(max-width: 768px){.mp-row{grid-template-columns:38px 72px 1fr auto;gap:10px;padding:8px 10px}.mp-cover,.mp-sk-cover{width:72px;height:40px}.mp-rank{font-size:18px}.mp-title{font-size:13px}.mp-sub{font-size:11px}.mp-meta{display:none}.mp-plays{font-size:13px}.mp-mode-btn{min-width:62px;padding:6px 8px;font-size:11px}}@media(max-width: 480px){.mp-row{grid-template-columns:32px 56px 1fr auto;gap:8px}.mp-cover,.mp-sk-cover{width:56px;height:32px}.mp-status-chip{display:none}}