.video-feed-container{background-color:var(--background-color);flex-direction:column;align-items:center;width:100%;min-height:100vh;padding-bottom:60px;display:flex;position:relative;overflow-x:hidden}.feed-site-note{box-sizing:border-box;color:#fff6;text-align:center;width:100%;padding:52px 20px 0;font-size:14px;line-height:1.9}.scroll-hint{pointer-events:none;color:#ffffff59;letter-spacing:.04em;box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;width:100%;height:16vh;padding-bottom:20px;font-size:1rem;display:flex}.scroll-hint-arrow{font-size:1rem;animation:1.6s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.feed-items{flex-direction:column;width:100%;max-width:600px;padding-top:4vh;display:flex}.video-item-container{background-color:#0000;border-bottom:none;flex-direction:column;justify-content:center;width:100%;min-height:150px;margin-bottom:16px;padding-bottom:0;display:flex;position:relative}.pagination-container{justify-content:center;align-items:center;gap:15px;padding:30px 20px 40px;display:flex}.pagination-button{background-color:var(--surface-color,#333);color:var(--text-main,#fff);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:16px;transition:background-color .2s}.pagination-button:disabled{color:#666;cursor:not-allowed;background-color:#ffffff1a}.pagination-button:not(:disabled):hover{background-color:#555}.page-info{color:var(--text-secondary,#ccc);font-size:16px;font-weight:700}.loading{color:var(--text-main);background:var(--background-color);flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;font-size:1.2rem;display:flex}.loading:after{content:"";border:4px solid var(--surface-color);border-top-color:#f05;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.navigation-controls{z-index:100;opacity:.5;flex-direction:column;gap:20px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.navigation-controls button{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));color:var(--text-main);cursor:pointer;border-radius:50%;padding:12px;transition:all .2s}.navigation-controls button:hover{background:#ffffff40;transform:scale(1.1)}.navigation-controls button:disabled{opacity:.2;cursor:default}@media (max-width:768px){.navigation-controls{display:none}}
.ranking-page{box-sizing:border-box;width:100%;max-width:600px;min-height:calc(100vh - 60px);margin:0 auto;padding:80px 16px 40px}.ranking-header{margin-bottom:24px}.ranking-title-heading{color:var(--text-main);margin:0 0 4px;font-size:1.5rem;font-weight:700}.ranking-subtitle{color:var(--text-secondary);margin:0;font-size:.82rem}.ranking-loading,.ranking-empty{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;font-size:.95rem;display:flex}.ranking-empty span{font-size:2.5rem}.ranking-empty-sub{color:#ffffff4d;margin:0;font-size:.8rem}.ranking-item{background:#111;border-radius:12px;align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;display:flex}.ranking-rank{color:var(--text-secondary);text-align:center;flex-shrink:0;min-width:32px;font-size:.9rem;font-weight:700}.ranking-rank.top3{font-size:1.3rem}.ranking-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ranking-video-title{color:var(--text-main);margin:0;font-size:.88rem;font-weight:600;line-height:1.45}.ranking-video-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.76rem;overflow:hidden}.ranking-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.ranking-view-full-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:20px;padding:6px 14px;font-family:inherit;font-size:.78rem;font-weight:700;line-height:1;transition:opacity .2s}.ranking-view-full-btn:active{opacity:.75}.ranking-heart-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-family:inherit;transition:color .2s,background .2s;display:flex}.ranking-heart-btn:hover{background:#ffffff0d}.ranking-heart-btn.favourited{color:#e8005a}.ranking-count{font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600}.rank-badge{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;pointer-events:none;background:#000000a6;border-radius:8px;padding:4px 9px;font-size:.88rem;font-weight:700;line-height:1.4;position:absolute;top:10px;left:10px}