.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:16px;background-color:#faf9f5;border:none;border-radius:12px;padding:16px 20px;min-height:98px;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;justify-content:center;min-height:64px;gap:4px;min-width:0;flex:1 1;box-sizing:border-box}.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;min-height:76px;gap:12px;border-radius:12px;box-sizing:border-box}.ranking-card-details{min-height:52px}.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-voted-card-wrap{margin-top:12px;width:100%}.custom-ranking-card-frame{width:100%}.custom-vote-card--loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:32px 20px;min-height:98px}.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}[data-theme=dark] .custom-vote-spinner{border-color:#f4f4f5 #27272a #27272a}@keyframes cv-spin{to{transform:rotate(1turn)}}.custom-vote-loading-text{font-size:.875rem;color:#6b7280;font-weight:500}[data-theme=dark] .custom-vote-loading-text{color:#9ca3af}.custom-input-card-surface{transition:background-color .16s ease}.custom-entry-avatar-fallback{color:#4b5563;font-size:1.5rem;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=dark] .custom-entry-avatar-fallback{color:#a1a1aa}.custom-input-card-details{display:flex;flex-direction:column;justify-content:center;min-height:64px;gap:3px;min-width:0;flex:1 1}.custom-voted-card-wrap .ranking-card-name{cursor:default;text-decoration:none!important}.custom-voted-handle{color:#2563eb;font-weight:700}[data-theme=dark] .custom-voted-handle{color:#60a5fa}.custom-inline-input-form{display:flex;align-items:center;width:100%;margin-top:1px}.custom-inline-input-wrap{position:relative;display:flex;align-items:center;width:100%;max-width:260px}.custom-inline-input-prefix{position:absolute;left:9px;font-size:.8125rem;font-weight:600;color:#9ca3af;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}[data-theme=dark] .custom-inline-input-prefix{color:#71717a}.custom-inline-input{width:100%;height:30px;padding:0 10px 0 22px;border:1px solid #d1d5db;border-radius:6px;font-size:.8125rem;font-family:inherit;color:#111827;background:#fff;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.custom-inline-input::placeholder{color:#9ca3af;font-size:.78125rem}.custom-inline-input:focus{border-color:#111;box-shadow:0 0 0 2px rgba(0,0,0,.08)}[data-theme=dark] .custom-inline-input{background:#27272a;border-color:#3f3f46;color:#f3f4f6}[data-theme=dark] .custom-inline-input::placeholder{color:#71717a}[data-theme=dark] .custom-inline-input:focus{border-color:#f4f4f5;box-shadow:0 0 0 2px hsla(0,0%,100%,.12)}.custom-inline-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}[data-theme=dark] .custom-inline-input:disabled{background:#1f1f23;color:#71717a}.custom-inline-hint-row{display:flex;align-items:center;min-height:15px;margin-top:1px}.custom-inline-hint-text{font-size:.71875rem;color:#6b7280;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .custom-inline-hint-text{color:#9ca3af}.custom-inline-hint-text--confirmed{color:#059669;font-weight:500}[data-theme=dark] .custom-inline-hint-text--confirmed{color:#34d399}.custom-inline-error-text{font-size:.71875rem;color:#dc2626;font-weight:600;line-height:1.25}[data-theme=dark] .custom-inline-error-text{color:#f87171}.custom-confirmed-name-row{display:flex;align-items:center;gap:8px;min-width:0}.custom-vote-confirmed-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}.custom-vote-confirmed-badge--compact{width:20px;height:20px;border-radius:50%;background:#10b981;color:#fff;animation:cv-pop .22s cubic-bezier(.175,.885,.32,1.275)}@keyframes cv-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.custom-card-ok-btn{transition:all .15s ease}.custom-card-ok-btn:disabled{opacity:.45;cursor:not-allowed;background-color:#faf9f5;border-color:#e4e2dc;color:#9ca3af}[data-theme=dark] .custom-card-ok-btn:disabled{background-color:#1f1f23;border-color:#27272a;color:#71717a}.custom-card-ok-btn:not(:disabled){background-color:#111;color:#fff;border-color:#111;cursor:pointer}.custom-card-ok-btn:not(:disabled):hover{background-color:#27272a;border-color:#27272a;transform:translateY(-1px)}[data-theme=dark] .custom-card-ok-btn:not(:disabled){background-color:#f4f4f5;color:#111;border-color:#f4f4f5}[data-theme=dark] .custom-card-ok-btn:not(:disabled):hover{background-color:#fff;border-color:#fff}.custom-card-vote-pills{display:flex;align-items:center;gap:8px}.custom-card-vote-pill{height:38px;padding:0 16px;border-radius:9999px;font-size:.8125rem;font-weight:700;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;line-height:1;white-space:nowrap;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.custom-card-vote-pill:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.custom-card-vote-pill:disabled{opacity:.6;cursor:not-allowed}.custom-card-vote-pill--full{background-color:#ea580c;color:#fff;box-shadow:0 2px 6px rgba(234,88,12,.25)}.custom-card-vote-pill--half{background-color:#2563eb;color:#fff;box-shadow:0 2px 6px rgba(37,99,235,.25)}.custom-vote-learn-more-btn{background:none;border:none;padding:0;margin:0;font-size:.75rem;font-weight:600;color:#6b7280;text-decoration:underline;text-underline-offset:2px;cursor:pointer;line-height:1;transition:color .15s ease}.custom-vote-learn-more-btn:hover{color:#111827}[data-theme=dark] .custom-vote-learn-more-btn{color:#9ca3af}[data-theme=dark] .custom-vote-learn-more-btn:hover{color:#f3f4f6}.custom-vote-private-tag{font-size:.75rem;color:#9ca3af;font-weight:500}[data-theme=dark] .custom-vote-private-tag{color:#71717a}.custom-learn-more-backdrop{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:16px;animation:cv-fadein .18s ease-out}@keyframes cv-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.custom-learn-more-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 16px 36px -4px rgba(0,0,0,.18),0 6px 12px -2px rgba(0,0,0,.08);width:100%;max-width:330px;padding:18px 20px;box-sizing:border-box;animation:cv-pop .22s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .custom-learn-more-card{background:#18181b;border-color:#27272a;box-shadow:0 20px 40px -4px rgba(0,0,0,.5)}.custom-learn-more-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f3f4f6}[data-theme=dark] .custom-learn-more-header{border-bottom-color:#27272a}.custom-learn-more-title{margin:0;font-size:.9375rem;font-weight:700;color:#111827;letter-spacing:-.01em}[data-theme=dark] .custom-learn-more-title{color:#f3f4f6}.custom-learn-more-close{width:26px;height:26px;border-radius:6px;border:none;background:transparent;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.custom-learn-more-close:hover{background:#f3f4f6;color:#111827}[data-theme=dark] .custom-learn-more-close{color:#9ca3af}[data-theme=dark] .custom-learn-more-close:hover{background:#27272a;color:#f3f4f6}.custom-learn-more-body{display:flex;flex-direction:column;gap:10px}.custom-learn-more-field{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem}.custom-learn-more-label{color:#6b7280;font-weight:500}[data-theme=dark] .custom-learn-more-label{color:#9ca3af}.custom-learn-more-value{color:#111827;font-weight:600}[data-theme=dark] .custom-learn-more-value{color:#f3f4f6}.custom-learn-more-handle{display:inline-flex;align-items:center;gap:4px;color:#2563eb;font-weight:600;text-decoration:none;transition:color .15s ease}.custom-learn-more-handle:hover{text-decoration:underline;color:#1d4ed8}[data-theme=dark] .custom-learn-more-handle{color:#60a5fa}[data-theme=dark] .custom-learn-more-handle:hover{color:#93c5fd}.custom-learn-more-note{margin:6px 0 0;padding-top:10px;border-top:1px solid #f3f4f6;font-size:.75rem;line-height:1.45;color:#6b7280}[data-theme=dark] .custom-learn-more-note{border-top-color:#27272a;color:#71717a}.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;transition:all .15s ease}.custom-vote-modal-cancel:hover:not(:disabled){background:#f3f4f6}[data-theme=dark] .custom-vote-modal-cancel{border-color:#3f3f46;color:#d1d5db}[data-theme=dark] .custom-vote-modal-cancel:hover:not(:disabled){background:#27272a}.custom-vote-modal-confirm{padding:8px 18px;border-radius:6px;border:none;color:#fff;font-size:.875rem;font-weight:700;cursor:pointer;transition:filter .15s ease}.custom-vote-modal-confirm:hover:not(:disabled){filter:brightness(1.08)}.custom-vote-modal-confirm--full{background:#ea580c}.custom-vote-modal-confirm--half{background:#2563eb}@media (max-width:640px){.custom-inline-input-wrap{max-width:100%}.custom-inline-input{height:28px;font-size:.75rem;padding:0 8px 0 20px}.custom-inline-input-prefix{left:7px;font-size:.75rem}.custom-inline-error-text,.custom-inline-hint-text{font-size:.6875rem}.custom-card-vote-pills{gap:6px}.custom-card-vote-pill{height:32px;padding:0 10px;font-size:.75rem}}