:root{color-scheme:dark;--bg:#191a19;--ink:#eae9e3;--muted:#a1a29b;--rule:#666861;--hop:#b6a044;--hop-hover:#c6b153;--red:#a84e4b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-weight:400;text-transform:uppercase}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}main{width:min(100% - 48px,680px);min-height:100svh;margin:auto;display:flex;flex-direction:column;padding:30px 0 26px}.brand{font-size:clamp(18px,3.7vw,25px);letter-spacing:.045em;border-bottom:1px solid var(--rule);padding-bottom:26px}.eyebrow,label,footer,.status{font-family:'Courier New',monospace}.eyebrow{font-size:13px;letter-spacing:.16em;color:var(--muted);margin:32px 0 42px}h1,h2{font-size:clamp(34px,7.5vw,58px);font-weight:400;line-height:1.15;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}.subtitle{font-size:clamp(12px,2.6vw,18px);line-height:1.6;margin:22px 0 60px}label{display:block;font-size:14px;letter-spacing:.055em;margin-bottom:20px}input{display:block;width:100%;min-height:54px;padding:10px 2px 16px;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font-size:18px;text-transform:uppercase;outline:none}input::placeholder{color:var(--muted);opacity:1}input:focus{border-bottom:2px solid var(--hop)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:34px 0 94px}.choice{min-height:64px;padding:14px 8px;border-radius:2px;font-size:clamp(12px,2.5vw,18px);letter-spacing:.03em;transition:background .18s,box-shadow .18s,border-color .18s,transform .2s;color:var(--ink)}.yes{background:var(--hop);color:#191a19;border:1px solid var(--hop)}.no{background:transparent;border:1px solid #cbcfc5}.no.jumped{transform:translateY(80px)}
@media(hover:hover){.yes:hover{background:var(--hop-hover);border-color:var(--hop-hover);box-shadow:0 0 22px #b6a04438}.no:hover{background:var(--red);border-color:#c16d67;box-shadow:0 0 22px #a84e4b38}}
.yes:focus-visible{background:var(--hop-hover)}.no:focus-visible{background:var(--red)}footer{margin-top:auto;border-top:1px solid var(--rule);padding-top:22px;font-size:11px;letter-spacing:.08em;line-height:1.6}.result{display:none;padding:50px 0 70px}.result.show{display:block}.answered .invitation{display:none}.result .eyebrow{margin:0 0 28px}.result p{line-height:1.7;font-size:15px;overflow-wrap:anywhere}.result-name{color:var(--hop);margin-top:28px}.status{color:var(--muted);font-size:12px!important;margin-top:32px}.secondary{color:var(--ink);background:transparent;border:1px solid var(--rule);border-radius:2px;padding:14px 18px;font-size:12px;letter-spacing:.04em;margin-top:16px}.stamp{color:var(--muted);font-size:11px;letter-spacing:.12em;margin-top:28px}.share{display:block}.result h2:focus{outline:none}[hidden]{display:none!important}
@media(min-width:800px){main{padding-top:48px;padding-bottom:32px}.eyebrow{margin-top:38px}.subtitle{margin-bottom:65px}}
@media(max-width:360px){main{width:calc(100% - 32px)}.actions{gap:10px}.choice{font-size:11px}.subtitle{margin-bottom:44px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.result[data-state="denied"] h2,.result[data-state="error"] h2,.result[data-state="pending"] h2{font-size:clamp(24px,5vw,38px);line-height:1.3}.result[data-state="denied"] h2{color:#cf8580}.result .stamp:empty,.result p:empty{display:none}
.form-tabs{display:flex;gap:0;margin-top:34px;border-bottom:1px solid var(--rule)}.form-tabs button{flex:1;padding:16px 8px;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;font:13px 'Courier New',monospace;letter-spacing:.04em}.form-tabs button[aria-selected="true"]{border-bottom-color:var(--hop);color:var(--ink)}.form-tabs button:disabled{cursor:wait;opacity:.6}.form-error{color:#cf8580;font:12px/1.5 'Courier New',monospace;margin:10px 0 0}.form-error:empty{display:none}#pass{text-transform:none}
.pivo-accent{color:var(--hop)}.beer-mark{font-size:.72em;vertical-align:.06em}.time-picker{display:flex;align-items:center;gap:14px;font-size:22px}.time-picker select{color:var(--ink);background:var(--bg);border:1px solid var(--rule);border-radius:2px;font:20px Arial,sans-serif;min-width:96px;min-height:52px;padding:10px 14px}.time-picker select:focus-visible{outline:2px solid var(--hop);outline-offset:3px}#battlefield::placeholder{font-size:clamp(8px,1.8vw,13px)}.strength{--strength-color:#b6a044;--strength-width:66.6667%}.strength[data-level="1"]{--strength-color:#78946c;--strength-width:33.3333%}.strength[data-level="3"]{--strength-color:#ac5552;--strength-width:100%}.strength-meter{height:12px;border:1px solid var(--rule);position:relative;margin-bottom:12px}.strength-fill{height:100%;width:var(--strength-width);background:var(--strength-color);transition:width .18s,background .18s}.strength-meter:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent calc(33.333% - 1px),var(--bg) 33.333%,transparent calc(33.333% + 1px),transparent calc(66.666% - 1px),var(--bg) 66.666%,transparent calc(66.666% + 1px));pointer-events:none}.strength-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.strength-options button{padding:13px 8px;min-height:68px;border:1px solid var(--rule);border-radius:2px;color:var(--muted);background:transparent;font:11px/1.5 'Courier New',monospace}.strength-options button[aria-pressed="true"]{color:var(--ink);border-color:var(--strength-color)}@media(max-width:400px){.strength-options{gap:6px}.strength-options button{font-size:9px;padding:10px 4px}}
.extra-field{margin-top:32px}.field-label{display:block;font:14px 'Courier New',monospace;letter-spacing:.055em;margin-bottom:18px}.stepper{display:flex;align-items:center;gap:24px}.stepper button{width:46px;height:46px;background:transparent;border:1px solid var(--rule);border-radius:2px;color:var(--ink);font-size:24px}.stepper button:disabled{opacity:.3;cursor:default}.stepper button:not(:disabled):hover{border-color:var(--hop);color:var(--hop)}.stepper output{min-width:30px;text-align:center;font-size:22px;font-variant-numeric:tabular-nums}.optional{color:var(--muted);font-size:11px}textarea{display:block;width:100%;min-height:110px;resize:vertical;background:transparent;border:1px solid var(--rule);border-radius:2px;padding:14px;color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif;text-transform:uppercase}textarea::placeholder{color:var(--muted);font-size:13px}textarea:focus{outline:1px solid var(--hop);border-color:var(--hop)}.character-count{margin-top:8px;color:var(--muted);font:11px 'Courier New',monospace;text-align:right}