.dialog{position:fixed;inset:0;width:min(30rem,calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - 2rem);margin:auto;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);color:var(--color-text);background:var(--color-surface);box-shadow:var(--surface-shadow);overscroll-behavior:contain;scrollbar-color:var(--color-primary) var(--color-surface-raised);scrollbar-width:thin}
.dialog::backdrop{background:var(--color-overlay)}
.dialog h2{margin-bottom:var(--space-md)}
.dialog::-webkit-scrollbar{width:.7rem}
.dialog::-webkit-scrollbar-track{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised)}
.dialog::-webkit-scrollbar-thumb{border:2px solid var(--color-surface-raised);border-radius:var(--radius-pill);background:var(--color-primary)}
.dialog::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}
.color-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin-bottom:var(--space-md)}
.color-choice{appearance:none;display:grid;place-items:center;min-width:0;min-height:4rem;border:1px solid var(--color-card-light);border-radius:var(--radius-md);padding:var(--space-sm);color:var(--color-card-ink);font:inherit;font-weight:900;box-shadow:0 .35rem .8rem var(--color-shadow);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}
.color-choice:hover,.color-choice:focus-visible{transform:translateY(-.12rem);box-shadow:0 .55rem 1rem var(--color-shadow)}
.color-choice:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
.color-choice--red{background:var(--color-red)}
.color-choice--yellow{background:var(--color-yellow)}
.color-choice--green{background:var(--color-green)}
.color-choice--blue{background:var(--color-blue)}
.restart-dialog{width:min(34rem,calc(100vw - 2rem))}
.restart-countdown{margin-block:var(--space-md);font-weight:800}
.restart-countdown strong{color:var(--color-primary);font-size:1.35rem}
.restart-vote-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-lg)}
.restart-vote-actions .button--danger{grid-column:1/-1}
@supports(padding:max(0px)){.dialog{width:min(30rem,calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 1rem));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem);padding:max(var(--space-xl),env(safe-area-inset-top)) max(var(--space-xl),env(safe-area-inset-right)) max(var(--space-xl),env(safe-area-inset-bottom)) max(var(--space-xl),env(safe-area-inset-left))}.restart-dialog{width:min(34rem,calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 1rem))}}
@media(max-width:30rem){.dialog{padding:var(--space-md)}.restart-vote-actions{grid-template-columns:1fr}.restart-vote-actions .button--danger{grid-column:auto}}