.vote{--v-pink: #ff4fa3;--v-deep: #ff8cc4;--v-text: #ffffff;--v-muted: #c9b6d6;--v-soft: #241133;--v-line: rgba(255, 140, 200, .2);--v-panel: #1d1027;color:var(--v-text);font-family:Figtree,system-ui,sans-serif}.vote-home{max-width:1200px;margin:0 auto;padding:clamp(40px,7vw,72px) clamp(18px,4vw,40px) clamp(36px,6vw,56px)}.vote-app{min-width:0;max-width:100%;background:var(--v-panel);border:1px solid var(--v-line);border-radius:20px;padding:18px 16px;box-shadow:0 8px 24px #d63a841a}.vote-head{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.vote-eyebrow{margin:0;font:800 12px/1 Figtree,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--v-deep)}.vote-title{margin:0;font:800 clamp(22px,4.2vw,36px)/1.12 "Unbounded","Figtree",system-ui,sans-serif;letter-spacing:-.02em;text-wrap:balance;color:var(--v-text)}.vote-app .vote-title{font-size:19px}.vote-sub{margin:0;color:var(--v-muted);font-size:15px;line-height:1.5}.vote-home .vote-head{align-items:center;text-align:center}.vote-home .vote-body,.vote-home .vote-suggest{margin-left:auto;margin-right:auto}.vote-body{max-width:420px}.vote-loading{margin:0;color:var(--v-muted);padding:20px 0}.vote-deck{position:relative;display:grid;outline:none;border-radius:22px;touch-action:pan-y}.vote-deck:focus-visible{outline:3px solid var(--v-deep);outline-offset:4px}.vote-card{grid-area:1 / 1;display:flex;flex-direction:column;gap:10px;min-width:0;background:var(--v-panel);border:1.5px solid var(--v-line);border-radius:22px;padding:10px;box-shadow:0 14px 32px -14px #d63a8473}.vote-top{position:relative;z-index:2;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;transition:transform .25s ease;--yes: 0;--no: 0}.vote-top.dragging{cursor:grabbing;transition:none}.vote-top.flying{transition:transform .32s cubic-bezier(.3,.7,.4,1),opacity .32s ease}.vote-under{transform:translateY(10px) scale(.95);opacity:.7;pointer-events:none}.vote-stamp{position:absolute;top:22px;padding:6px 12px;border-radius:10px;border:3px solid currentColor;font:800 18px/1 Unbounded,Figtree,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;background:#12071ad9;pointer-events:none}.vote-stamp-yes{left:22px;color:var(--v-pink);transform:rotate(-12deg);opacity:var(--yes)}.vote-stamp-no{right:22px;color:var(--v-muted);transform:rotate(12deg);opacity:var(--no)}.vote-media{position:relative;display:block;width:100%;aspect-ratio:4 / 5;border-radius:14px;overflow:hidden;background:var(--v-soft)}.vote-app .vote-media{aspect-ratio:16 / 11}.vote-media img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.vote-media iframe{position:absolute;top:50%;left:50%;height:100%;aspect-ratio:16 / 9;width:auto;min-width:100%;transform:translate(-50%,-50%);border:0;pointer-events:none}.vote-burst{position:absolute;left:50%;top:42%;z-index:3;pointer-events:none}.vote-burst i,.vote-burst b{position:absolute;left:0;top:0;color:var(--v-pink);font-style:normal;line-height:1;transform:translate(-50%,-50%)}.vote-burst i{font-size:22px;animation:vote-fly .8s ease-out var(--d) both}.vote-burst b{font-size:96px;text-shadow:0 8px 24px rgba(214,58,132,.5);animation:vote-pop .7s ease-out both}@keyframes vote-fly{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(var(--s));opacity:0}}@keyframes vote-pop{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}35%{transform:translate(-50%,-50%) scale(1.15);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.vote-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.vote-round{flex:0 0 auto;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font:800 22px/1 Figtree,system-ui,sans-serif;transition:transform .15s ease,background .15s ease}.vote-round:active{transform:scale(.92)}.vote-round:disabled{opacity:.6;cursor:default}.vote-round:focus-visible,.vote-dot:focus-visible{outline:3px solid var(--v-deep);outline-offset:2px}.vote-skip{border:1.5px solid var(--v-line);background:var(--v-panel);color:var(--v-muted)}.vote-skip:hover{background:var(--v-soft)}.vote-love{width:72px;height:72px;border:0;background:var(--v-pink);color:#fff;font-size:30px;box-shadow:0 12px 24px -8px #d63a84a6}.vote-love:hover{background:var(--v-deep)}.vote-dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.vote-dot{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#f0529c40;cursor:pointer;transition:width .2s ease,background .2s ease}.vote-dot.on{width:24px;background:var(--v-pink)}.vote-done{display:flex;flex-direction:column;gap:10px}.vote-done.pop{animation:vote-in .45s ease-out both}@keyframes vote-in{0%{transform:translateY(12px) scale(.97);opacity:0}to{transform:none;opacity:1}}.vote-confirm{margin:0;display:flex;align-items:center;gap:10px;font:800 24px/1.15 Unbounded,Figtree,system-ui,sans-serif;color:var(--v-deep)}.vote-confirm span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--v-pink);color:#fff;font-size:22px}.vote-results{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.vote-results li{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:14px;border:1.5px solid var(--v-line);background:var(--v-panel)}.vote-results li.mine{border-color:var(--v-pink);box-shadow:0 0 0 3px #f0529c26}.vote-rrow{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.vote-rname{font-weight:800;font-size:15px;overflow-wrap:anywhere}.vote-rname span{color:var(--v-muted);font-weight:700;font-size:13px}.vote-results .vote-yours{align-self:flex-start;margin-left:0}.vote-live{margin:0;font-size:13px;color:var(--v-muted)}.vote-kind{position:absolute;left:8px;top:8px;padding:5px 8px;border-radius:999px;background:#ffffffeb;color:var(--v-deep);font:800 10px/1 Figtree,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}.vote-none{display:grid;place-items:center;cursor:default;text-align:center;border:1.5px dashed var(--v-line)}.vote-none span{color:var(--v-muted);font-size:13px;line-height:1.4;font-weight:700;padding:0 10px}.vote-art{display:block;border:0}.vote-art img{position:absolute;inset:0}.vote-art:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#1b0b17d1,#1b0b1773 34%,#1b0b1700 60%);pointer-events:none}.vote-art span{position:absolute;z-index:1;left:0;right:0;bottom:14px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}.vote-art .vote-kind{z-index:1}.vote-info h3{margin:0;font:800 16px/1.2 Unbounded,Figtree,system-ui,sans-serif;color:var(--v-text);overflow-wrap:anywhere}.vote-info p{margin:4px 0 0;color:var(--v-muted);font-size:14px;font-weight:700}.vote-send:focus-visible{outline:3px solid var(--v-deep);outline-offset:2px}.vote-bar{height:12px;border-radius:999px;background:var(--v-soft);overflow:hidden}.vote-bar i{display:block;height:100%;border-radius:inherit;background:#f0529c73;transition:width .6s ease}.vote-results li.mine .vote-bar i{background:var(--v-pink)}.vote-pct{font:800 18px/1 Unbounded,Figtree,system-ui,sans-serif;color:var(--v-text)}.vote-yours{margin-left:auto;padding:5px 9px;border-radius:999px;background:var(--v-pink);color:#fff;font:800 11px/1 Figtree,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}.vote-thanks{margin:0;padding:12px 14px;border-radius:14px;background:var(--v-soft);color:var(--v-deep);font-weight:800;font-size:16px;line-height:1.4}.vote-suggest{margin-top:18px;display:flex;flex-direction:column;gap:8px;max-width:520px}.vote-suggest label{font-weight:800;font-size:15px;color:var(--v-text)}.vote-suggest-row{display:flex;gap:8px}.vote-suggest input{flex:1 1 auto;min-width:0;min-height:48px;padding:0 14px;border-radius:14px;border:1.5px solid var(--v-line);background:var(--v-panel);color:var(--v-text);font:600 16px/1 Figtree,system-ui,sans-serif}.vote-suggest input:focus{outline:none;border-color:var(--v-pink);box-shadow:0 0 0 3px #f0529c2e}.vote-send{min-height:48px;padding:0 18px;border-radius:14px;border:1.5px solid var(--v-pink);background:var(--v-panel);color:var(--v-deep);font:800 15px/1 Figtree,system-ui,sans-serif;cursor:pointer}.vote-send:disabled{opacity:.6}.vote-msg{margin:0;min-height:1.2em;font-size:14px;font-weight:700}.vote-msg.ok{color:#2fae7a}.vote-msg.err{color:var(--v-deep)}@media (prefers-reduced-motion: reduce){.vote-bar i,.vote-top,.vote-dot{transition:none}.vote-done.pop{animation:none}}
