.ranking-data-warning{background:var(--status-reviewing-bg);color:var(--status-reviewing-color);padding:10px 16px;border-radius:var(--radius-base);margin-bottom:16px;font-size:.85rem}.ranking-page{padding-top:calc(var(--header-height) + 60px);padding-bottom:80px;min-height:calc(100vh - 200px);background-color:var(--bg-white)}.ranking-title{font-size:clamp(1.25rem, 5vw, 1.75rem);font-weight:700;text-align:center;margin-bottom:16px}.ranking-subtitle{font-size:.875rem;color:var(--text-gray);text-align:center;margin-bottom:40px}.ranking-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}.ranking-tab{padding:10px 20px;font-size:.8125rem;font-weight:500;background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-2xl);cursor:pointer;transition:all .2s ease}.ranking-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.ranking-tab:active{transform:scale(.96)}.ranking-tab.active{background:var(--primary-color);color:var(--text-dark);border-color:var(--primary-color)}.ranking-loading p{color:var(--text-gray);font-size:.875rem}.ranking-list{max-width:800px;margin:0 auto}.ranking-item{display:flex;align-items:flex-start;gap:20px;padding:24px;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:16px;transition:all .3s ease}.ranking-item:hover{box-shadow:var(--shadow-md)}.ranking-item.rank-1{border-left:4px solid var(--rank-gold);background:linear-gradient(to right,var(--rank-1-bg-start),var(--bg-white))}.ranking-item.rank-2{border-left:4px solid var(--rank-silver);background:linear-gradient(to right,var(--rank-2-bg-start),var(--bg-white))}.ranking-item.rank-3{border-left:4px solid var(--rank-bronze);background:linear-gradient(to right,var(--rank-3-bg-start),var(--bg-white))}.ranking-rank{font-size:1.5rem;font-weight:700;min-width:40px;text-align:center;color:var(--text-dark)}.ranking-content{flex:1}.ranking-item-title{font-size:1rem;font-weight:600;margin-bottom:8px;color:var(--text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-item-nickname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;display:inline-block;vertical-align:middle;font-size:.75rem;color:var(--text-light)}.ranking-item-category{display:inline-block;font-size:.6875rem;color:var(--primary-text);background:var(--bg-cream);padding:4px 10px;border-radius:var(--radius-lg);margin-bottom:8px}.ranking-item-description{font-size:.8125rem;color:var(--text-gray);line-height:1.6;margin-bottom:8px}.ranking-actions{display:flex;flex-direction:column;align-items:center}.ranking-empty{text-align:center;padding:60px 20px;color:var(--text-gray)}.ranking-load-more{text-align:center;margin:32px 0}.load-more-btn{padding:14px 40px;font-size:.875rem;font-weight:600;border-radius:var(--border-radius-pill);transition:all .3s ease}.load-more-btn:hover{background:var(--primary-color);color:var(--text-dark);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-golden)}.load-more-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.ranking-cta{text-align:center;margin-top:48px;padding:40px;background:linear-gradient(135deg,var(--bg-cream) 0,var(--gradient-accent-end) 100%);border-radius:var(--radius-xl)}.ranking-cta p{font-size:1rem;margin-bottom:20px;color:var(--text-dark)}.ranking-item-stats{display:flex;gap:16px;align-items:center}.ranking-item-views{font-size:.75rem;color:var(--text-light)}.ranking-page .detail-overlay{background:var(--overlay-bg)}.ranking-page .detail-title{font-size:1.375rem}.ranking-page .detail-category{margin-bottom:20px}.ranking-page .detail-meta{gap:24px;padding:16px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.detail-nickname,.detail-views{font-size:.875rem;color:var(--text-gray)}.ranking-page .detail-actions{margin-bottom:16px}.ranking-page .register-content{max-width:480px;border-radius:var(--radius-2xl);padding:36px;text-align:center}.ranking-page .register-title{font-size:1.375rem;color:var(--text-dark)}.ranking-page .register-subtitle{margin-bottom:28px}.register-benefits{background:var(--bg-cream);border-radius:var(--radius-xl);padding:24px;margin-bottom:28px;text-align:left}.benefits-title{font-size:.875rem;font-weight:600;color:var(--text-dark);margin-bottom:16px;text-align:center}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.5)}.benefits-list li:last-child{border-bottom:none;padding-bottom:0}.benefit-icon{font-size:1.25rem;flex-shrink:0}.benefit-text{display:flex;flex-direction:column;gap:2px}.benefit-text strong{font-size:.875rem;font-weight:600;color:var(--text-dark)}.benefit-text span{font-size:.75rem;color:var(--text-gray)}.register-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.register-btn{width:100%;padding:14px 24px}.register-note{font-size:.75rem;color:var(--text-light)}@media (min-width:769px) and (max-width:1024px){.ranking-list{max-width:100%}.ranking-item{gap:16px;padding:20px}.ranking-tabs{margin-bottom:28px}.ranking-tab{padding:9px 16px}.ranking-cta{padding:32px 24px}}@media (max-width:768px){.ranking-title{font-size:1.375rem}.ranking-subtitle{font-size:.8125rem;margin-bottom:24px}.ranking-tabs{gap:6px;margin-bottom:24px}.ranking-tab{padding:8px 14px;font-size:.75rem}.ranking-item{flex-direction:column;align-items:stretch}.ranking-rank{position:absolute;top:16px;right:16px}.ranking-item{position:relative;padding-inline-end:60px}.ranking-actions{flex-direction:row;justify-content:flex-start;margin-top:12px}.like-button{flex-direction:row;padding:8px 16px}.like-icon{font-size:1.125rem}.detail-content{padding:24px;margin:16px}.detail-title{font-size:1.125rem}.detail-description{font-size:.875rem}}@media print{.detail-modal,.ranking-tabs{display:none!important}.ranking-card{break-inside:avoid;box-shadow:none;border:1px solid var(--border-color)}}@media (max-width:480px){.ranking-page{padding-top:calc(var(--header-height) + 24px);padding-bottom:48px}.ranking-tabs{gap:4px}.ranking-tab{padding:7px 10px;font-size:.6875rem}.ranking-card{padding:14px}.detail-content{padding:20px 16px;margin:8px;width:calc(100% - 16px)}}[data-theme=dark] .ranking-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.4)}[data-theme=dark] .detail-overlay{background:rgba(0,0,0,.7)}[data-theme=dark] .benefits-list li{border-bottom-color:rgba(255,255,255,.15)}.ranking-noscript-msg{text-align:center;padding:2rem;color:var(--text-gray)}