:root{--navy: #002A44;--toast-blue: #004165;--teal: #006972;--gold: #EFC13E;--maroon: #772432;--cream: #F9F9FF;--surface-blue: #E7EEFF;--ink: #111C2D;--body: #41474E;--muted: #66717A;--white: #FFFFFF;--green: #6DBE57;--bg: var(--cream);--surface: var(--white);--fg: var(--ink);--border: color-mix(in oklch, var(--toast-blue) 14%, white);--accent: var(--gold);--danger: var(--maroon);--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SFMono-Regular", ui-monospace, Menlo, monospace;--radius-sm: 8px;--max: 1180px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{overflow-x:clip}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,.input:focus-visible{outline:3px solid color-mix(in oklch,var(--gold) 52%,transparent);outline-offset:3px}.skip-link{position:fixed;left:14px;top:12px;z-index:60;transform:translateY(-150%);background:var(--navy);color:var(--white);padding:10px 14px;border-radius:var(--radius-sm);font-weight:800}.skip-link:focus{transform:translateY(0)}.shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{background:var(--navy);color:var(--white);padding:22px 18px;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}.brand img{width:46px;height:46px;object-fit:contain;background:var(--white);border-radius:999px;padding:4px}.brand strong{display:block;line-height:1.05}.brand span{color:color-mix(in oklch,var(--white) 72%,var(--gold));font-size:12px}.nav{display:grid;gap:6px}.nav button{position:relative;min-height:44px;display:flex;align-items:center;gap:10px;padding:9px 11px;border:0;border-radius:var(--radius-sm);background:transparent;color:color-mix(in oklch,var(--white) 82%,var(--navy));text-align:left}.nav-icon{flex:0 0 20px;display:inline-grid;place-items:center}.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.nav button.active,.nav button:hover,.nav button:focus-visible{background:color-mix(in oklch,var(--white) 12%,transparent);color:var(--white)}.main{min-width:0}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,32px);background:color-mix(in oklch,var(--bg) 94%,transparent);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.content{width:min(var(--max),100%);margin:0 auto;padding:24px clamp(14px,3vw,32px) 48px}h1,h2{font-family:var(--font-display);letter-spacing:0;margin:0;line-height:1.12;font-weight:800}h1{font-size:30px}h2{font-size:22px}p{margin:0;color:var(--body)}.eyebrow{font-family:var(--font-mono);font-size:12px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase;color:var(--maroon);margin-bottom:12px}.muted,.meta{color:var(--muted)}.meta,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stack{display:grid;gap:18px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px}.login-panel{max-width:640px}.login-brand{color:var(--fg);margin-bottom:0}.login-field{min-width:min(100%,320px)}.meeting-select{padding:14px 16px}.meeting-select label{max-width:520px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.row{display:grid;grid-template-columns:150px 1fr auto;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--border)}.row:first-child{border-top:0}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--navy);padding:10px 16px;font-weight:800;transition:transform .14s ease,box-shadow .14s ease}.button.secondary{background:var(--navy);border-color:var(--navy);color:var(--white)}.button.tertiary{background:transparent;border-color:var(--border);color:var(--fg)}.button.danger{background:var(--maroon);border-color:var(--maroon);color:var(--white)}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in oklch,var(--toast-blue) 10%,transparent)}.badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;min-height:26px;border-radius:999px;padding:4px 10px;border:1px solid var(--border);background:var(--cream);color:var(--fg);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.badge.open,.badge.eligible{background:color-mix(in oklch,var(--green) 18%,white);border-color:color-mix(in oklch,var(--green) 38%,white)}.badge.warn,.badge.ready{background:color-mix(in oklch,var(--gold) 22%,white);border-color:color-mix(in oklch,var(--gold) 50%,white)}.badge.closed{background:color-mix(in oklch,var(--maroon) 12%,white);border-color:color-mix(in oklch,var(--maroon) 26%,white);color:var(--maroon)}.input,select{width:100%;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--cream);color:var(--fg);padding:10px 12px}label{display:grid;gap:10px;font-size:13px;line-height:1.4;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-span{grid-column:1 / -1}.table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.table th,.table td{padding:14px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;overflow-wrap:normal;word-break:normal}.table th{color:var(--muted);font-family:var(--font-mono);font-size:12px;line-height:1.35;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.table td:first-child{overflow-wrap:anywhere}.logged-table{table-layout:auto}.logged-table th:nth-child(1),.logged-table td:nth-child(1){width:42%;overflow-wrap:normal}.logged-table th:nth-child(2),.logged-table td:nth-child(2){width:110px}.logged-table th:nth-child(3),.logged-table td:nth-child(3){width:160px}.link-line{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:14px}.timer-layout{grid-template-columns:minmax(420px,1.15fr) minmax(480px,.85fr);align-items:start}.timer-side{max-height:calc(100vh - 156px);overflow:auto}.timer-face{display:grid;place-items:center;min-height:min(420px,calc(100vh - 260px));border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--navy);color:var(--white);text-align:center;padding:20px}.timer-face.green{background:color-mix(in oklch,var(--green) 60%,var(--navy))}.timer-face.yellow{background:color-mix(in oklch,var(--gold) 54%,var(--navy));color:var(--navy)}.timer-face.red,.timer-face.overtime{background:var(--maroon)}.timer-face p{color:color-mix(in oklch,var(--white) 78%,var(--navy))}.timer-face.yellow p{color:var(--navy)}.timer-label{color:var(--gold);letter-spacing:.08em;text-transform:none}.timer-digits{font-family:var(--font-mono);font-size:clamp(78px,16vw,178px);line-height:.9;letter-spacing:0}.speaker-picker{display:grid;gap:8px}.speaker-pick{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);padding:10px 12px;text-align:left}.speaker-pick strong{display:block;line-height:1.25}.speaker-pick small{display:block;margin-top:4px;color:var(--muted);font-family:var(--font-mono);font-size:12px;line-height:1.35}.speaker-pick.active{border-color:var(--teal);background:color-mix(in oklch,var(--teal) 8%,var(--surface));box-shadow:inset 0 0 0 1px var(--teal)}.state-card{display:grid;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;background:color-mix(in oklch,var(--surface-blue) 42%,var(--surface))}.status-message{min-height:44px;display:flex;align-items:center;border:1px solid color-mix(in oklch,var(--teal) 32%,white);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--teal) 8%,var(--surface));color:var(--fg);padding:10px 14px;font-family:var(--font-body);font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.status-message.error{border-color:color-mix(in oklch,var(--maroon) 30%,white);background:color-mix(in oklch,var(--maroon) 7%,var(--surface));color:var(--maroon)}.public-wrap{min-height:100vh;display:grid;place-items:center;padding:18px}.phone-page{width:min(100%,430px)}.public-brand{color:var(--fg)}.public-brand span{color:var(--muted)}.state-pane h1{font-size:28px;line-height:1.12}.ballot-heading{display:grid;gap:5px}.ballot-heading p{color:var(--body);font-size:16px;font-weight:750;line-height:1.25;text-wrap:balance}.ballot-heading h1{text-wrap:balance}.vote-list{display:grid;gap:6px}.vote-option{width:100%;min-height:52px;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:10px 13px;text-align:left}.vote-option.active{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}.display-page{min-height:100vh;background:var(--navy);color:var(--white);padding:clamp(18px,3vw,40px)}.display-board{min-height:calc(100vh - clamp(36px,6vw,80px));display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,34vw);gap:clamp(18px,3vw,36px);align-items:stretch}.display-main{display:grid;align-content:start;gap:28px;border:1px solid color-mix(in oklch,var(--white) 16%,transparent);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--white) 7%,transparent);padding:clamp(20px,3vw,40px)}.display-heading{display:grid;gap:16px}.display-heading p{color:color-mix(in oklch,var(--white) 72%,var(--gold));font-size:clamp(18px,2vw,28px);font-weight:760;line-height:1.18}.display-heading h1{color:var(--white);font-size:clamp(44px,6vw,86px);line-height:1;text-wrap:balance}.display-results{display:grid;gap:12px}.display-result-row{min-height:82px;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,auto) auto;gap:18px;align-items:center;border:1px solid color-mix(in oklch,var(--white) 14%,transparent);border-radius:var(--radius-sm);background:var(--white);color:var(--fg);padding:14px 18px}.display-result-row strong{min-width:0;font-size:clamp(26px,3.2vw,44px);line-height:1.05;overflow-wrap:anywhere}.display-result-row .num{color:var(--navy);font-size:clamp(28px,3.6vw,48px);font-weight:850;line-height:1}.display-qr{display:grid;align-content:center;justify-items:center;gap:18px;border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);padding:clamp(18px,3vw,34px);text-align:center}.display-qr .brand{justify-self:stretch;margin-bottom:0;text-align:left}.qr-code{width:min(100%,420px);aspect-ratio:1;border:10px solid var(--white);border-radius:var(--radius-sm);background:var(--white)}.qr-empty{border-color:var(--border);background:var(--cream)}.dialog-backdrop{align-items:center;background:#0f182885;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:40}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);max-width:420px;padding:22px}.dialog p{margin:10px 0 20px}.dialog-actions{justify-content:flex-end}.mobile-menu{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid color-mix(in oklch,var(--white) 22%,transparent);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--white) 10%,transparent);color:var(--white)}.mobile-nav-bar{display:none}@media(max-width:980px){.shell{grid-template-columns:minmax(0,1fr);padding-top:64px}.mobile-nav-bar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;inset:0 0 auto 0;z-index:35;padding:10px 14px;background:var(--navy);color:var(--white)}.mobile-nav-title{min-width:0;display:grid;gap:2px;line-height:1.1}.mobile-nav-title span{color:color-mix(in oklch,var(--white) 72%,var(--gold));font-size:12px}.sidebar{position:fixed;top:64px;left:0;width:min(286px,calc(100vw - 18px));height:calc(100vh - 64px);transform:translate(-105%);visibility:hidden;pointer-events:none;transition:transform .18s ease,visibility 0s linear .18s;box-shadow:18px 0 30px color-mix(in oklch,var(--navy) 22%,transparent)}.sidebar.nav-open{transform:translate(0);visibility:visible;pointer-events:auto;transition:transform .18s ease}.topbar{top:64px}.grid.two,.grid.three,.form-grid,.timer-layout,.display-board{grid-template-columns:1fr}.timer-side{max-height:none;overflow:visible}.row{grid-template-columns:1fr}}@media(max-width:560px){.content{padding-inline:14px}.topbar{align-items:flex-start;flex-direction:column}.section-head{align-items:flex-start;flex-direction:column;gap:10px}.actions{flex-direction:column;align-items:stretch}.button{width:100%}.table,.table thead,.table tbody,.table tr,.table th,.table td{display:block;width:100%}.table thead{display:none}.table tr{padding:12px 0;border-top:1px solid var(--border)}.table tr:first-child{border-top:0}.table td{display:grid;grid-template-columns:minmax(88px,.38fr) minmax(0,1fr);gap:14px;align-items:start;padding:11px 0;border-bottom:0}.table td:before{content:attr(data-label);color:var(--muted);font-family:var(--font-mono);font-size:11px;line-height:1.35;text-transform:uppercase;letter-spacing:.05em}.display-page{padding:12px}.display-main,.display-qr{padding:16px}.display-result-row{grid-template-columns:1fr;justify-items:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}