:root{--ground:#f2f2ef;--ink:#101010;--red:#e8402a;--stranger:#b9b9b2;--muted:#6e6e6a;--rule:#c9c9c3;--fine:#7b7b76;--option:#f7f7f4;--code:#eaeae6;--track:#deded9;--placeholder:#9a9a94}*{box-sizing:border-box}html,body{height:100%}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;line-height:1.5}button,input,textarea{font-family:inherit}.pad{flex-direction:column;gap:15px;max-width:420px;min-height:100%;margin:0 auto;padding:20px;display:flex}.grow{flex:1}.nav{border-bottom:1.5px solid var(--ink);letter-spacing:.2em;text-transform:uppercase;justify-content:space-between;align-items:center;padding-bottom:11px;font-size:9.5px;font-weight:800;line-height:1;display:flex}.nav .sec{color:var(--muted);font-weight:700;text-decoration:none}.loud{text-transform:uppercase;letter-spacing:-.055em;margin:0;font-weight:800;line-height:.84}.red{color:var(--red)}.kick{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:9.5px;font-weight:800;line-height:1}.fine{color:var(--fine);font-size:11px;font-weight:400;line-height:1.5}p{margin:0;font-size:14.5px;line-height:1.45}.btn{cursor:pointer;text-align:center;background:var(--red);width:100%;color:var(--ground);letter-spacing:.02em;text-transform:uppercase;border:0;padding:15px;font-size:13.5px;font-weight:800;text-decoration:none;display:block}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{border:1.5px solid var(--ink);color:var(--ink);background:0 0}.btn:focus-visible,.pick:focus-visible,.qopt:focus-visible,.seg button:focus-visible{outline:3px solid var(--red);outline-offset:2px}.pick{border:1.5px solid var(--ink);cursor:pointer;width:100%;color:var(--ink);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:15px 16px;font-size:16px;font-weight:600;display:flex}.pick.sel{background:var(--ink);color:var(--ground)}.pick small{letter-spacing:.14em;text-transform:uppercase;opacity:.6;font-size:9.5px;font-weight:700}.seg{border:1.5px solid var(--ink);display:flex}.seg button{cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:0 0;border:0;flex:1;padding:11px 0;font-size:12px;font-weight:700}.seg button+button{border-left:1.5px solid var(--ink)}.seg button.on{background:var(--red);color:var(--ground)}.qtop{border-bottom:1.5px solid var(--ink);justify-content:space-between;align-items:flex-end;padding-bottom:9px;display:flex}.qtop .n{letter-spacing:-.06em;color:var(--red);font-variant-numeric:tabular-nums;font-size:38px;font-weight:800;line-height:.8}.qtop .of{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700;line-height:1}.qstem{letter-spacing:-.028em;text-transform:none;margin:0;font-size:25px;font-weight:550;line-height:1.22}.qopt{text-align:left;cursor:pointer;border:1.5px solid var(--rule);background:var(--option);width:100%;color:var(--ink);padding:16px;font-size:15.5px;font-weight:500;display:block}.qopt.sel{border-color:var(--red);box-shadow:inset 0 0 0 1.5px var(--red)}.back{cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.code{background:var(--code);border:1.5px solid var(--rule);white-space:pre-wrap;color:#3b3b38;max-height:220px;padding:13px;font-family:ui-monospace,Menlo,monospace;font-size:10.5px;line-height:1.65;overflow:auto}.paste{border:1.5px dashed var(--rule);resize:vertical;min-height:180px;color:var(--ink);background:#ededea;flex:1;padding:13px;font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1.6}.paste::placeholder{color:var(--placeholder)}.tally{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.said{border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);padding:11px 0;font-size:15px;font-weight:600}.pred{font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:flex}.pred .w{letter-spacing:.14em;text-transform:uppercase;width:62px;color:var(--muted);font-size:9.5px;font-weight:700}.pred .b{background:var(--track);flex:1;height:9px}.pred .b i{height:100%;display:block}.pred .p{text-align:right;width:34px;font-size:14px;font-weight:800}.chip{letter-spacing:.14em;text-transform:uppercase;background:var(--red);color:var(--ground);align-self:flex-start;padding:6px 9px;font-size:9.5px;font-weight:800}.chip.grey{background:var(--track);color:#3b3b38}.bignum{font-variant-numeric:tabular-nums;align-items:flex-start;display:flex}.bignum b,.bignum i{letter-spacing:-.07em;font-size:104px;font-style:normal;font-weight:800;line-height:.78}.bignum i{color:var(--stranger)}.bignum span{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:7px 0 0 7px;font-size:11px;font-weight:700;line-height:1}.block{border-top:1.5px solid var(--ink);padding-top:11px}.block .h{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-size:9.5px;font-weight:800;line-height:1}.block b{letter-spacing:-.02em;font-size:17px;font-weight:700;line-height:1.2;display:block}@media (min-width:900px){.pad{max-width:880px}.bignum b,.bignum i{font-size:132px}}@keyframes grow-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pred .b i{transform-origin:0;animation:.62s cubic-bezier(.16,.84,.44,1) both grow-bar}.pred.yours .b i{animation-delay:60ms}.pred.theirs .b i{animation-delay:.38s}.reveal-chip{animation:.32s ease-out .76s both rise}.reveal-stem{animation:.3s ease-out both rise}.reveal-said{animation:.3s ease-out .12s both rise}.qopt{transition:border-color .12s,box-shadow .12s}.btn{transition:opacity .12s}@media (prefers-reduced-motion:reduce){.pred .b i,.reveal-chip,.reveal-stem,.reveal-said{animation:none}.qopt,.btn{transition:none}}.back{align-items:center;min-height:44px;padding:0 2px;display:inline-flex}.tally .back{padding-left:12px}.back:disabled{opacity:.35;cursor:default}.chip{color:var(--ink);border-top:1.5px solid var(--red);background:0 0;align-self:flex-start;padding:7px 0 0}.chip.grey{color:var(--muted);border-top-color:var(--track);background:0 0}.qprogress{background:var(--rule);height:1.5px;margin-top:-13px}.qprogress i{background:var(--ink);height:100%;transition:width .22s;display:block}