@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;800&family=DM+Serif+Display:ital@0;1&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;font-family:DM Sans,sans-serif}input,textarea,button{font-family:inherit}input::placeholder,textarea::placeholder{color:#fff3}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::selection{background:#f0c04033}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes livePulse{0%{box-shadow:0 0 #4ade8066}70%{box-shadow:0 0 0 8px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes spin{to{transform:rotate(360deg)}}.glow1{pointer-events:none;background:radial-gradient(circle,#f0c0400f 0%,#0000 70%);width:500px;height:500px;position:fixed;top:-20%;right:-10%}.glow2{pointer-events:none;background:radial-gradient(circle,#40a0f00d 0%,#0000 70%);width:600px;height:600px;position:fixed;bottom:-20%;left:-10%}.header{margin-bottom:2rem}.badge{letter-spacing:.15em;color:#f0c040;background:#f0c0401a;border:1px solid #f0c04033;border-radius:100px;margin-bottom:1.2rem;padding:.3rem .8rem;font-size:.65rem;font-weight:700;display:inline-block}.title{color:#fff;letter-spacing:-.03em;margin:0 0 .8rem;font-family:"'DM Serif Display', serif";font-size:clamp(2.8rem,8vw,4rem);font-weight:800;line-height:1}.titleAccent{background:linear-gradient(135deg,#f0c040 0%,#f08040 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.subtitle{color:#fff6;letter-spacing:.01em;margin:0;font-size:.95rem}.card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;overflow:hidden}.cardInner{padding:1.8rem}.label{letter-spacing:.12em;color:#ffffff4d;margin-bottom:.6rem;font-size:.65rem;font-weight:700;display:block}.textarea{color:#fff;resize:none;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:.9rem 1rem;font-family:inherit;font-size:1rem;line-height:1.5;transition:border-color .2s}.textarea:focus{border-color:#f0c040}.optionsList{flex-direction:column;gap:.5rem;display:flex}.optionRow{align-items:center;gap:.6rem;width:100%;display:flex;overflow:hidden}.optionNum{color:#ffffff4d;background:#ffffff0f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:600;display:flex}.optionInput{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;outline:none;flex:1;padding:.7rem .9rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.optionInput:focus{border-color:#f0c040}.removeBtn{color:#ff7878b3;cursor:pointer;background:#ff50501a;border:1px solid #ff505026;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1.1rem;transition:all .2s;display:flex}.addBtn{color:#ffffff4d;cursor:pointer;background:0 0;border:1px dashed #ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:.6rem;padding:.7rem;font-family:inherit;font-size:.85rem;transition:all .2s;display:flex}.error{color:#ff8080;background:#ff505014;border:1px solid #ff505026;border-radius:10px;margin-top:1rem;padding:.7rem 1rem;font-size:.85rem}.submitBtn{color:#0a0a0a;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#f0c040 0%,#f08040 100%);border:none;border-radius:12px;width:100%;margin-top:1.2rem;padding:1rem;font-family:inherit;font-size:.95rem;font-weight:800;transition:transform .15s,opacity .15s}.submitBtn:hover:not(:disabled){transform:scale(1.02)}.submitBtn:disabled{opacity:.7;transform:scale(.98)}.divider{align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.dividerLine{background:#ffffff0f;flex:1;height:1px}.dividerText{color:#fff3;letter-spacing:.05em;white-space:nowrap;font-size:.75rem}.joinRow{flex-wrap:wrap;gap:.6rem;display:flex}.joinInput{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;flex:1;padding:.8rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.joinInput:focus{border-color:#f0c04066}.joinBtn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;padding:.8rem 1.4rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}@media (width<=480px){.page{padding:1rem}.header{margin-bottom:1.4rem}.badge{margin-bottom:.8rem}.title{font-size:2rem}.subtitle{font-size:.85rem}.cardInner{padding:1rem}.label{margin-bottom:.4rem}.mobileMarginTop{margin-top:1rem!important}.textarea{padding:.7rem .8rem;font-size:.9rem}.optionsList{gap:.35rem}.optionRow{gap:.4rem}.optionInput{width:100%;min-width:0;padding:.6rem .7rem;font-size:.85rem}.addBtn{margin-top:.4rem;padding:.5rem}.error{margin-top:.7rem;padding:.5rem .8rem}.submitBtn{margin-top:.8rem;padding:.9rem}.submitting{opacity:.7;transform:scale(.98)}.divider{gap:.7rem;margin:1rem 0}.mobileJoinRow{flex-direction:column;gap:.4rem}.joinInput{padding:.7rem .8rem;font-size:.85rem}.joinBtn{width:100%;padding:.8rem}}@media (width<=768px){.page{padding:1.5rem}.title{font-size:2.5rem}.tabletMarginTop{margin-top:1.5rem!important}}.page{background:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;font-family:"'DM Sans', sans-serif";display:flex;position:relative;overflow:hidden}.noise{pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.glow{pointer-events:none;background:radial-gradient(#f0c0400a 0%,#0000 70%);width:800px;height:400px;position:fixed;top:0;left:50%;transform:translate(-50%)}.container{z-index:1;width:100%;max-width:560px;animation:.5s forwards fadeUp;position:relative}.center{background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;font-family:"'DM Sans', sans-serif";display:flex}.spinner{border:3px solid #ffffff0f;border-top-color:#f0c040;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.loadingText{color:#ffffff4d;margin:0;font-size:.9rem}.errorIcon{color:#ff8080;background:#ff50501a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;display:flex}.errorText{color:#fff6;margin:0}.topRow{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.liveIndicator{align-items:center;gap:.5rem;display:flex}.liveDot{border-radius:50%;width:8px;height:8px}.liveDot.live{background:#4ade80;animation:2s infinite livePulse;box-shadow:0 0 #4ade8066}.liveDot.offline{background:#6b7280}.liveText{letter-spacing:.12em;font-size:.65rem;font-weight:700}.liveText.live{color:#4ade80}.liveText.offline{color:#6b7280}.voteBadge{color:#fff6;background:#ffffff0d;border:1px solid #ffffff14;border-radius:100px;padding:.3rem .8rem;font-size:.75rem;font-weight:500}.question{color:#fff;letter-spacing:-.02em;margin:0 0 .5rem;font-family:"'DM Serif Display', serif";font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800;line-height:1.2}.hint{color:#ffffff40;margin:0 0 1.5rem;font-size:.85rem}.expiryText{color:#ffffff40;letter-spacing:.03em;margin:0 0 1.5rem;font-size:.75rem}.optionsList{flex-direction:column;gap:.6rem;margin-top:1.5rem;margin-bottom:1.5rem;display:flex}.optionBtn{text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;width:100%;padding:1rem 1.2rem;font-family:DM Sans,sans-serif;transition:border-color .2s,transform .15s;position:relative;overflow:hidden}.optionBtn:hover:not(:disabled){border-color:#f0c0404d}.optionBtn:disabled{cursor:default}.optionBtn.selected{border-color:#f0c04080;transform:scale(1.01)}.optionBtn.winning{border-color:#4ade804d}.progressBar{border-radius:14px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.progressBar.selected{background:linear-gradient(90deg,#f0c04026,#f080401a)}.progressBar.default{background:#ffffff0a}.optionContent{z-index:1;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.optionLeft{flex:1;align-items:center;gap:.8rem;display:flex}.optionDot{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.optionDot.selected{background:linear-gradient(135deg,#f0c040,#f08040);box-shadow:0 0 12px #f0c0404d}.checkmark{color:#0a0a0a;font-size:.7rem;font-weight:800}.optionText{word-break:break-word;font-size:.95rem;transition:color .2s}.optionText.selected{color:#f0c040;font-weight:600}.optionText.default{color:#fff;font-weight:400}.optionRight{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.voteCount{color:#ffffff4d;font-size:.8rem}.percentBadge{font-variant-numeric:tabular-nums;border-radius:6px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.percentBadge.selected{color:#f0c040;background:#f0c04026}.percentBadge.default{color:#ffffff80;background:#ffffff0f}.votedBanner{color:#4ade80;background:#4ade800f;border:1px solid #4ade8026;border-radius:12px;align-items:center;gap:.6rem;margin-bottom:2rem;padding:.9rem 1.2rem;font-size:.9rem;font-weight:500;display:flex}.votedIcon{background:#4ade8026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:flex}.shareSection{margin-top:.5rem}.shareLabel{letter-spacing:.12em;color:#fff3;margin:0 0 .6rem;font-size:.65rem;font-weight:700}.shareRow{gap:.5rem;display:flex}.shareInput{color:#ffffff4d;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;outline:none;flex:1;padding:.7rem .9rem;font-family:monospace;font-size:.8rem;overflow:hidden}.copyBtn{color:#fff9;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;padding:.7rem 1.1rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.errorPage{background:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;font-family:DM Sans,sans-serif;display:flex}.errorContainer{text-align:center;animation:.5s forwards fadeUp}.errorCode{background:linear-gradient(135deg,#f0c040,#f08040);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-family:DM Serif Display,serif;font-size:8rem;font-weight:800;line-height:1}.errorTitle{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.errorSubtitle{color:#fff6;margin-bottom:2rem;font-size:.95rem}.errorBtn{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:.8rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.errorBtn:hover{color:#fff;background:#ffffff14}@media (width<=480px){.page{padding:1rem}.center{gap:.7rem}.spinner{width:30px;height:30px}.loadingText{font-size:.8rem}.errorIcon{width:40px;height:40px;font-size:1rem}.errorText{font-size:.85rem}.topRow{margin-bottom:1rem}.liveIndicator{gap:.35rem}.question{font-size:1.8rem}.hint{margin-bottom:1rem;font-size:.75rem}.optionsList{gap:.4rem;margin-top:1rem;margin-bottom:1rem}.optionBtn{min-height:44px;padding:.8rem 1rem}.optionContent{gap:.7rem}.optionLeft{gap:.6rem}.optionDot{width:20px;height:20px}.optionText{font-size:.85rem}.optionRight{gap:.35rem}.voteCount,.percentBadge{font-size:.75rem}.votedBanner{gap:.4rem;margin-bottom:1.4rem;padding:.7rem 1rem;font-size:.8rem}.votedIcon{width:20px;height:20px}.shareSection{margin-top:.3rem}.shareLabel{margin-bottom:.4rem}.shareRow,.mobileShareRow{flex-direction:column;gap:.35rem}.shareInput{padding:.6rem .8rem;font-size:.75rem}.copyBtn{width:100%;padding:.8rem;font-size:.75rem}}@media (width<=768px){.page{padding:1.5rem}.question{font-size:2rem}}