*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;outline:none;-webkit-tap-highlight-color:transparent;}:root{--clr-bg:#f4f6f8;--clr-dots:#d0d0d0;--clr-ink:#111111;--clr-paper:#ffffff;--clr-yellow:#ffde00;--clr-green:#33ff99;--clr-pink:#ff3366;--clr-cyan:#00d4ff;--clr-purple:#7d5fff;--clr-orange:#ff8c00;--border-width:4px;--transition:0.3s cubic-bezier(0.175,0.885,0.32,1.275);--font-header:'Bangers',cursive;--font-body:'Comic Neue',cursive,sans-serif;--shadow-offset:8px;}body{min-height:100vh;background-color:var(--clr-bg);background-image:radial-gradient(var(--clr-dots) 10%,transparent 11%),radial-gradient(var(--clr-dots) 10%,transparent 11%);background-size:20px 20px;background-position:0 0,10px 10px;font-family:var(--font-body);color:var(--clr-ink);display:flex;align-items:center;justify-content:center;padding:20px;}.pulse-container{width:100%;max-width:600px;display:flex;flex-direction:column;gap:30px;position:relative;z-index:2;}.branding-header{background:var(--clr-yellow);border:var(--border-width) solid var(--clr-ink);padding:25px;text-align:center;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--clr-ink);position:relative;transform:rotate(-1deg);transition:transform var(--transition);}.branding-header:hover{transform:rotate(0deg) scale(1.02);}.branding-header h1{font-family:var(--font-header);font-size:3.5rem;letter-spacing:2px;text-transform:uppercase;color:var(--clr-ink);text-shadow:3px 3px 0 var(--clr-paper);}.branding-header p{font-weight:700;font-size:1.1rem;margin-top:5px;text-transform:uppercase;letter-spacing:1px;}.back-btn{position:absolute;top:-15px;left:15px;background:var(--clr-paper);color:var(--clr-ink);border:3px solid var(--clr-ink);padding:5px 15px;font-family:var(--font-header);font-size:1.1rem;text-decoration:none;box-shadow:4px 4px 0 var(--clr-ink);transition:transform var(--transition),box-shadow var(--transition);z-index:5;text-transform:uppercase;}.back-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--clr-ink);}.pulse-card{background:var(--clr-paper);border:var(--border-width) solid var(--clr-ink);padding:40px 30px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--clr-ink);display:flex;flex-direction:column;gap:25px;position:relative;}.pulse-card.success-pop{animation:successPop 0.4s cubic-bezier(0.175,0.885,0.32,1.275);}@keyframes successPop{0%{transform:scale(0.95);}50%{transform:scale(1.03);}100%{transform:scale(1);}}.form-group{display:flex;flex-direction:column;gap:10px;}.form-group label{font-family:var(--font-header);font-size:1.5rem;letter-spacing:1px;text-transform:uppercase;}.input-container{position:relative;display:flex;align-items:center;}input[type="text"],select{width:100%;background:var(--clr-paper);border:var(--border-width) solid var(--clr-ink);padding:15px 20px;font-family:var(--font-body);font-size:1.1rem;font-weight:700;color:var(--clr-ink);box-shadow:4px 4px 0 var(--clr-ink);transition:transform var(--transition),box-shadow var(--transition);}input[type="text"]:focus,select:focus{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--clr-ink);}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;background-size:16px;padding-right:50px;}.choices-container{display:flex;flex-direction:column;gap:15px;}.choice-input-row{display:flex;gap:10px;align-items:center;}.remove-choice-btn{background:var(--clr-pink);border:3px solid var(--clr-ink);color:var(--clr-ink);font-family:var(--font-header);font-size:1.2rem;padding:12px 18px;cursor:pointer;box-shadow:3px 3px 0 var(--clr-ink);transition:transform var(--transition),box-shadow var(--transition);}.remove-choice-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--clr-ink);}.add-choice-btn{background:var(--clr-green);border:3px solid var(--clr-ink);font-family:var(--font-header);font-size:1.2rem;padding:10px 20px;cursor:pointer;box-shadow:4px 4px 0 var(--clr-ink);align-self:flex-start;transition:transform var(--transition),box-shadow var(--transition);text-transform:uppercase;margin-top:20px;}.add-choice-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--clr-ink);}.primary-btn{background:var(--clr-cyan);border:var(--border-width) solid var(--clr-ink);font-family:var(--font-header);font-size:1.8rem;padding:15px 30px;cursor:pointer;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--clr-ink);transition:transform var(--transition),box-shadow var(--transition);text-transform:uppercase;text-align:center;margin-top:15px;}.primary-btn:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--clr-ink);}.primary-btn:active{transform:translate(0,0);box-shadow:4px 4px 0 var(--clr-ink);}.question-title{font-family:var(--font-header);font-size:2.2rem;letter-spacing:1px;line-height:1.2;text-transform:uppercase;border-bottom:4px solid var(--clr-ink);padding-bottom:15px;margin-bottom:5px;}.meta-row{display:flex;justify-content:space-between;align-items:center;background:var(--clr-bg);border:3px solid var(--clr-ink);padding:10px 15px;font-weight:700;box-shadow:4px 4px 0 var(--clr-ink);}.countdown{font-family:'Share Tech Mono','Courier New',monospace;font-size:1.1rem;color:var(--clr-pink);display:flex;align-items:center;gap:5px;}.vote-options-list{display:flex;flex-direction:column;gap:15px;margin-top:10px;}.vote-card-btn{width:100%;background:var(--clr-paper);border:3px solid var(--clr-ink);padding:20px;text-align:left;font-family:var(--font-body);font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:4px 4px 0 var(--clr-ink);transition:transform var(--transition),box-shadow var(--transition),background-color var(--transition);position:relative;overflow:hidden;}.vote-card-btn:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--clr-ink);background:var(--clr-yellow);}.result-card-container{position:relative;background:var(--clr-paper);border:3px solid var(--clr-ink);padding:18px 20px;box-shadow:4px 4px 0 var(--clr-ink);overflow:hidden;display:flex;flex-direction:column;gap:8px;z-index:1;}.result-bar-bg{position:absolute;top:0;left:0;height:100%;width:0%;z-index:-1;border-right:3px solid var(--clr-ink);transition:width 0.8s cubic-bezier(0.175,0.885,0.32,1.2);}.result-card-container:nth-child(5n+1) .result-bar-bg{background-color:var(--clr-green);}.result-card-container:nth-child(5n+2) .result-bar-bg{background-color:var(--clr-pink);}.result-card-container:nth-child(5n+3) .result-bar-bg{background-color:var(--clr-cyan);}.result-card-container:nth-child(5n+4) .result-bar-bg{background-color:var(--clr-yellow);}.result-card-container:nth-child(5n+5) .result-bar-bg{background-color:var(--clr-purple);}.result-text-row{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1.15rem;position:relative;z-index:2;}.result-percentage-badge{background:var(--clr-paper);border:2px solid var(--clr-ink);padding:3px 10px;font-family:var(--font-header);font-size:1.2rem;box-shadow:2px 2px 0 var(--clr-ink);}.user-voted-badge{display:inline-block;background:var(--clr-ink);color:var(--clr-paper);padding:2px 8px;font-family:var(--font-header);font-size:0.85rem;border-radius:4px;text-transform:uppercase;letter-spacing:0.5px;margin-left:10px;vertical-align:middle;transform:rotate(-2deg);}.share-section{margin-top:15px;display:flex;flex-direction:column;gap:15px;background:var(--clr-bg);border:3px solid var(--clr-ink);padding:20px;box-shadow:4px 4px 0 var(--clr-ink);}.share-section label{font-family:var(--font-header);font-size:1.3rem;letter-spacing:1px;text-transform:uppercase;}.share-row{display:flex;gap:10px;}.copy-btn{background:var(--clr-yellow);border:3px solid var(--clr-ink);font-family:var(--font-header);font-size:1.2rem;padding:10px 20px;cursor:pointer;box-shadow:3px 3px 0 var(--clr-ink);transition:transform var(--transition),box-shadow var(--transition);white-space:nowrap;}.copy-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--clr-ink);}.qr-popover{display:flex;justify-content:center;align-items:center;border:3px solid var(--clr-ink);background:var(--clr-paper);padding:15px;margin-top:10px;box-shadow:4px 4px 0 var(--clr-ink);animation:successPop 0.3s cubic-bezier(0.175,0.885,0.32,1.275);}.qr-popover img{border:2px solid var(--clr-ink);max-width:150px;}.error-badge{background:var(--clr-pink);color:var(--clr-paper);border:3px solid var(--clr-ink);padding:10px 15px;font-weight:700;font-size:0.95rem;box-shadow:3px 3px 0 var(--clr-ink);display:none;margin-bottom:10px;}.success-badge{background:var(--clr-green);color:var(--clr-ink);border:3px solid var(--clr-ink);padding:10px 15px;font-weight:700;box-shadow:3px 3px 0 var(--clr-ink);display:none;margin-bottom:10px;}.pulse-footer{text-align:center;margin-top:10px;}.footer-btn{display:inline-block;background:var(--clr-paper);color:var(--clr-ink);border:3px solid var(--clr-ink);padding:10px 25px;font-family:var(--font-header);font-size:1.3rem;text-decoration:none;box-shadow:4px 4px 0 var(--clr-ink);transition:transform var(--transition),box-shadow var(--transition);text-transform:uppercase;}.footer-btn:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--clr-ink);background:var(--clr-yellow);}@media(max-width:600px){.meta-row{flex-direction:column;gap:8px;align-items:flex-start;}.share-row{flex-direction:column;}}