:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--clr-brand: #1e3a5f;--clr-brand-light: #2a5a8f;--clr-brand-pale: #e8f0f8;--clr-accent: #c0392b;--clr-accent-soft: #fdecea;--clr-success: #1a7a4c;--clr-success-soft: #e6f5ee;--clr-warning: #b8860b;--clr-warning-soft: #fef9e7;--clr-bg: #f5f7fa;--clr-surface: #ffffff;--clr-text: #1a1d23;--clr-text-secondary: #5a6170;--clr-text-tertiary: #8b92a0;--clr-border: #dfe3e8;--clr-border-light: #eef1f5;--clr-stripe: #f8f9fb;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(30, 58, 95, .05);--shadow-md: 0 4px 12px rgba(30, 58, 95, .08);--shadow-focus: 0 0 0 3px rgba(42, 90, 143, .15);--space-xs: .5rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-body);background:var(--clr-bg);color:var(--clr-text);margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);line-height:1.55;-webkit-font-smoothing:antialiased}main{max-width:760px;margin:0 auto;padding:0 var(--space-md) var(--space-xl)}.skip-link{position:absolute;top:-100%;left:var(--space-md);background:var(--clr-brand);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:.9rem;z-index:100;text-decoration:none}.skip-link:focus{top:var(--space-xs)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;letter-spacing:-.02em;margin:0;color:var(--clr-brand)}h2{font-family:var(--font-display);font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:600;margin:0;color:var(--clr-text);text-align:left}.subtitle{color:var(--clr-text-secondary);font-size:.95rem;margin:var(--space-xs) 0 0;line-height:1.4}.page-header{max-width:760px;margin:0 auto;padding:var(--space-xl) var(--space-md) var(--space-lg)}.zone-nav{max-width:760px;margin:0 auto var(--space-lg);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-sm);background:var(--clr-surface);border-top:1px solid var(--clr-border-light);border-bottom:1px solid var(--clr-border-light);position:sticky;top:0;z-index:10;box-shadow:0 1px 0 var(--clr-border-light)}.zone-nav label{font-family:var(--font-display);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--clr-text-secondary);white-space:nowrap}#zone-select{font-family:var(--font-body);font-size:16px;padding:.45rem .75rem;border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);color:var(--clr-text);flex:1;min-width:0;cursor:pointer;transition:border-color var(--duration-fast)}#zone-select:focus-visible{outline:none;border-color:var(--clr-brand-light);box-shadow:var(--shadow-focus)}.seat-badge{font-family:var(--font-display);font-size:.78rem;font-weight:600;background:var(--clr-brand);color:#fff;padding:.2rem .6rem;border-radius:100px;white-space:nowrap;letter-spacing:.01em;transition:transform .2s var(--ease-out)}.seat-badge.badge-pulse{animation:badgePulse .3s var(--ease-out)}@keyframes badgePulse{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.data-status{max-width:760px;margin:0 auto var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.85rem;line-height:1.4;display:flex;align-items:center;gap:var(--space-xs);animation:statusSlideIn .25s var(--ease-out) both}.data-status.hidden{display:none}@keyframes statusSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.data-status.loading{background:var(--clr-brand-pale);color:var(--clr-brand);border:1px solid rgba(30,58,95,.1)}.data-status.success{background:var(--clr-success-soft);color:var(--clr-success);border:1px solid rgba(26,122,76,.1)}.data-status.error{background:var(--clr-accent-soft);color:var(--clr-accent);border:1px solid rgba(192,57,43,.1)}.data-status.warning{background:var(--clr-warning-soft);color:var(--clr-warning);border:1px solid rgba(184,134,11,.1)}.status-icon{flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--clr-brand-pale);border-top-color:var(--clr-brand);border-radius:50%;animation:spin .6s linear infinite}.section{background:var(--clr-surface);border:1px solid var(--clr-border-light);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.section.hidden{display:none}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.vote-total{font-family:var(--font-display);font-size:.85rem;font-weight:500;color:var(--clr-text-tertiary);white-space:nowrap}.input-hint{font-size:.82rem;color:var(--clr-text-tertiary);text-align:center;margin:var(--space-sm) 0 0}.section.fade-in{animation:fadeSlideIn .35s var(--ease-out) both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.section.fade-in{animation:none}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;margin:0}th{font-family:var(--font-display);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--clr-text-secondary);background:var(--clr-stripe);padding:.55rem .75rem;text-align:left;border-bottom:2px solid var(--clr-border);position:sticky;top:0;z-index:1}th:not(.col-party){text-align:center}td{padding:.55rem .75rem;border-bottom:1px solid var(--clr-border-light);text-align:left;font-size:.9rem;vertical-align:middle}td:not(:first-child){text-align:center}tbody tr{transition:background var(--duration-fast)}tbody tr:hover{background:var(--clr-brand-pale)}.party-name{display:inline;overflow-wrap:break-word;word-break:break-word}.party-code{display:inline-block;font-family:var(--font-display);font-weight:600;font-size:.65rem;background:var(--clr-brand-pale);color:var(--clr-brand);padding:.12rem .4rem;border-radius:100px;margin-right:.35rem;min-width:1.5rem;text-align:center;flex-shrink:0;letter-spacing:.02em}tbody tr:nth-child(2n){background:var(--clr-stripe)}tbody tr:nth-child(2n):hover{background:var(--clr-brand-pale)}input[type=number]{font-family:var(--font-body);font-size:16px;width:6rem;padding:.38rem .5rem;border:1px solid var(--clr-border);border-radius:var(--radius-sm);text-align:right;background:var(--clr-surface);color:var(--clr-text);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}input[type=number]:focus-visible{outline:none;border-color:var(--clr-brand-light);box-shadow:var(--shadow-focus)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#vote-table tbody tr:has(input:focus){background:var(--clr-brand-pale)}#vote-table tbody tr.row-zero td{opacity:.45}#vote-table tbody tr.row-zero:hover td,#vote-table tbody tr.row-zero:has(input:focus) td{opacity:1}input.input-corrected{border-color:var(--clr-warning);background:var(--clr-warning-soft);transition:background .6s,border-color .6s}.vote-total-warning{color:var(--clr-accent);font-weight:600}.undo-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--clr-warning-soft);border:1px solid rgba(184,134,11,.15);border-radius:var(--radius-md);font-size:.85rem;color:var(--clr-warning);animation:fadeSlideIn .2s var(--ease-out) both}.btn-undo{padding:.3rem .75rem;font-family:var(--font-display);font-size:.8rem;font-weight:600;color:var(--clr-warning);background:transparent;border:1px solid var(--clr-warning);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast);white-space:nowrap}.btn-undo:hover{background:var(--clr-warning);color:#fff}.action-row{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md)}.btn-primary{flex:1;padding:.7rem 1.5rem;font-family:var(--font-display);font-size:.95rem;font-weight:600;color:#fff;background:var(--clr-brand);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast),transform .1s}.btn-primary:hover{background:var(--clr-brand-light)}.btn-primary:active{transform:scale(.98)}.btn-primary:focus-visible{outline:2px solid var(--clr-brand-light);outline-offset:2px}.btn-primary:disabled{background:var(--clr-border);cursor:not-allowed}.btn-secondary{padding:.7rem 1rem;font-family:var(--font-display);font-size:.95rem;font-weight:500;color:var(--clr-text-secondary);background:transparent;border:1px solid var(--clr-border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast);white-space:nowrap}.btn-secondary:hover{background:var(--clr-stripe);color:var(--clr-text);border-color:var(--clr-text-secondary)}.btn-secondary:focus-visible{outline:2px solid var(--clr-brand-light);outline-offset:2px}.results-summary{font-size:.88rem;color:var(--clr-text-secondary);margin:var(--space-xs) 0 var(--space-md)}.col-bar{width:30%}.seat-bar-cell{padding-right:var(--space-md)}.seat-bar{height:10px;background:var(--clr-brand);border-radius:100px;transition:width .5s var(--ease-out);min-width:2px}.seat-bar.rank-1{background:var(--clr-brand)}.seat-bar.rank-2{background:var(--clr-brand-light)}.seat-bar.rank-3{background:#5a8ab5}.seat-bar.rank-other{background:#8badc7}.seat-bar.zero{background:var(--clr-border-light);height:4px;width:2px}.seat-count{font-family:var(--font-display);font-weight:700;font-size:1.05rem}.seat-count.has-seats{color:var(--clr-brand)}.seat-count.no-seats{color:var(--clr-text-tertiary)}#results-table tbody tr:first-child .seat-count.has-seats{font-size:1.15rem}.results-separator td{padding:0;border-bottom:none;text-align:center}.btn-show-all{width:100%;padding:.5rem;font-family:var(--font-display);font-size:.78rem;font-weight:500;color:var(--clr-text-tertiary);background:var(--clr-stripe);border:none;border-top:1px dashed var(--clr-border);border-bottom:1px dashed var(--clr-border);cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast)}.btn-show-all:hover{color:var(--clr-brand);background:var(--clr-brand-pale)}.btn-show-all:focus-visible{outline:2px solid var(--clr-brand-light);outline-offset:-2px}tfoot td{font-family:var(--font-display);font-weight:600;font-size:.88rem;border-top:2px solid var(--clr-border);border-bottom:none;padding-top:.7rem;color:var(--clr-text);background:transparent}.details-header{margin-bottom:var(--space-sm)}.btn-toggle{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;padding:.5rem .75rem;margin:-.5rem -.75rem;font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--clr-brand);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast)}.btn-toggle:hover{color:var(--clr-brand-light);background:var(--clr-brand-pale)}.btn-toggle:focus-visible{outline:2px solid var(--clr-brand-light);outline-offset:2px;border-radius:var(--radius-sm)}.toggle-icon{display:inline-block;transition:transform .2s var(--ease-out);font-size:.8rem;line-height:1}.btn-toggle[aria-expanded=true] .toggle-icon{transform:rotate(90deg)}.details-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease-out)}.details-panel>.table-responsive{overflow:hidden}.details-panel.open{grid-template-rows:1fr}@media (prefers-reduced-motion: reduce){.details-panel,.toggle-icon{transition:none}.spinner,.badge-pulse,.data-status{animation:none}.seat-bar{transition:none}}.insight-headline{font-size:.9rem;color:var(--clr-text);margin:0 0 var(--space-md);line-height:1.5;padding:var(--space-sm) var(--space-md);background:var(--clr-accent-soft);border-left:3px solid var(--clr-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.insight-headline:empty{display:none}.insight-party{font-weight:600;color:var(--clr-accent)}.insight-votes{font-family:var(--font-display);font-weight:700;color:var(--clr-brand)}#next-seat-table .threshold-row td{background:var(--clr-brand-pale);color:var(--clr-brand);font-weight:600;font-size:.82rem;text-align:center;border-bottom:2px solid rgba(30,58,95,.2);padding:.45rem}#next-seat-table .next-lowest{background:var(--clr-success-soft)}#next-seat-table .next-lowest:hover{background:#d4eddf}#next-seat-table .next-lowest td{color:var(--clr-success);font-weight:500}.delta-zero{font-family:var(--font-display);font-weight:700;color:var(--clr-success)}.delta-value{font-family:var(--font-display);font-weight:500;color:var(--clr-accent)}#next-seat-table .closest-to-seat{background:var(--clr-warning-soft)}#next-seat-table .closest-to-seat:hover{background:#fdf3d7}#next-seat-table .closest-to-seat td{font-weight:500}#next-seat-table .closest-to-seat .delta-value{font-weight:700;color:var(--clr-warning)}.results-flash{animation:resultsPulse .8s var(--ease-out)}@keyframes resultsPulse{0%{border-color:var(--clr-success);box-shadow:0 0 #1a7a4c26}50%{border-color:var(--clr-success);box-shadow:0 0 0 4px #1a7a4c14}to{border-color:var(--clr-border-light);box-shadow:var(--shadow-sm)}}@media (prefers-reduced-motion: reduce){.results-flash{animation:none}}.zone-pager{display:flex;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--clr-border-light)}.btn-pager{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem .75rem;font-family:var(--font-display);font-size:.82rem;font-weight:500;color:var(--clr-brand);background:transparent;border:1px solid var(--clr-border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast)}.btn-pager:hover{background:var(--clr-brand-pale);border-color:var(--clr-brand-light)}.btn-pager:focus-visible{outline:2px solid var(--clr-brand-light);outline-offset:2px}.btn-pager-next{margin-left:auto}.page-footer{max-width:760px;margin:0 auto;padding:var(--space-md);text-align:center;font-size:.8rem;color:var(--clr-text-tertiary)}.page-footer a{color:var(--clr-brand-light);text-decoration:none}.page-footer a:hover{text-decoration:underline}@media (max-width: 480px){.page-header{padding:var(--space-lg) var(--space-md) var(--space-md)}.zone-nav{flex-wrap:wrap;gap:var(--space-xs)}.zone-nav label{width:100%}#zone-select{flex:1}.section{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.section-header{flex-direction:column;gap:.25rem}.btn-primary,.btn-secondary{padding:.8rem 1rem}table{font-size:.82rem}th,td{padding:.45rem .35rem}input[type=number]{width:4.5rem;padding:.35rem .4rem}.col-bar,.seat-bar-cell{width:20%;min-width:0}.party-code{font-size:.65rem;padding:.1rem .35rem;margin-right:.25rem}}@media (max-width: 360px){h1{font-size:1.5rem}.subtitle{font-size:.85rem}}@media print{.zone-nav,.action-row,.btn-toggle,.input-hint,.data-status,.skip-link,.page-footer,.zone-pager{display:none}.section{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.details-panel{grid-template-rows:1fr}.section.hidden{display:block}body{background:#fff}}