@import "https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&family=Fredoka:wght@400;500;600;700&family=Luckiest+Guy&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f3e5c4;--paper-2:#e8d3a6;--card:#fff8e7;--ink:#1d1612;--text:var(--ink);--muted:#5f4e3c;--faint:#8c7a62;--red:#d8432f;--red-dark:#9e2a1b;--mustard:#f2b632;--mustard-dark:#b9811a;--teal:#2e8b80;--green:#4aa54f;--green-dark:#2b6e30;--orange:#ee7f24;--orange-dark:#a9530f;--white-key:#fffdf6;--accent:var(--red);--accent-2:var(--teal);--accent-soft:#f2b63259;--stroke:3px solid var(--ink);--pop:4px 4px 0 var(--ink);--pop-lg:7px 7px 0 var(--ink);--wobble:22px 30px 24px 28px / 28px 22px 30px 24px;--wobble-sm:12px 16px 13px 15px / 15px 12px 16px 13px;--display:"Luckiest Guy", "Cooper Black", "Arial Black", sans-serif;--font:"Fredoka", "Trebuchet MS", system-ui, sans-serif;--mono:"Courier Prime", "Courier New", monospace;--bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{min-height:100dvh;font-family:var(--font);color:var(--text);background-color:var(--paper);background-image:radial-gradient(#1d161212 1px,#0000 1.4px),radial-gradient(120% 90% at 50% 40%,#0000 55%,#78501e47 100%);background-size:9px 9px,100% 100%;background-attachment:fixed;margin:0;font-size:16px;line-height:1.5}body:after{content:"";z-index:1000;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(4,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{25%{transform:translate(-3%,2%)}50%{opacity:.11;transform:translate(2%,-3%)}75%{transform:translate(-1%,-2%)}}img{max-width:100%;display:block}a{color:var(--red);font-weight:600;text-decoration:none}a:hover{text-underline-offset:4px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px dashed var(--red);outline-offset:4px}h1,h2,h3{font-family:var(--display);letter-spacing:.02em;margin:0;font-weight:400;line-height:1.05}code{font-family:var(--mono);font-weight:700}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.mascot{display:block;overflow:visible}.mascot .m-bob{transform-box:view-box;transform-origin:50% 96%;animation:.9s ease-in-out infinite bob}.mascot .m-wave{transform-box:fill-box;transform-origin:100% 100%;animation:.9s ease-in-out infinite wave}.mascot .m-swing{transform-box:fill-box;transform-origin:0 0;animation:.9s ease-in-out infinite swing}.mascot .m-blink{transform-box:fill-box;transform-origin:50%;animation:4s infinite eye-blink}.mascot.still *{animation:none!important}@keyframes bob{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-6px)scale(.97,1.04)}80%{transform:translateY(1px)scale(1.04,.95)}}@keyframes wave{50%{transform:rotate(-16deg)}}@keyframes swing{50%{transform:rotate(10deg)}}@keyframes eye-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.app-header{border-bottom:var(--stroke);background:var(--card);box-shadow:0 4px 0 var(--ink);z-index:10;align-items:center;gap:16px;padding:10px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.logo{font-family:var(--display);color:var(--ink);letter-spacing:.03em;align-items:center;gap:8px;font-size:1.6rem;font-weight:400;line-height:1;display:inline-flex}.logo:hover{text-decoration:none}.logo:hover .logo-mark{transform:rotate(-8deg)scale(1.08)}.logo-mark{width:44px;height:44px;transition:transform .3s var(--bounce)}.logo-text{padding-top:4px}.app-header nav{align-items:center;gap:6px;margin-left:auto;display:flex}.nav-link{border-radius:var(--wobble-sm);color:var(--ink);border:3px solid #0000;padding:6px 14px;font-size:1rem;font-weight:600}.nav-link:hover,.nav-link[aria-current=page]{background:var(--mustard);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);text-decoration:none}.container{width:min(1120px,100% - 32px);margin-inline:auto;padding-block:clamp(24px,5vw,56px)}.card{background:var(--card);border:var(--stroke);border-radius:var(--wobble);box-shadow:var(--pop-lg)}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spacer{flex:1}.empty{text-align:center;color:var(--muted);padding:48px 24px}.empty h2{color:var(--ink);margin-bottom:8px;font-size:1.8rem}.btn{border-radius:var(--wobble-sm);border:var(--stroke);background:var(--card);min-height:44px;color:var(--ink);cursor:pointer;white-space:nowrap;box-shadow:var(--pop);transition:transform .15s var(--bounce), box-shadow .15s, background .2s;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:1rem;font-weight:700;display:inline-flex}.btn:hover{box-shadow:5px 6px 0 var(--ink);text-decoration:none;transform:translate(-1px,-2px)rotate(-1deg)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--pop);transform:none}.btn-primary{background:var(--red);color:var(--white-key)}.btn-ghost{box-shadow:none;color:var(--ink);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--accent-soft);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.btn-danger{color:var(--red-dark);background:#fbd9cf}.btn-sm{min-height:36px;box-shadow:3px 3px 0 var(--ink);border-width:2px;padding:0 12px;font-size:.88rem}.btn-icon{width:44px;padding:0}.btn-sm.btn-icon{width:36px}.btn-ghost.btn-sm{box-shadow:none}.btn[aria-pressed=true]{background:var(--mustard);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.badge{border:2px solid var(--ink);border-radius:var(--wobble-sm);box-shadow:2px 2px 0 var(--ink);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;padding:3px 12px 2px;font-size:.8rem;font-weight:700;display:inline-flex;transform:rotate(-2deg)}.badge:before{content:"";border:2px solid var(--ink);background:currentColor;border-radius:50%;width:8px;height:8px}.badge-draft{background:var(--paper-2);color:var(--muted)}.badge-open{color:var(--green-dark);background:#cfe9c4}.badge-open:before{background:var(--green);animation:1s steps(2,end) infinite pulse}.badge-closed{color:#1c5b54;background:#cbe6e2}@keyframes pulse{50%{background:var(--card)}}.avatar{width:var(--avatar-w,56px);aspect-ratio:4/5;border-radius:var(--wobble-sm);border:2px solid var(--ink);object-fit:cover;background:var(--paper-2);filter:sepia(.35)contrast(1.05);flex-shrink:0}.avatar-initials{font-family:var(--display);color:var(--white-key);-webkit-text-stroke:1px var(--ink);letter-spacing:.04em;background:hsl(var(--hue) 50% 55%);filter:none;font-weight:400;font-size:calc(var(--avatar-w,56px) * .4);place-items:center;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--ink);font-size:.9rem;font-weight:700}.input{border-radius:var(--wobble-sm);border:var(--stroke);background:var(--white-key);width:100%;min-height:44px;padding:10px 14px;transition:box-shadow .15s,transform .15s}.input:focus{box-shadow:var(--pop);outline:none;transform:translate(-1px,-1px)}.input:disabled{opacity:.6;background:var(--paper-2)}textarea.input{resize:vertical;min-height:84px}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 14px);background-repeat:no-repeat;background-size:6px 6px;padding-right:36px}select.input option{background:var(--white-key)}.field-error{color:var(--red-dark);font-size:.85rem;font-weight:600}.field.invalid .input{border-color:var(--red);background:#fde8e2}.check{cursor:pointer;align-items:center;gap:8px;font-size:.95rem;font-weight:500;display:inline-flex}.check input{width:20px;height:20px;accent-color:var(--red)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;display:grid}.form-error{border-radius:var(--wobble-sm);border:2px solid var(--red-dark);color:var(--red-dark);background:#fbd9cf;padding:10px 14px;font-size:.92rem;font-weight:600}dialog{border:var(--stroke);border-radius:var(--wobble);background:var(--card);width:min(640px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:9px 9px 0 var(--ink);padding:0}dialog[open]{animation:dialog-in .4s var(--bounce)}dialog::backdrop{background:#1d16128c}.dialog-head,.dialog-foot{align-items:center;gap:10px;padding:16px 22px;display:flex}.dialog-head{border-bottom:var(--stroke);background:var(--mustard)}.dialog-head h2{padding-top:4px;font-size:1.5rem}.dialog-foot{border-top:3px dashed var(--ink);justify-content:flex-end}.dialog-body{flex-direction:column;gap:16px;padding:22px;display:flex}@keyframes dialog-in{0%{opacity:0;transform:scale(.6)rotate(-4deg)}}.toasts{z-index:100;flex-direction:column;gap:10px;max-width:calc(100% - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{border-radius:var(--wobble-sm);border:var(--stroke);box-shadow:var(--pop);animation:toast-in .45s var(--bounce);background:#cfe9c4;padding:12px 18px;font-weight:600}.toast-error{background:#fbd9cf}.toast-out{animation:.25s ease-in forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(30px)scale(.7)rotate(4deg)}}@keyframes toast-out{to{opacity:0;transform:translate(40px)rotate(8deg)}}.hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:clamp(32px,6vw,64px);display:grid}.hero-text{gap:20px;max-width:680px;display:grid}.hero-mascot{filter:drop-shadow(6px 6px #1d16122e);width:clamp(180px,26vw,280px)}.eyebrow{border:2px solid var(--ink);border-radius:var(--wobble-sm);background:var(--ink);color:var(--paper);font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;justify-self:start;padding:4px 14px 2px;font-size:.95rem;transform:rotate(-2deg)}.hero h1{color:var(--white-key);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);font-size:clamp(2.8rem,8vw,5.4rem);line-height:.95}.gradient-text{color:var(--mustard);display:inline-block;transform:rotate(-3deg)}.hero p{color:var(--muted);margin:0;font-size:clamp(1.05rem,2.2vw,1.25rem);font-weight:500}.features{flex-wrap:wrap;gap:10px;display:flex}.feature{border:2px solid var(--ink);border-radius:var(--wobble-sm);background:var(--card);padding:4px 12px;font-size:.88rem;font-weight:600}.feature:nth-child(odd){transform:rotate(-1.5deg)}.feature:nth-child(2n){transform:rotate(1.5deg)}.section-title{align-items:baseline;gap:12px;margin-bottom:24px;display:flex}.section-title h2{font-size:2.2rem}.section-title h2:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10'%3E%3Cpath d='M0 5q6-6 12 0t12 0' fill='none' stroke='%23d8432f' stroke-width='3'/%3E%3C/svg%3E") repeat-x;height:10px;margin-top:2px;display:block}.election-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:28px;display:grid}.election-card{transition:transform .3s var(--bounce), box-shadow .3s;animation:rise .6s var(--bounce) backwards;flex-direction:column;gap:14px;padding:24px;display:flex}.election-card:nth-child(3n+1){rotate:-.6deg}.election-card:nth-child(3n+2){rotate:.5deg}.election-card:hover{box-shadow:11px 12px 0 var(--ink);transform:translate(-3px,-5px)rotate(-1deg)}.election-card h3{font-size:1.7rem}.election-card p{color:var(--muted);margin:0;font-size:.98rem}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:2px solid var(--ink);background:var(--accent-soft);border-radius:999px;padding:2px 10px;font-size:.82rem;font-weight:600}.stats{color:var(--muted);gap:22px;font-size:.9rem;display:flex}.stats strong{font-family:var(--display);color:var(--red);font-size:1.8rem;font-weight:400;line-height:1;display:block}.card-actions{margin-top:auto}@keyframes rise{0%{opacity:0;transform:translateY(40px)scale(.85)}}.skeleton{background:repeating-linear-gradient(-45deg, var(--card) 0 14px, var(--paper-2) 14px 28px);background-size:200% 200%;min-height:220px;animation:2s linear infinite shimmer}@keyframes shimmer{to{background-position:80px 0}}.site-footer{text-align:center;color:var(--muted);padding:32px 16px;font-size:.88rem;font-weight:500}@media (width<=680px){.hero{grid-template-columns:1fr}.hero-mascot{order:-1;justify-self:center;width:170px}}@media (width<=520px){.app-header{gap:8px;padding-inline:16px}.logo-text{display:none}.app-header nav{gap:2px}.nav-link{padding:4px 8px;font-size:.9rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}