:root{--melon-green:#00c73c;--melon-green-dim:rgba(0,199,60,0.12);--melon-gradient:linear-gradient(135deg,#00c73c,#00e676);--melon-glow:0 0 20px rgba(0,199,60,0.25);--color-rank-up:#00e676;--color-rank-down:#ff4757;--color-rank-same:rgba(255,255,255,0.38);--color-rank-new:#ffca28}.melon-ranking-container{max-width:1200px;margin:0 auto;padding:24px 16px 80px;color:var(--color-text,#ffffff)}.melon-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}.melon-title-section h1{font-size:2.2rem;font-weight:800;letter-spacing:-.03em;background:var(--melon-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px;display:flex;align-items:center;gap:8px}.melon-subtitle{color:var(--color-text-secondary,#b0b0b8);font-size:.95rem}.melon-meta-info{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--color-text-muted,#72727a)}.melon-meta-badge{background:var(--melon-green-dim);color:var(--melon-green);border:1px solid rgba(0,199,60,.25);padding:2px 8px;border-radius:4px;font-weight:600;font-size:.75rem}.melon-top3-grid{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px;margin-bottom:32px}@media (min-width:1024px){.melon-top3-grid{grid-template-columns:1fr 1fr 1fr}}.melon-top-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.melon-top-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,0,0,.4)}.melon-top-card.rank-1{border:1px solid rgba(255,202,40,.2);box-shadow:0 0 25px rgba(255,202,40,.06)}.melon-top-card.rank-1:hover{border-color:rgba(255,202,40,.4);box-shadow:0 12px 35px rgba(255,202,40,.12)}.melon-top-card.rank-2{border:1px solid rgba(0,229,255,.2)}.melon-top-card.rank-2:hover{border-color:rgba(0,229,255,.4);box-shadow:0 12px 30px rgba(0,229,255,.1)}.melon-top-card.rank-3{border:1px solid rgba(255,255,255,.1)}.card-header-badge{position:absolute;top:16px;right:16px;font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:999px;text-transform:uppercase}.card-header-badge.gold{background:linear-gradient(135deg,#ffca28,#ff8f00);color:#000000;box-shadow:0 0 10px rgba(255,202,40,.4)}.card-header-badge.silver{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#ffffff}.card-header-badge.bronze{background:rgba(184,115,51,.2);border:1px solid rgba(184,115,51,.4);color:#ffb74d}.card-main-content{display:flex;gap:16px;margin-bottom:16px}.card-album-art{position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.3);transition:transform .2s ease}.card-album-art:hover{transform:scale(1.04)}.card-music-info{display:flex;flex-direction:column;justify-content:center;overflow:hidden;flex-grow:1}.card-song-title{font-size:1.15rem;font-weight:700;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffff;transition:color .2s ease}.card-song-title:hover{color:var(--melon-green)}.card-artist-name{font-size:.85rem;color:var(--color-text-secondary,#b0b0b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.card-stat-line{display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--color-text-muted,#72727a)}.card-like-count{display:inline-flex;align-items:center;gap:4px;color:#ff4757;font-weight:500}.card-divider{height:1px;background:rgba(255,255,255,.06);margin:12px 0}.card-meta-board{display:flex;flex-direction:column;gap:8px}.melon-meta-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:500;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:var(--color-text-secondary,#b0b0b8);width:-moz-fit-content;width:fit-content;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.melon-meta-chip span.label{color:var(--color-text-muted,#72727a);font-weight:400}.melon-list-board{background:rgba(255,255,255,.01);border:1px solid rgba(255,255,255,.04);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.melon-row-wrapper{border-bottom:1px solid rgba(255,255,255,.03)}.melon-row{display:flex;align-items:center;padding:14px 20px;cursor:pointer;position:relative;transition:background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.melon-row:hover{background:rgba(255,255,255,.03)}.col-rank-num{width:40px;font-size:.95rem;font-weight:700;text-align:center;flex-shrink:0}.col-change-icon{width:45px;display:flex;justify-content:center;flex-shrink:0}.col-image{width:48px;height:48px;border-radius:6px;overflow:hidden;margin:0 16px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.2)}.col-body{flex-grow:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-right:16px}.song-name-container{display:flex;align-items:center;gap:8px;overflow:hidden}.song-name-text{font-size:.95rem;font-weight:600;color:#ffffff}.row-artist-text,.song-name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-artist-text{font-size:.8rem;color:var(--color-text-muted,#72727a);margin-top:3px}.col-album{width:250px;color:var(--color-text-secondary,#b0b0b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:16px}.col-album,.col-likes{font-size:.85rem;flex-shrink:0}.col-likes{width:90px;text-align:right;color:#ff4757;font-weight:500}.col-action{width:40px;display:flex;justify-content:flex-end;color:var(--color-text-muted,#72727a);flex-shrink:0}.chevron-icon{transition:transform .25s cubic-bezier(.4,0,.2,1)}.chevron-icon.open{transform:rotate(180deg);color:var(--melon-green)}.melon-expanded-panel{background:rgba(0,0,0,.15);border-top:1px dashed rgba(255,255,255,.03);overflow:hidden}.melon-expanded-content{padding:16px 20px 20px}.inner-meta-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;background:rgba(255,255,255,.01);border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:14px}@media (min-width:768px){.inner-meta-grid{grid-template-columns:1fr 1fr}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-new-badge{background:linear-gradient(90deg,#ffca28 25%,#ffe082 50%,#ffca28 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;color:#000000;font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:3px;margin-left:6px;display:inline-block;flex-shrink:0}@media (max-width:1023px){.col-album{width:180px}}@media (max-width:767px){.col-album{display:none}.col-likes{width:75px}.melon-row{padding:10px 12px}.col-image{margin:0 10px;width:40px;height:40px}}.melon-hover-tooltip{position:absolute;top:90%;left:20%;transform:translateY(-8px) scale(.95);background:rgba(10,10,18,.94);border:1px solid rgba(0,199,60,.25);box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 20px rgba(0,199,60,.15);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;padding:12px 14px;width:320px;z-index:99;pointer-events:none;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:none}@media (min-width:1024px){.melon-hover-tooltip{display:block}}.melon-row:hover .melon-hover-tooltip{opacity:1;transform:translateY(0) scale(1)}.tooltip-title{font-size:.7rem;font-weight:700;color:var(--melon-green);margin-bottom:6px;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:4px}.tooltip-grid{display:flex;flex-direction:column;gap:5px}.tooltip-item{font-size:.72rem;color:#ffffff;display:flex;gap:6px;align-items:center;overflow:hidden}.tooltip-label{color:var(--color-text-muted,#72727a);width:45px;font-weight:400;flex-shrink:0}.tooltip-value{color:var(--color-text-secondary,#e4e4e7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}