*,::after,::before{margin:0;padding:0;border:none;background:0 0;font:inherit;line-height:1;box-sizing:border-box;-webkit-user-select:none;user-select:none}.box,body{padding:16px}.box,.box-header{border-radius:16px}.marksheet__header,h2{font-weight:700;text-align:center}[hidden]{display:none!important}.header__logo,.scatter{display:block;margin:auto}body{display:grid;grid-template-columns:1fr 1fr;gap:16px;background-color:#f2f2f2;font-family:system-ui,sans-serif;perspective:1000px;cursor:default;touch-action:manipulation}a{text-decoration:none}h2{margin-bottom:16px;font-size:28px}button{cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}.box{background-color:#fff;box-shadow:0 0 4px 4px rgba(128,128,128,.1)}.box--full{grid-column:1/3}.box--in{animation:.2s linear rotate-in}.box--out{animation:.2s linear forwards rotate-out}@keyframes rotate-in{from{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes rotate-out{from{transform:rotateY(0)}to{transform:rotateY(-90deg)}}.description,footer{text-align:center}.box-header{padding:12px;background-image:linear-gradient(#a43424,#a80d00)}.marksheet,.marksheet__cell,.marksheet__header{border:1px solid #65b72f}.header__logo{width:300px;height:64px}.scatter{width:100%;max-height:480px}.marksheet,.result{margin:16px auto;border-collapse:collapse;font-size:20px}.marksheet{display:table}.marksheet__header{padding:.4em;letter-spacing:1em;color:#65b72f}.marksheet__header span{display:inline-block;margin-right:-1em}.marksheet__cell{display:table-cell;vertical-align:top}.marksheet__value{height:2em;padding:.4em;border-bottom:1px solid #65b72f;text-align:center}.marksheet__buttons{list-style:none}.marksheet__button{display:block;width:1.2em;padding:.2em .1em;border:2px solid #65b72f;border-radius:50%;color:#65b72f;text-align:center}.marksheet__buttons li{margin:.2em}.marksheet__button--selected{background-color:#bebebe}.marksheet__submit{background-color:#65b72f;color:#fff}.marksheet__submit:disabled{background-color:#deedd1}.result{color:#f5b32a}.result__row{border:2px solid #f5b32a}.result__cell,.result__heading{padding:.4em .8em;text-align:center}.result__heading{width:180px;border-right:1px solid #f5b32a;font-family:serif}.result__heading--spacing-40{letter-spacing:4em}.result__heading--spacing-40 span{display:inline-block;margin-right:-4em}.result__heading--spacing-15{letter-spacing:1.5em}.result__heading--spacing-15 span{display:inline-block;margin-right:-1.5em}.result__cell{width:100px}.result__buttons{display:flex;flex-direction:column;margin-top:16px}.result__next,.result__share{display:block;width:280px;margin:auto;text-align:center}.result__next{margin-bottom:16px;padding:.4em .8em;background-color:#f5b32a;font-size:20px;color:#fff}.result__share{padding:8px 12px;border-radius:16px;background-color:#000;color:#fff;cursor:pointer}.result__share-logo{display:inline-block;width:16px;height:16px;vertical-align:-2px}@media (max-width:640px){h2{font-size:20px}.box--half{grid-column:1/3}.box-header{padding:8px}.header__logo{width:204px;height:44px}.box-scatter{position:-webkit-sticky;position:sticky;top:16px;z-index:1}.scatter{width:75%}.marksheet{font-size:16px}}@media (prefers-color-scheme:dark){body{background-color:#2c2c2c}}