:root{--bg-color:#0f0f11;--fg-color:#f4f4f5;--accent:#ffeb3b;--accent-fg:#111;--muted:#a1a1aa;--card:#18181b;--border:#27272a;--danger:#ef4444;--success:#22c55e}*,:before,:after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{background-color:var(--bg-color);min-height:100vh;color:var(--fg-color);-webkit-font-smoothing:antialiased;font-family:Roboto Mono,monospace;line-height:1.5}header{background-color:var(--card);border-bottom:1px solid var(--border);text-transform:uppercase;z-index:999;letter-spacing:.05em;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;font-size:18px;display:flex;position:sticky;top:0;left:0}header .logo{color:var(--fg-color);font-weight:900;text-decoration:none}header nav a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .2s}header nav a:hover{color:var(--accent)}main{width:100%}.choicesSection{flex-direction:column;width:100%;min-width:0;max-width:560px;min-height:calc(100vh - 64px);margin:0 auto;padding:40px 24px 24px;display:flex}.hero{text-align:center;margin-bottom:32px}.hero h1{overflow-wrap:anywhere;word-break:break-word;margin:0 0 16px;font-size:clamp(32px,8vw,56px);font-weight:900;line-height:1.1}.heroHighlight{color:var(--accent);text-shadow:3px 3px 0 var(--accent-fg), -1px -1px 0 var(--border)}.heroSub{color:var(--muted);max-width:420px;margin:0 auto;font-size:15px}.choicesSectionBody{flex:1;width:100%;min-width:0}.choicesSectionFooter{text-align:center;width:100%;padding:24px 0 48px}p{text-align:center}.formGroup{margin-bottom:24px}label{text-transform:uppercase;color:var(--muted);letter-spacing:.03em;overflow-wrap:anywhere;word-break:break-word;margin-bottom:10px;font-size:13px;font-weight:700;display:block}textarea,input{appearance:none;border:2px solid var(--border);background:var(--card);color:var(--fg-color);overflow-wrap:anywhere;word-break:break-word;border-radius:10px;outline:none;width:100%;min-width:0;max-width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s;display:block}textarea{resize:none;min-height:52px}textarea:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffeb3b26}textarea::placeholder,input::placeholder{color:#71717a}.btn{text-transform:uppercase;cursor:pointer;color:var(--fg-color);background:0 0;border:2px solid #0000;border-radius:10px;outline:none;padding:14px 24px;font-family:inherit;font-weight:700;transition:transform .1s,box-shadow .2s,border-color .2s;display:inline-block}.btn:hover{border-color:var(--fg-color)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.7;cursor:wait}.btnPrimary{background-color:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btnPrimary:hover{box-shadow:0 0 20px #ffeb3b59}.btnDecide{background-color:var(--accent);color:var(--accent-fg);border-color:var(--accent);letter-spacing:.04em;width:100%;font-size:18px;display:block}.btnDecide:hover{box-shadow:0 0 24px #ffeb3b66}.options{margin-bottom:8px}.option{margin-bottom:12px;position:relative}.option input{padding-right:40px}.optionRemove{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:22px;line-height:1;transition:color .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.optionRemove:hover{color:var(--danger)}.presets{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-top:8px;padding:20px}.presetsTitle{text-align:left;color:var(--muted);text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:700}.presetChips{flex-wrap:wrap;gap:10px;display:flex}.presetChip{background:var(--bg-color);border:1px solid var(--border);color:var(--fg-color);cursor:pointer;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:13px;transition:transform .1s,border-color .2s,background .2s}.presetChip:hover{border-color:var(--accent);background:#ffeb3b14;transform:translateY(-1px)}.decisionsMade{color:var(--muted);text-transform:uppercase;margin-top:12px;font-size:12px}.modalSection{z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;animation:.25s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modalOverlay{backdrop-filter:blur(4px);background:#000000d9;width:100%;height:100%;position:absolute;top:0;left:0}.modal{background:var(--card);z-index:1;border:2px solid var(--accent);border-radius:20px;width:100%;min-width:0;max-width:min(480px,100% - 32px);animation:.35s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 0 60px #ffeb3b40}@keyframes popIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modalInner{padding:28px}.modalBody{text-align:center;margin-bottom:24px}.modalBody .shaneSays{text-transform:uppercase;color:var(--accent);letter-spacing:.08em;margin-bottom:12px;font-size:12px;font-weight:700}.modalBody .shaneQuestion{color:var(--muted);margin-bottom:12px;font-size:13px}.modalBody .shaneAnswer{word-break:break-word;margin-bottom:24px;font-size:clamp(28px,7vw,42px);font-weight:900;line-height:1.2}.modalFooter{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.modalFooter .btn{padding:12px 18px;font-size:13px}.shareButtons{margin-top:8px}.shareLabel{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:11px;display:block}.shareRow{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.shareBtn{border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:44px;height:40px;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;transition:transform .1s,border-color .2s;display:inline-flex}.shareBtn:hover{transform:translateY(-2px)}.shareBtnTwitter{color:#fff;background:#000;border-color:#333}.shareBtnWhatsApp{color:#fff;background:#25d366;border-color:#25d366}.shareBtnCopy{background:var(--bg-color);color:var(--fg-color);padding:0 16px}.confettiContainer{pointer-events:none;z-index:1001;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.confettiParticle{width:10px;height:10px;animation-name:confettiFall;animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-fill-mode:forwards;position:absolute}.confetti-square{border-radius:1px}.confetti-circle{border-radius:50%}.confetti-triangle{background:0 0;border-bottom:10px solid;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.historySection{min-width:0;max-width:640px;margin:0 auto;padding:40px 24px}.historySection h1{text-align:center;margin:0 0 8px;font-size:clamp(28px,6vw,42px)}.historySub{text-align:center;color:var(--muted);margin-bottom:32px}.decisionsList{flex-direction:column;gap:14px;margin-bottom:32px;display:flex}.decisionCard{background:var(--card);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:14px;min-width:0;padding:18px}.decisionMeta{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:11px}.decisionQuestion{color:var(--muted);overflow-wrap:anywhere;word-break:break-word;margin-bottom:8px;font-size:14px}.decisionWinner{overflow-wrap:anywhere;word-break:break-word;font-size:17px;font-weight:700}.decisionWinner strong{color:var(--accent)}.decisionOptions{color:var(--muted);margin-top:8px;font-size:12px}.loading,.empty{text-align:center;color:var(--muted);padding:40px 0}.historyCta{max-width:320px;margin:0 auto}@media (width<=480px){.choicesSection{padding:32px 20px 20px}.modalInner{padding:22px}.modalFooter{flex-direction:column}.modalFooter .btn{width:100%}}