.rankings-page-wrapper{width:100%;max-width:780px;margin-inline:auto;padding:clamp(1.5rem,3.5vw,2.5rem) var(--page-padding-x,16px) clamp(3rem,5vw,4rem);box-sizing:border-box}.rankings-page-header{margin-bottom:clamp(1.25rem,2.5vw,2rem);padding-top:clamp(.5rem,1.5vw,1rem)}.rankings-page-title{font-family:var(--font-jakarta),var(--nb-font),sans-serif;font-size:clamp(1.65rem,3.8vw,2.35rem);line-height:1.15;font-weight:700;letter-spacing:-.025em;color:#111;margin:0}[data-theme=dark] .rankings-page-title{color:#f4f4f5}.rankings-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;width:100%}.ranking-card-frame{position:relative;list-style:none;background-color:#000;border-radius:13px;padding:1px;box-sizing:border-box;transition:background-color .16s ease;z-index:1}.ranking-card-frame:has(.is-expanded){z-index:40}[data-theme=dark] .ranking-card-frame{background-color:#27272a}.ranking-card-surface{position:relative;display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2.5vw,20px);background-color:#faf9f5;border:none;border-radius:12px;padding:clamp(14px,2.2vw,18px) clamp(16px,2.8vw,22px);box-sizing:border-box;transition:background-color .16s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ranking-card-frame:hover .ranking-card-surface{background-color:#f3f1ea}[data-theme=dark] .ranking-card-surface{background-color:#18181b}[data-theme=dark] .ranking-card-frame:hover .ranking-card-surface{background-color:#202024}.ranking-card-main{display:flex;align-items:center;gap:clamp(12px,2vw,18px);min-width:0;flex:1 1}.ranking-card-avatar-wrapper{position:relative;flex-shrink:0;width:64px;height:64px}.ranking-card-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid rgba(0,0,0,.08);display:block;background-color:#e5e3da}[data-theme=dark] .ranking-card-avatar{border-color:hsla(0,0%,100%,.1);background-color:#27272a}.ranking-card-avatar-fallback{width:64px;height:64px;border-radius:50%;background-color:#ebe8df;color:#4b5563;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border:1px solid rgba(0,0,0,.08);flex-shrink:0}[data-theme=dark] .ranking-card-avatar-fallback{background-color:#27272a;color:#a1a1aa;border-color:hsla(0,0%,100%,.1)}.ranking-card-rank-badge{position:absolute;bottom:-4px;right:-4px;background-color:#111;color:#fff;font-size:.6875rem;font-weight:700;line-height:1;padding:3px 6px;border-radius:6px;border:1.5px solid #faf9f5;box-shadow:0 1px 3px rgba(0,0,0,.12);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}[data-theme=dark] .ranking-card-rank-badge{background-color:#27272a;color:#f4f4f5;border-color:#18181b}.ranking-card-details{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1}.ranking-card-name-row{display:flex;align-items:center;gap:8px;min-width:0}.ranking-card-name{font-size:clamp(1.05rem,2vw,1.1875rem);font-weight:700;line-height:1.25;color:#111827;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.015em;transition:color .14s ease}.ranking-card-name:hover{text-decoration:underline;text-underline-offset:3px}[data-theme=dark] .ranking-card-name{color:#f4f4f5}.ranking-card-score-row{display:flex;align-items:center;gap:8px;font-size:.8125rem;line-height:1.3}.ranking-card-score--zero{color:#8c8980;font-size:.8125rem;font-weight:500;letter-spacing:.01em}[data-theme=dark] .ranking-card-score--zero{color:#71717a}.ranking-card-score--active{color:#111827;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}[data-theme=dark] .ranking-card-score--active{color:#e4e4e7}.ranking-card-action{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end}.ranking-card-action:empty{display:none}.vote-expandable-root{position:relative;display:flex;align-items:center}.vote-expandable-control{position:relative}.vote-trigger-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:38px;padding:0 20px;border-radius:9999px;background-color:#fff;border:1px solid #dcdad2;color:#111827;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}.vote-trigger-btn:hover:not(:disabled){background-color:#f5f4ef;border-color:#111}.vote-trigger-btn:focus-visible{outline:2px solid #111;outline-offset:2px}.vote-trigger-btn.is-expanded{background-color:#111;color:#fff;border-color:#111}[data-theme=dark] .vote-trigger-btn{background-color:#27272a;border-color:#3f3f46;color:#f4f4f5}[data-theme=dark] .vote-trigger-btn:hover:not(:disabled){background-color:#3f3f46;border-color:#71717a}[data-theme=dark] .vote-trigger-btn:focus-visible{outline-color:#f4f4f5}[data-theme=dark] .vote-trigger-btn.is-expanded{background-color:#f4f4f5;color:#111;border-color:#f4f4f5}.vote-trigger-text{display:inline-block;line-height:1;text-align:center}.vote-dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:172px;background-color:#fff;border:1px solid #e4e2dc;border-radius:10px;padding:6px;box-shadow:0 12px 28px -4px rgba(0,0,0,.12),0 6px 12px -3px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:4px}[data-theme=dark] .vote-dropdown-menu{background-color:#202024;border-color:#333338;box-shadow:0 14px 32px rgba(0,0,0,.5)}.vote-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;border-radius:7px;border:1px solid transparent;background:transparent;font-size:.8125rem;font-weight:600;color:#1f2937;cursor:pointer;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:36px;box-sizing:border-box}.vote-dropdown-item:hover:not(:disabled){background-color:#f5f4ef}.vote-dropdown-item:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}[data-theme=dark] .vote-dropdown-item{color:#f3f4f6}[data-theme=dark] .vote-dropdown-item:hover:not(:disabled){background-color:#2c2c32}@keyframes voteOptionEnter{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.vote-dropdown-item--full{animation:voteOptionEnter .18s cubic-bezier(.16,1,.3,1) forwards}.vote-dropdown-item--half{animation:voteOptionEnter .18s cubic-bezier(.16,1,.3,1) 40ms forwards}@media (prefers-reduced-motion:reduce){.vote-dropdown-item--full,.vote-dropdown-item--half{animation:none!important;opacity:1!important;transform:none!important}}.vote-dropdown-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.vote-dropdown-dot--full{background-color:#ea580c}.vote-dropdown-dot--half{background-color:#2563eb}.vote-dropdown-label{flex:1 1;font-weight:600}.vote-dropdown-value{font-size:.6875rem;font-weight:600;padding:2px 7px;border-radius:4px}.vote-dropdown-item--full .vote-dropdown-value{background-color:#fff7ed;color:#c2410c}[data-theme=dark] .vote-dropdown-item--full .vote-dropdown-value{background-color:#431407;color:#fdba74}.vote-dropdown-item--half .vote-dropdown-value{background-color:#eff6ff;color:#1d4ed8}[data-theme=dark] .vote-dropdown-item--half .vote-dropdown-value{background-color:#1e293b;color:#93c5fd}.vote-dropdown-item.is-disabled{opacity:.45;cursor:not-allowed}.vote-status-voted{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border-radius:9999px;font-size:.8125rem;font-weight:600;line-height:1;border:1px solid transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.vote-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.vote-status-voted--full{background-color:rgba(234,88,12,.08);border-color:rgba(234,88,12,.25);color:#c2410c}.vote-status-voted--full .vote-status-dot{background-color:#ea580c}[data-theme=dark] .vote-status-voted--full{background-color:rgba(234,88,12,.16);border-color:rgba(249,115,22,.35);color:#fdba74}[data-theme=dark] .vote-status-voted--full .vote-status-dot{background-color:#f97316}.vote-status-voted--half{background-color:rgba(37,99,235,.08);border-color:rgba(37,99,235,.25);color:#1d4ed8}.vote-status-voted--half .vote-status-dot{background-color:#2563eb}[data-theme=dark] .vote-status-voted--half{background-color:rgba(37,99,235,.16);border-color:rgba(37,99,235,.35);color:#93c5fd}[data-theme=dark] .vote-status-voted--half .vote-status-dot{background-color:#3b82f6}@media (max-width:640px){.rankings-page-wrapper{padding-top:1rem;padding-bottom:2rem}.ranking-card-frame{padding:1px;border-radius:13px}.ranking-card-surface{padding:12px 14px;gap:12px;border-radius:12px}.ranking-card-avatar,.ranking-card-avatar-fallback,.ranking-card-avatar-wrapper{width:52px;height:52px}.ranking-card-avatar-fallback{font-size:1.25rem}.ranking-card-name{font-size:1rem}.vote-status-voted,.vote-trigger-btn{min-height:36px;padding:0 14px;font-size:.8125rem}.vote-dropdown-menu{min-width:156px}}.custom-vote-card{margin-top:clamp(2rem,4vw,3rem);background-color:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:clamp(20px,3vw,32px);box-shadow:0 4px 20px rgba(0,0,0,.03);box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}[data-theme=dark] .custom-vote-card{background-color:#18181b;border-color:#27272a;box-shadow:0 4px 20px rgba(0,0,0,.2)}.custom-vote-card--loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:36px 20px}.custom-vote-spinner{width:20px;height:20px;border:2.5px solid #e5e7eb;border-top-color:#111;border-radius:50%;animation:cv-spin .7s linear infinite}@keyframes cv-spin{to{transform:rotate(1turn)}}.custom-vote-loading-text{font-size:.875rem;color:#6b7280;font-weight:500}.custom-vote-eyebrow{font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ea580c;margin-bottom:6px}.custom-vote-title{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;color:#111827;margin:0 0 6px;letter-spacing:-.02em}[data-theme=dark] .custom-vote-title{color:#f3f4f6}.custom-vote-subtitle{font-size:.875rem;line-height:1.5;color:#4b5563;margin:0 0 20px;max-width:680px}[data-theme=dark] .custom-vote-subtitle{color:#9ca3af}.custom-vote-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:8px;font-size:.875rem;font-weight:500;margin-bottom:16px}[data-theme=dark] .custom-vote-error{background-color:#450a0a;border-color:#7f1d1d;color:#fca5a5}.custom-vote-form{display:flex;align-items:center;gap:10px;max-width:480px}.custom-vote-input-wrap{position:relative;flex:1 1;display:flex;align-items:center}.custom-vote-input-prefix{position:absolute;left:14px;font-size:1rem;font-weight:600;color:#9ca3af;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-vote-input{width:100%;height:44px;padding:0 14px 0 32px;border:1.5px solid #d1d5db;border-radius:8px;font-size:.9375rem;font-family:inherit;color:#111827;background:#fff;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.custom-vote-input:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.08)}[data-theme=dark] .custom-vote-input{background:#27272a;border-color:#3f3f46;color:#f3f4f6}[data-theme=dark] .custom-vote-input:focus{border-color:#f4f4f5;box-shadow:0 0 0 3px hsla(0,0%,100%,.15)}.custom-vote-input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}[data-theme=dark] .custom-vote-input:disabled{background:#1f1f23;color:#71717a}.custom-vote-ok-btn{height:44px;padding:0 20px;background:#fff;color:#111827;border:1.5px solid #111827;border-radius:8px;font-size:.875rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:all .15s ease;flex-shrink:0}.custom-vote-ok-btn:hover:not(:disabled){background:#f9fafb;border-color:#000;transform:translateY(-1px)}.custom-vote-ok-btn:disabled{background:#e5e7eb;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed;transform:none}[data-theme=dark] .custom-vote-ok-btn{background:#fff;color:#111827;border-color:#fff}[data-theme=dark] .custom-vote-ok-btn:hover:not(:disabled){background:#f4f4f5}[data-theme=dark] .custom-vote-ok-btn:disabled{background:#27272a;color:#71717a;border-color:#27272a}.custom-vote-confirmed-badge{height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:6px;background:#10b981;color:#fff;border-radius:8px;font-size:.875rem;font-weight:700;flex-shrink:0;animation:cv-pop .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes cv-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.custom-vote-actions-reveal{margin-top:20px;padding-top:20px;border-top:1px dashed #e5e7eb;animation:cv-fadein .25s ease-out}@keyframes cv-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .custom-vote-actions-reveal{border-top-color:#27272a}.custom-vote-actions-prompt{font-size:.875rem;color:#374151;margin-bottom:12px}[data-theme=dark] .custom-vote-actions-prompt{color:#d1d5db}.custom-vote-button-group{display:flex;gap:12px;flex-wrap:wrap}.custom-vote-cast-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 24px;border-radius:8px;border:none;cursor:pointer;min-width:140px;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.custom-vote-cast-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.custom-vote-cast-btn--full{background:#ea580c;color:#fff;box-shadow:0 2px 8px rgba(234,88,12,.25)}.custom-vote-cast-btn--half{background:#2563eb;color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.25)}.custom-vote-btn-label{font-size:.875rem;font-weight:700;letter-spacing:.01em}.custom-vote-btn-sub{font-size:.75rem;font-weight:500;opacity:.85}.custom-vote-card--voted{background:linear-gradient(to bottom right,#f9fafb,#f3f4f6);border:1px solid #d1d5db}[data-theme=dark] .custom-vote-card--voted{background:linear-gradient(to bottom right,#18181b,#121214);border-color:#3f3f46}.custom-vote-voted-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.custom-vote-badge-locked{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background-color:#d1fae5;color:#065f46;font-size:.75rem;font-weight:700;letter-spacing:.02em}[data-theme=dark] .custom-vote-badge-locked{background-color:#064e3b;color:#a7f3d0}.custom-vote-month-tag{font-size:.75rem;font-weight:600;color:#6b7280}.custom-vote-voted-body{display:flex;align-items:center;gap:16px;margin-bottom:16px}.custom-vote-avatar-pill{width:48px;height:48px;border-radius:50%;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}[data-theme=dark] .custom-vote-avatar-pill{background:#f4f4f5;color:#18181b}.custom-vote-voted-username{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 4px}[data-theme=dark] .custom-vote-voted-username{color:#f3f4f6}.custom-vote-voted-meta{font-size:.875rem;color:#4b5563;margin:0}[data-theme=dark] .custom-vote-voted-meta{color:#9ca3af}.custom-vote-privacy-notice{font-size:.8125rem;line-height:1.5;color:#6b7280;margin:0;padding-top:14px;border-top:1px solid #e5e7eb}[data-theme=dark] .custom-vote-privacy-notice{color:#71717a;border-top-color:#27272a}.custom-vote-modal-backdrop{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:16px}.custom-vote-modal-box{background:#fff;border-radius:12px;padding:24px;max-width:420px;width:100%;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:1px solid #e5e7eb;box-sizing:border-box}[data-theme=dark] .custom-vote-modal-box{background:#18181b;border-color:#27272a}.custom-vote-modal-title{margin:0 0 10px;font-size:1.125rem;font-weight:700;color:#111827}[data-theme=dark] .custom-vote-modal-title{color:#f3f4f6}.custom-vote-modal-desc{margin:0 0 20px;font-size:.875rem;line-height:1.55;color:#4b5563}[data-theme=dark] .custom-vote-modal-desc{color:#9ca3af}.custom-vote-modal-footer{display:flex;justify-content:flex-end;gap:10px}.custom-vote-modal-cancel{padding:8px 16px;border-radius:6px;background:transparent;border:1px solid #d1d5db;color:#374151;font-size:.875rem;font-weight:600;cursor:pointer}.custom-vote-modal-confirm{padding:8px 18px;border-radius:6px;border:none;color:#fff;font-size:.875rem;font-weight:700;cursor:pointer}.custom-vote-modal-confirm--full{background:#ea580c}.custom-vote-modal-confirm--half{background:#2563eb}@media (max-width:640px){.custom-vote-form{flex-direction:row;width:100%}.custom-vote-button-group{flex-direction:column;width:100%}.custom-vote-cast-btn{width:100%}}