:root{--red:#ff5757;--red-bg:#ff57571a;--yellow:#ffb01f;--yellow-bg:#ffb01f1a;--teal:#00bd91;--teal-bg:#00bd911a;--blue:#1125d4;--blue-bg:#1125d41a;--gradient-start:#7857ff;--gradient-end:#2e2be9;--white:#fff;--pale-blue:#ebf1ff;--light-lavender:#c8c7ff;--dark-gray-blue:#303b5a;font-family:Hanken Grotesk,sans-serif}@font-face{font-family:Hanken Grotesk;src:url(/assets/HankenGrotesk-Medium-Xu500KWa.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/assets/HankenGrotesk-Bold-DkRj-xgz.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/assets/HankenGrotesk-ExtraBold-BLQq7doA.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}body{background:var(--pale-blue);margin:0}.app{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.result-summary{border-radius:2rem;flex-direction:column;width:100%;max-width:21.875rem;display:flex;overflow:hidden;box-shadow:0 2rem 3rem #303b5a26}.score-card{background:linear-gradient(var(--gradient-start), var(--gradient-end));color:var(--light-lavender);text-align:center;border-radius:0 0 2rem 2rem;padding:2rem}.score-card h1{color:var(--white);opacity:.8;margin:0 0 1.5rem;font-weight:500}.score-circle{background:linear-gradient(#4e21ca,#2421ca00);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:8.75rem;height:8.75rem;margin:0 auto 1.5rem;display:flex}.score-number{color:var(--white);font-size:3.5rem;font-weight:800;line-height:1}.score-max{opacity:.7;font-size:.9rem}.score-card h2{color:var(--white);margin:0 0 .5rem;font-size:1.5rem}.score-card p{color:var(--white);opacity:.75;font-size:.95rem;line-height:1.5}.summary{background:var(--white);padding:2rem}.summary h2{color:var(--dark-gray-blue);margin:0 0 1rem}.summary ul{flex-direction:column;gap:1rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.summary-item{border-radius:.75rem;justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.summary-item-label{align-items:center;gap:.5rem;font-weight:500;display:flex}.summary-item-score{color:#303b5a80;margin:0}.summary-item-score strong{color:var(--dark-gray-blue)}.summary-item.reaction{background-color:var(--red-bg);--item-color:var(--red)}.summary-item.memory{background-color:var(--yellow-bg);--item-color:var(--yellow)}.summary-item.verbal{background-color:var(--teal-bg);--item-color:var(--teal)}.summary-item.visual{background-color:var(--blue-bg);--item-color:var(--blue)}.summary-item-label span{color:var(--item-color)}.summary button{background:var(--dark-gray-blue);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:2rem;padding:1rem;font-family:inherit;font-size:1rem;font-weight:700;transition:background .2s}.summary button:hover,.summary button:focus-visible{background:linear-gradient(var(--gradient-start), var(--gradient-end))}.summary button:focus-visible{outline:3px solid var(--gradient-end);outline-offset:2px}@media (width>=37.5em){.result-summary{flex-direction:row;max-width:43.75rem}.score-card,.summary{flex:1;padding:2.5rem}.score-card{border-radius:1.5rem}.score-card p{max-width:13.75rem;margin:0 auto}}@media (prefers-reduced-motion:reduce){.summary button{transition:none}}