body.public-page{--bg:hsl(276 23% 9.0%);--panel:hsl(276 23% 13.5%);--line:hsl(276 25% 22.9%);--text:hsl(276 55% 90.8%);--muted:hsl(276 55% 65.1%);--accent:hsl(276 55% 68.8%);--rose:hsl(276 55% 73.9%);--sage:hsl(276 55% 69.8%);background:radial-gradient(ellipse at 85% 8%,hsl(276 35% 50.8% / 0.063),transparent 36%),radial-gradient(ellipse at 8% 55%,hsl(276 55% 65.3% / 0.063),transparent 32%),var(--bg);font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;isolation:isolate}
.public-page header{border-color:hsl(276 35% 55.9% / 0.149)}.public-page .brand-logo{border-color:hsl(276 35% 58.2% / 0.349);box-shadow:0 0 28px hsl(276 55% 68.8% / 0.063);transition:transform .35s}.public-page .brand:hover .brand-logo{transform:rotate(-7deg)}.public-page nav a{transition:color .25s}.public-page nav a.active{color:hsl(276 55% 78.2%);border-color:hsl(276 55% 65.3%)}.public-page .hero{border-color:hsl(276 35% 55.9% / 0.188);padding-bottom:43px}.public-page .hero h1{font-weight:750;letter-spacing:-3.5px;line-height:1.08}.public-page .hero h1 em{color:var(--accent);background:linear-gradient(105deg,hsl(276 35% 61.6%) 0%,hsl(276 55% 80.8%) 35%,hsl(276 55% 73.9%) 58%,hsl(276 55% 68.8%) 80%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:lavender-drift 12s ease-in-out infinite}.public-page .hero p{color:hsl(276 55% 68.2%)}.public-page .eyebrow{letter-spacing:2.5px}.public-page .steps{color:hsl(276 35% 63.3%);gap:25px}.public-page .steps b{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid hsl(276 35% 49.8% / 0.239);background:hsl(276 35% 50.0% / 0.063);color:hsl(276 55% 74.9%);font-size:9px}.public-page .stamp{position:relative;border-color:hsl(276 55% 65.9% / 0.439);background:radial-gradient(circle,hsl(276 35% 59.4% / 0.071),transparent 70%);box-shadow:inset 0 0 40px hsl(276 35% 60.2% / 0.031);animation:badge-sway 8s ease-in-out infinite}.public-page .stamp::before{content:'';position:absolute;inset:9px;border:1px dashed hsl(276 35% 61.6% / 0.251);border-radius:50%}.public-page .stamp::after{content:'✦';position:absolute;right:0;top:0;font-size:30px;color:hsl(276 55% 72.2%);animation:star-breathe 4s ease-in-out infinite}.public-page .stamp strong{color:hsl(276 55% 80.6%);font-weight:600}.public-page .stamp span{color:hsl(276 35% 63.5%);line-height:1.7}.public-page .section-head h2{font-weight:600;letter-spacing:-.5px}.public-page .number{border-color:hsl(276 35% 59.2% / 0.400);background:hsl(276 35% 52.7% / 0.071);color:hsl(276 55% 72.9%);border-radius:11px;transform:rotate(-6deg)}.public-page .category:nth-of-type(odd) .number{border-color:hsl(276 35% 63.9% / 0.400);color:hsl(276 55% 78.8%);background:hsl(276 35% 63.9% / 0.063)}.public-page .tag{color:hsl(276 55% 71.6%)}.public-page .people{gap:11px}.public-page .person{background:linear-gradient(125deg,hsl(276 23% 14.9%),hsl(276 23% 12.9%));border-color:hsl(276 25% 27.1% / 0.502);border-radius:14px;padding:14px;transition:transform .25s ease,background .25s,border-color .25s,box-shadow .25s}.public-page .person:hover{background:linear-gradient(125deg,hsl(276 25% 18.8%),hsl(276 23% 14.7%));border-color:hsl(276 55% 65.9% / 0.612);transform:translateY(-4px) rotate(-.5deg);box-shadow:0 9px 24px hsl(276 23% 0.0% / 0.200)}.public-page .person:active{transform:translateY(-1px) scale(.98)}.public-page .person img{border-color:hsl(276 35% 44.7%);transition:transform .3s}.public-page .person:hover img{transform:rotate(7deg) scale(1.08)}.public-page .person .plus{color:hsl(276 35% 61.6%);transition:transform .3s}.public-page .person:hover .plus{transform:rotate(90deg)}.public-page .person strong{font-weight:600}.public-page .category-note{color:hsl(276 35% 59.6%);margin-top:16px}.public-page .vote-card{border-color:hsl(276 35% 55.5% / 0.220);border-radius:18px;background:linear-gradient(135deg,hsl(276 23% 14.7%),hsl(276 23% 13.1%));box-shadow:0 8px 30px hsl(276 23% 0.0% / 0.067);transition:border-color .3s,box-shadow .3s,translate .3s}.public-page .vote-card:hover{border-color:hsl(276 35% 62.9% / 0.439);box-shadow:0 12px 35px hsl(276 23% 0.0% / 0.200);translate:0 -3px}.public-page .vote-person{padding-block:20px}.public-page .vote-person img{border:1px solid hsl(276 35% 52.5% / 0.302)}.public-page .vote-person h3{font-weight:600}.public-page .vote-player{border-color:hsl(276 35% 55.5% / 0.188)}.public-page .vote-play{background:radial-gradient(ellipse at 50% 43%,hsl(276 25% 24.7%),hsl(276 23% 11.6%) 85%)}.public-page .vote-play:hover{background:radial-gradient(ellipse at 50% 43%,hsl(276 25% 30.4%),hsl(276 23% 13.9%) 85%)}.public-page .vote-play .play-symbol{border-color:hsl(276 55% 65.5% / 0.522);background:hsl(276 35% 64.1% / 0.047);color:hsl(276 55% 77.5%);box-shadow:0 0 35px hsl(276 55% 65.9% / 0.078);transition:box-shadow .3s,background .3s}.public-page .vote-play:hover .play-symbol{background:hsl(276 35% 64.1% / 0.125);box-shadow:0 0 40px hsl(276 55% 65.9% / 0.200)}.public-page .vote-play>strong{color:hsl(276 55% 84.9%);font-weight:600}.public-page .vote-play>span:last-child{color:hsl(276 35% 63.1%)}.public-page .primary{background:linear-gradient(120deg,hsl(276 35% 61.4%),hsl(276 55% 78.2%));color:hsl(276 23% 12.7%);box-shadow:0 3px 14px hsl(276 55% 65.9% / 0.075);transition:filter .2s,scale .2s}.public-page .primary:not(:disabled):hover{filter:brightness(1.1);scale:1.02}.public-page .primary:not(:disabled):active{scale:.98}.public-page .secondary{background:hsl(276 23% 15.1%);border-color:hsl(276 25% 37.3% / 0.271);border-radius:9px;color:hsl(276 55% 78.8%);transition:background .2s,border-color .2s}.public-page .secondary:not(:disabled):hover{background:hsl(276 25% 19.2%);border-color:hsl(276 35% 52.9% / 0.541)}.public-page .ballot-status{background:linear-gradient(110deg,hsl(276 25% 18.0%),hsl(276 23% 14.7%));border-color:hsl(276 35% 54.5% / 0.439);border-radius:13px}.public-page .ballot-status .status{color:hsl(276 55% 74.9%)}.public-page .ballot-controls>.help{color:hsl(276 55% 66.9%)}.public-page .empty-state{border-color:hsl(276 25% 39.6% / 0.400);background:hsl(276 35% 51.2% / 0.063);border-radius:15px}.public-page #clip-dialog{background:linear-gradient(135deg,hsl(276 23% 15.9%),hsl(276 23% 11.4%));border-color:hsl(276 35% 55.7% / 0.361);border-radius:20px;box-shadow:0 25px 100px hsl(276 23% 0.0% / 0.600)}.public-page #clip-dialog[open]{animation:dialog-arrive .32s cubic-bezier(.2,.75,.3,1)}.public-page #clip-dialog::backdrop{background:hsl(276 23% 5.3% / 0.831)}.public-page input{background:hsl(276 23% 10.6%);border-color:hsl(276 25% 32.9%);border-radius:9px}.public-page #toast{background:linear-gradient(110deg,hsl(276 55% 65.3%),hsl(276 55% 80.0%));color:hsl(276 23% 13.7%);border-radius:14px;box-shadow:0 12px 40px hsl(276 23% 0.0% / 0.333)}.public-page footer{border-color:hsl(276 35% 55.5% / 0.188);color:hsl(276 35% 60.4%)}.public-page footer a{color:hsl(276 55% 71.6%)}
.public-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.ambient-spark{position:absolute;left:var(--spark-x);top:var(--spark-y);font-size:var(--spark-size);color:hsl(276 55% 65.9%);opacity:0;animation:quiet-spark var(--spark-duration) ease-in-out var(--spark-delay) infinite}.ambient-spark:nth-child(3n){color:hsl(276 55% 74.3%)}.public-page .reveal-ready{transition:opacity .65s ease,translate .65s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}.public-page .reveal-ready:not(.is-revealed){opacity:0;translate:0 15px}.public-page .person.reveal-ready{transition:opacity .55s ease,translate .55s ease,transform .25s,background .25s,border-color .25s,box-shadow .25s}.public-page .hero .eyebrow,.public-page .hero h1,.public-page .hero p,.public-page .hero .steps{animation:hero-arrive .7s both}.public-page .hero h1{animation-delay:.08s}.public-page .hero p{animation-delay:.17s}.public-page .hero .steps{animation-delay:.24s}
.mascot-peek{position:fixed;pointer-events:none;z-index:20;width:clamp(80px,11vw,135px);filter:drop-shadow(0 4px 12px hsl(276 23% 0.0% / 0.333))}.mascot-peek img{width:100%;height:auto;display:block}.mascot-peek[data-side='bottom']{bottom:-8px}.mascot-peek[data-side='top']{top:-8px;rotate:180deg}.mascot-peek[data-side='left']{left:-8px;rotate:90deg;transform-origin:center}.mascot-peek[data-side='right']{right:-8px;rotate:-90deg;transform-origin:center}
@keyframes lavender-drift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes badge-sway{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(11deg) translateY(-7px)}}@keyframes star-breathe{0%,100%{opacity:.45;scale:.85;rotate:-8deg}50%{opacity:1;scale:1.1;rotate:9deg}}@keyframes quiet-spark{0%,100%{opacity:0;translate:0 8px;scale:.7}40%,60%{opacity:.3;translate:0 -8px;scale:1}}@keyframes hero-arrive{from{opacity:0;translate:0 13px}to{opacity:1;translate:0 0}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:650px){.public-page .hero h1{letter-spacing:-2px}.public-page .steps{gap:12px;flex-wrap:wrap}.public-page .steps b{width:22px;height:22px;margin-right:5px}.public-page .person{padding:11px}.public-page .person strong{font-size:11px}.public-page .people{gap:8px}.ambient-spark:nth-child(n+7){display:none}}
@media(prefers-reduced-motion:reduce){.public-page *,.public-page *::before,.public-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.public-page .reveal-ready:not(.is-revealed){opacity:1;translate:none}.public-page .person:hover,.public-page .vote-card:hover{transform:none;translate:none}.public-atmosphere{display:none}}
.mascot-peek{width:clamp(100px,12vw,155px);aspect-ratio:1;display:grid;place-items:center}.mascot-peek img{width:100%;height:100%;object-fit:contain}.mascot-peek[data-kind="whole"]{width:clamp(125px,14vw,185px)}

body.public-page{--bg:#17131f;--panel:#272132;--line:#443752;--text:#f1eaf9;--muted:#b4a6c6;--accent:#c9a7f7;--rose:#e4acd6;--sage:#acb8e8;background:radial-gradient(ellipse at 85% 8%,#b582f51c,transparent 45%),radial-gradient(ellipse at 8% 55%,#e39aca12,transparent 40%),var(--bg)}
.public-page .hero h1 em{background-image:linear-gradient(105deg,#bfa3f0,#efc1e6 35%,#adbff6 60%,#cfaef5 85%)}.public-page .primary,.public-page #toast{background:linear-gradient(115deg,#bda0eb,#e0b9f0);color:#271934}.public-page .ballot-status{background:linear-gradient(110deg,#35263f,#262131);border-color:#a17cba70}.public-page .vote-play{background:radial-gradient(ellipse at 50% 43%,#4f355f,#201a2b 85%)}.public-page .vote-play:hover{background:radial-gradient(ellipse at 50% 43%,#654679,#2b2139 85%)}.public-page .vote-play .play-symbol{color:#e4c9ff;border-color:#c59aea90}.public-page .person:hover{background:linear-gradient(125deg,#3d2d4c,#292136);border-color:#c69ae4a0}
.draft-recovery{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid #806092;border-radius:12px;background:#2d2137;margin-bottom:20px;font-size:12px;flex-wrap:wrap}.draft-recovery span{margin-right:auto}.draft-recovery button{font-size:11px}.toolbar>a{font-size:12px}
.public-page .hero::after{content:'✧';position:absolute;right:24%;top:8%;font-size:34px;color:#c3a0ee70;pointer-events:none;animation:orbit-spark 11s ease-in-out infinite}.public-page .person{position:relative;overflow:hidden}.public-page .person::after{content:'';position:absolute;inset:-70% -80%;background:linear-gradient(110deg,transparent 43%,#e8cfff09 50%,transparent 57%);translate:-65% 0;pointer-events:none;animation:card-sheen 9s ease-in-out var(--shine-delay,0s) infinite}.public-page .vote-person{background:radial-gradient(ellipse at top right,#c798ee12,transparent 75%)}.public-page .vote-person img{animation:avatar-bob 6s ease-in-out var(--shine-delay,0s) infinite}.public-page .vote-play .play-symbol{animation:play-breathe 4s ease-in-out infinite}.public-orb{position:absolute;width:45vw;height:45vw;max-width:700px;max-height:700px;border-radius:50%;background:radial-gradient(circle,#ae7ced0b,transparent 66%);left:-15%;top:8%;animation:orb-drift 22s ease-in-out infinite}.public-orb:nth-child(2){left:auto;right:-13%;top:48%;background:radial-gradient(circle,#da9ed50a,transparent 66%);animation-delay:-11s}.tap-spark{position:absolute;width:8px;height:8px;background:#e9d5ff;border-radius:50%;pointer-events:none;z-index:5}
@keyframes orbit-spark{0%,100%{translate:0 0;rotate:0deg;opacity:.35}50%{translate:13px -16px;rotate:35deg;opacity:.85}}@keyframes card-sheen{0%,64%{translate:-65% 0}90%,100%{translate:65% 0}}@keyframes avatar-bob{0%,100%{translate:0 0}50%{translate:0 -2px}}@keyframes play-breathe{0%,100%{box-shadow:0 0 0 0 #bb8ee220,0 0 25px #b98ce612}50%{box-shadow:0 0 0 10px #bb8ee200,0 0 35px #b98ce62a}}@keyframes orb-drift{0%,100%{translate:0 0;scale:1}50%{translate:12vw 8vh;scale:1.15}}
@media(prefers-reduced-motion:reduce){.public-page .hero::after,.public-page .person::after,.public-orb{animation:none!important}.public-page .vote-person img,.public-page .vote-play .play-symbol{animation:none!important}}