:root{--ease:cubic-bezier(.22, 1, .36, 1);--ink:#000;--paper:#fff;--quiet:#555;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s6:1.5rem;--s8:2rem}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);margin:0;font-family:Georgia,Times New Roman,Times,serif;font-size:1.125rem;line-height:1.6}main{max-width:30rem;margin:0 auto;padding:3rem 1.5rem 2rem}a{color:inherit;text-underline-offset:.18em}h1{letter-spacing:-.01em;margin:0;font-size:2.25rem;font-weight:700;line-height:1.15}.by{color:var(--quiet);margin:.25rem 0 2rem;font-size:1rem}.lede{margin:0 0 2.5rem}form{gap:1.25rem;display:grid}label{gap:.375rem;font-size:1rem;display:grid}input,select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--ink);appearance:none;border-radius:0;width:100%;min-height:3rem;padding:0 .75rem;font-size:1rem}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:.75rem .5rem;padding-right:2rem}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.phone{grid-template-columns:minmax(0,10.5rem) 1fr;gap:.5rem;display:grid}button{font:inherit;cursor:pointer;min-height:3.25rem;color:var(--paper);background:var(--ink);border:1px solid var(--ink);border-radius:0;font-size:1.125rem;font-weight:700}button:disabled{opacity:.6;cursor:default}.fine{color:var(--quiet);margin:0;font-size:.875rem;line-height:1.5}.err{margin:0;font-size:1rem;font-weight:700}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.done{margin:0;font-size:1.375rem;line-height:1.4}.how p{margin:0 0 1rem}footer{margin-top:var(--s8);color:var(--quiet);font-size:.875rem}.page h1{margin-bottom:1.5rem;font-size:1.75rem}.page p{margin:0 0 1rem}.page .back{margin-bottom:2rem;font-size:1rem;display:inline-block}table{border-collapse:collapse;width:100%;font-size:1rem}td{border-bottom:1px solid #ddd;padding:.5rem 0}td:last-child{text-align:right;font-variant-numeric:tabular-nums}.home{--h1:1.875rem;--sec:2rem;max-width:45.5rem;min-height:100dvh;padding:var(--s6) var(--s6) var(--s4);flex-direction:column;display:flex}.home h1{font-size:var(--h1);line-height:1.1}.hd{margin-bottom:var(--sec)}.mark-sm{width:auto;height:2.5rem;margin:-.663rem 0 calc(-.482rem + var(--s4)) -.904rem;display:block}.lede{margin:0 0 var(--sec);font-size:1.125rem;line-height:1.4}.lede p{margin:0 0 var(--s2)}.lede p:last-child{margin-bottom:0}.home{--bubble-fs:.9375rem}.thread{gap:var(--s2);margin-bottom:var(--sec);align-content:start;display:grid}.from{color:var(--quiet);justify-content:space-between;align-items:center;font-size:.8125rem;line-height:1rem;display:flex}button.replay{all:unset;transition:opacity .4s var(--ease);cursor:pointer;color:#777;place-items:center;width:2rem;height:2rem;margin:-.5rem -.5rem -.5rem 0;display:grid}button.replay.hide{opacity:0;pointer-events:none}button.replay:focus-visible{outline:3px solid var(--ink);outline-offset:0}.slot{max-width:80%;position:relative}.slot.them{justify-self:start}.slot.you{justify-self:end}.bubble{white-space:pre-line;padding:.625rem var(--s4);font-size:var(--bubble-fs);opacity:1;transition:opacity .4s var(--ease), transform .4s var(--ease), visibility 0s;border-radius:.875rem;line-height:1.35;display:block;transform:none}.bubble.pending{opacity:0;visibility:hidden;transition:opacity .4s var(--ease), transform .4s var(--ease), visibility 0s linear .4s;transform:translateY(6px)}.bubble.them{color:var(--ink);background:#ececec}.bubble.you{background:var(--ink);color:var(--paper)}.dots-in{height:calc(var(--bubble-fs) * 1.35 + 1.25rem);padding:0 var(--s4);opacity:0;pointer-events:none;transition:opacity .3s var(--ease);background:#ececec;border-radius:.875rem;align-items:center;gap:.3rem;display:flex;position:absolute;top:0;left:0}.dots-in.on{opacity:1}.dots-in i{width:.4rem;height:.4rem;animation:blink .7s var(--ease) infinite alternate;background:#a8a8a8;border-radius:50%}.dots-in i:nth-child(2){animation-delay:.14s}.dots-in i:nth-child(3){animation-delay:.28s}@keyframes blink{0%{opacity:.3}to{opacity:.8}}.home form{gap:var(--s6)}.home label{gap:var(--s2);line-height:1.2}.home input,.home select{min-height:2.75rem}.row{gap:var(--s6);display:grid}.home label.check{align-items:center;gap:var(--s3);cursor:pointer;min-height:2.75rem;margin:-.625rem 0;font-size:1rem;line-height:1.4;display:flex}.home .check input{appearance:none;border:1px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:0;flex:none;width:1.5rem;height:1.5rem;min-height:1.5rem;margin:0;padding:0}.home .check input:checked{background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center / 1rem no-repeat}.home .fine{margin-top:calc(var(--s4) - var(--s6));font-size:.8125rem;line-height:1.45}.home .fine.after{margin-top:var(--s3);text-align:center}.tz{color:var(--quiet);margin:0;font-size:.9375rem;line-height:1.2}.go{width:100%}a.go{box-sizing:border-box;text-align:center;min-height:3.25rem;color:var(--paper);background:var(--ink);font-size:1.125rem;font-weight:700;line-height:3.25rem;text-decoration:none;display:block}a.go:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);pointer-events:none;transform:translateY(8px)}.reveal.on{opacity:1;pointer-events:auto;transform:none}.stage{position:relative}.pane{display:flow-root}.pane.in{animation:fadein .5s var(--ease) both}.pane.leaving{opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.col{width:100%;max-width:27.5rem;margin:0 auto}.home .sec{margin-top:calc(var(--sec) + var(--s4))}.home .sec>h2{margin:0 0 var(--s3);font-size:1.375rem;line-height:1.2}.home .sec .how{font-size:1rem}.home .sec .how p{margin:0 0 var(--s3)}button.link{all:unset;cursor:pointer;text-underline-offset:.18em;color:inherit;text-decoration:underline}button.link:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.howwrap{opacity:0;visibility:hidden;transition:grid-template-rows .4s var(--ease), opacity .4s var(--ease), visibility 0s linear .4s;grid-template-rows:0fr;display:grid}.howwrap.open{opacity:1;visibility:visible;transition:grid-template-rows .4s var(--ease), opacity .4s var(--ease), visibility 0s;grid-template-rows:1fr}.howinner{min-height:0;overflow:hidden}.howbody{padding-top:var(--s6);font-size:1rem}.howbody p{margin:0 0 var(--s3)}.home footer{margin-top:var(--sec);text-align:center}@media (min-width:40rem){.home{--h1:2.25rem;--sec:2.5rem;max-width:45.5rem;padding-top:4rem;padding-bottom:var(--s6)}.lede{font-size:1.2rem}.mark-sm{height:2.75rem;margin:-.73rem 0 calc(-.53rem + var(--s4)) -1rem}.home{--bubble-fs:1rem}.home label{font-size:1.0625rem}.home input,.home select{min-height:3rem;font-size:1.0625rem}.go{min-height:3.25rem;font-size:1.1875rem}.tz{font-size:1rem}.home footer{font-size:.9375rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}.dots-in{display:none}}.page.results{max-width:42.5rem;padding:var(--s6) var(--s6) var(--s4)}@media (min-width:40rem){.page.results{padding-top:max(var(--s6), calc((100dvh - 33rem) / 2))}}.results .mark-sm{margin-bottom:calc(-.482rem + var(--s4))}.results h1{margin:0 0 var(--s4);font-size:2rem;line-height:1.1}.results .said{margin:0 0 var(--s8);font-size:1.25rem;line-height:1.35}.results .block{margin:0 0 var(--s6)}.block h2{margin:0 0 var(--s2);color:var(--quiet);border:0;padding:0;font-size:.8125rem;font-weight:400;line-height:1.2}.strandrow{gap:var(--s4);grid-template-columns:minmax(0,1fr) 9.25rem;align-items:center;display:grid}.strand svg{width:min(100%, calc(var(--n) * 1.04rem));height:auto;display:block;overflow:visible}.strand .mob{display:none}.nums{color:var(--quiet);font-variant-numeric:tabular-nums;font-size:.8125rem;line-height:1.5}.legend{gap:var(--s1) var(--s4);margin:var(--s8) 0 var(--s3);color:var(--quiet);flex-wrap:wrap;font-size:.8125rem;line-height:1.2;display:flex}.legend span{align-items:center;gap:var(--s2);display:inline-flex}.mini{width:.875rem;height:.875rem}.results .after{margin:0 0 var(--s8);font-size:1rem;line-height:1.4}.results footer{margin-top:var(--s6);text-align:center}.backlink{margin:0 0 var(--s2)}.pearl{opacity:0;animation:pearl-in .45s var(--ease) forwards}@keyframes pearl-in{0%{opacity:0}to{opacity:1}}@media (max-width:39.99rem){.strandrow{gap:var(--s2);grid-template-columns:1fr}.strand .desk{display:none}.strand .mob{gap:var(--s1);max-width:22rem;display:grid}.results .said{margin-bottom:var(--s6);font-size:1.125rem}.legend{margin-top:var(--s6)}}@media (prefers-reduced-motion:reduce){.pearl{opacity:1}}.page.admin{max-width:60rem;padding:var(--s6) var(--s6) var(--s8)}.admin h1{margin:0 0 var(--s6);font-size:1.75rem}.admin .flash{margin:calc(-1 * var(--s2)) 0 var(--s6);font-weight:700}.admin .top{gap:var(--s6);margin:0 0 var(--s8);grid-template-columns:repeat(4,1fr);display:grid}.admin .stat .n{font-variant-numeric:tabular-nums;font-size:3.25rem;line-height:1}.admin .stat .l{margin-top:var(--s2);color:var(--quiet);font-size:.8125rem;line-height:1.3}.admin .block{margin:0 0 var(--s6)}.admin .strandrow{grid-template-columns:minmax(0,36rem) 1fr}.admin h2.sect{margin:var(--s8) 0 var(--s3);color:var(--quiet);font-size:.8125rem;font-weight:400}.quiet{margin:0 0 var(--s3);color:var(--quiet);font-size:.875rem;line-height:1.4}.quiet.small{margin-top:var(--s8);font-size:.8125rem}.scroll{overflow-x:auto}.ptable{width:100%;min-width:46rem;font-size:.9375rem;line-height:1.3}.ptable th{padding:0 var(--s4) var(--s2) 0;text-align:left;color:var(--quiet);white-space:nowrap;border-bottom:1px solid #ddd;font-size:.8125rem;font-weight:400}.ptable th button{all:unset;cursor:pointer}.ptable th button:hover,.ptable th button:focus-visible{color:var(--ink);text-decoration:underline}.ptable td{padding:var(--s2) var(--s4) var(--s2) 0;text-align:left;vertical-align:top;border-bottom:1px solid #eee}.ptable .num{text-align:right;font-variant-numeric:tabular-nums}.ptable td:last-child{text-align:left}.ptable td.num:last-of-type{text-align:right}button.reveal-phone{all:unset;cursor:pointer;font-variant-numeric:tabular-nums;color:var(--quiet)}button.reveal-phone:hover{color:var(--ink)}.ptable .tools form{display:block}.ptable .tools button{all:unset;cursor:pointer;text-underline-offset:.18em;font-size:.8125rem;text-decoration:underline}.inline{gap:var(--s2);max-width:28rem;display:flex}.inline button{padding:0 var(--s6)}.quietlinks{gap:var(--s2) var(--s3);margin-top:var(--s3);color:var(--quiet);flex-wrap:wrap;align-items:baseline;font-size:.875rem;display:flex}.quietlinks form{display:inline}.quietlinks a{color:var(--quiet)}.quietlinks button.link{color:var(--quiet);font-size:.875rem}.admin.signin{max-width:24rem}@media (max-width:39.99rem){.admin .top{grid-template-columns:1fr 1fr}.admin .strandrow{grid-template-columns:1fr}}.page.notfound{padding-top:var(--s8)}.notfound .mark-sm{margin-bottom:calc(-.482rem + var(--s4))}.notfound h1{margin-bottom:var(--s4)}.notfound footer{margin-top:var(--s8)}.scoringlink{margin:0 0 var(--s4);color:var(--quiet);font-size:.8125rem;line-height:1.2}.scoringlink button.link{color:var(--quiet)}.howwrap.small .howbody{padding-top:0;padding-bottom:var(--s4);color:var(--quiet);font-size:.875rem;line-height:1.45}.howwrap.small .howbody p{margin:0 0 var(--s2)}.scoring+.after{margin-top:0}.sample-dialog{border:1px solid var(--ink);background:var(--paper);width:min(42.5rem,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--ink);border-radius:0;padding:0;overflow:auto}.sample-dialog::backdrop{background:#00000073}.sample-body{padding:var(--s6)}.sample-body>h2{margin:0 0 var(--s3);font-size:1.375rem;line-height:1.2}.sample-body .said{margin:0 0 var(--s6);font-size:1.125rem;line-height:1.35}.sample-body .block{margin:0 0 var(--s6)}.sample-body .after{margin:0;font-size:1rem;line-height:1.4}.sample-body .legend{margin:var(--s6) 0 var(--s3)}button.sample-close{float:right;min-height:0;padding:var(--s1) var(--s3);margin:0 0 var(--s2) var(--s3);font-size:.875rem}
