:root{--page-padding-x:32px;--page-padding-y:32px;--spacing-section:32px;--font-size-h1:2rem;--font-size-body:1rem;--type-display-size:clamp(1.4rem,5.4vw,3rem);--type-display-lh:1.12;--type-display-ls:-0.025em;--type-display-weight:700;--type-h2-size:clamp(1.35rem,4.8vw,2.35rem);--type-h2-lh:1.18;--type-h2-ls:-0.025em;--type-h2-weight:700;--type-lead-size:clamp(0.9375rem,2vw,1.0625rem);--type-lead-lh:1.62;--type-lead-color:#374151;--type-eyebrow-size:0.6875rem;--type-eyebrow-ls:0.12em;--type-eyebrow-weight:600;--type-body-size:1rem;--type-body-lh:1.55;--type-body-color:#111827}@media (max-width:768px){:root{--page-padding-x:16px;--page-padding-y:20px;--spacing-section:20px;--font-size-h1:1.5rem;--font-size-body:0.9375rem}}body{margin:0;padding:0;font-family:var(--nb-font,var(--font-inter),sans-serif);-webkit-font-smoothing:antialiased;background-color:#fff;color:#111}[data-theme=dark] body{background-color:#111;color:#f0f0f0}*{box-sizing:border-box}.main-container{padding:var(--page-padding-y) var(--page-padding-x);max-width:1000px;margin:0 auto}h1.page-title{font-family:var(--font-jakarta),var(--nb-font),sans-serif;font-size:var(--font-size-h1);margin-top:0;margin-bottom:var(--spacing-section);line-height:1.2;font-weight:700;letter-spacing:-.02em}.vote-btn-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.vote-score{font-size:1rem;font-weight:700;color:#111;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}[data-theme=dark] .vote-score{color:#f0f0f0}.vote-slots{display:flex;flex-direction:column;gap:4px}.vote-slot{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 8px;border-radius:6px;font-size:.8125rem;font-weight:600;line-height:1;border:1.5px solid transparent;white-space:nowrap;transition:background .15s,border-color .15s}button.vote-slot--castable{cursor:pointer;background:#f8fafc;border-color:#e2e8f0;color:#374151}button.vote-slot--castable:hover:not(.vote-slot--loading){background:#eff6ff;border-color:var(--slot-accent,#3b82f6);color:var(--slot-accent,#3b82f6)}button.vote-slot--castable:focus-visible{outline:2px solid var(--slot-accent,#3b82f6);outline-offset:2px}[data-theme=dark] button.vote-slot--castable{background:#1e293b;border-color:#334155;color:#cbd5e1}[data-theme=dark] button.vote-slot--castable:hover:not(.vote-slot--loading){background:#1e3a5f;border-color:var(--slot-accent,#60a5fa);color:var(--slot-accent,#60a5fa)}.vote-slot-dot--active{width:8px;height:8px;border-radius:50%;background:var(--slot-accent,#3b82f6);flex-shrink:0}.vote-slot--used-here{background:color-mix(in srgb,var(--slot-accent,#3b82f6) 10%,transparent);border-color:color-mix(in srgb,var(--slot-accent,#3b82f6) 35%,transparent);color:color-mix(in srgb,var(--slot-accent,#3b82f6) 80%,#000)}[data-theme=dark] .vote-slot--used-here{background:color-mix(in srgb,var(--slot-accent,#3b82f6) 15%,transparent);border-color:color-mix(in srgb,var(--slot-accent,#3b82f6) 40%,transparent);color:color-mix(in srgb,var(--slot-accent,#3b82f6) 90%,#fff)}.vote-slot-check{font-size:.75rem;font-weight:700}.vote-slot--loading,.vote-slot--unavailable,.vote-slot--used-elsewhere{background:transparent;border-color:#e2e8f0;color:#9ca3af}[data-theme=dark] .vote-slot--loading,[data-theme=dark] .vote-slot--unavailable,[data-theme=dark] .vote-slot--used-elsewhere{border-color:#334155;color:#475569}.vote-slot-dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;flex-shrink:0}[data-theme=dark] .vote-slot-dot{background:#475569}.vote-slot-label{font-weight:600}.vote-slot-sublabel{font-size:.6875rem;font-weight:500;color:#6b7280;margin-left:1px}.vote-slot-sublabel--used{color:inherit;opacity:.75}.vote-slot-sublabel--elsewhere{font-style:italic}button.vote-slot--loading{cursor:not-allowed;opacity:.6}.vote-error{color:#ef4444;font-size:.8125rem;font-weight:500;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark]{--vote-modal-bg:#1e293b;--vote-modal-border:#334155;--vote-modal-text:#f1f5f9;--vote-modal-subtext:#94a3b8}.vote-comp{width:100%}.vote-comp-bar{display:flex;height:5px;border-radius:3px;overflow:hidden;background:#e5e7eb;width:100%}[data-theme=dark] .vote-comp-bar{background:#334155}.vote-comp-bar-full{background:#ea580c;height:100%;transition:width .3s ease}.vote-comp-bar-half{background:#2563eb;height:100%;transition:width .3s ease}.vote-comp--compact .vote-comp-bar{height:4px}.vote-comp-counts{margin:3px 0 0;font-size:.6875rem;color:#6b7280;line-height:1}[data-theme=dark] .vote-comp-counts{color:#64748b}.vote-comp-count-full{color:#c2410c;font-weight:600}.vote-comp-count-half{color:#1d4ed8;font-weight:600}[data-theme=dark] .vote-comp-count-full{color:#fb923c}[data-theme=dark] .vote-comp-count-half{color:#60a5fa}.vote-comp--full .vote-comp-bar{height:6px}.vote-comp-header{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.vote-comp-title{font-size:.8125rem;font-weight:600;color:#374151}[data-theme=dark] .vote-comp-title{color:#cbd5e1}.vote-comp-note{font-size:.6875rem;color:#9ca3af;font-style:italic}.vote-comp-legend{display:flex;gap:16px;margin-top:8px;flex-wrap:wrap}.vote-comp-legend-item{display:inline-flex;align-items:center;gap:5px;font-size:.8125rem;color:#374151}[data-theme=dark] .vote-comp-legend-item{color:#cbd5e1}.vote-comp-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0}.vote-comp-dot--full{background:#ea580c}.vote-comp-dot--half{background:#2563eb}.vote-comp-legend-count{color:#9ca3af;font-size:.75rem}@media (max-width:768px){.vote-btn-wrapper{width:100%}.vote-slots{flex-direction:row;flex-wrap:wrap;gap:6px}.vote-score{font-size:1rem}@media (hover:none){button.vote-slot--castable:hover:not(.vote-slot--loading){background:#f8fafc;border-color:#e2e8f0;color:#374151}[data-theme=dark] button.vote-slot--castable:hover:not(.vote-slot--loading){background:#1e293b;border-color:#334155;color:#cbd5e1}}}@keyframes media-dropzone-spin{to{transform:rotate(1turn)}}@keyframes media-skeleton-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.media-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#06c;border-radius:50%;animation:media-dropzone-spin .8s linear infinite;flex-shrink:0}.media-spinner--sm{width:18px;height:18px;border-width:2px}.media-skeleton-shimmer{background-color:#1e293b;background-image:linear-gradient(90deg,#1e293b,#334155 40px,#1e293b 80px);background-size:600px 100%;animation:media-skeleton-shimmer 1.5s linear infinite}.media-focus-ring:focus-visible{outline:2px solid #06c;outline-offset:2px}