@import"https://api.fonts.coollabs.io/css2?family=Noto+Emoji:wght@300..700&display=swap";:root{color-scheme:light dark;--color-background: light-dark(white, black);--color-border: light-dark(black, white);--color-border-hover: var(var(--color-border));--width-border: 1px;--color-checkbox: light-dark(black, white);--color-focus: light-dark(rgba(0, 0, 0, .5), rgba(255, 255, 255, .5))}::selection{background-color:var(--color-focus)}:focus-visible{outline:2px solid var(--color-focus)}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#description-wrapper{width:100%}a{color:var(--color-checkbox);transition:.4s;padding:3px;text-decoration:none}body{display:flex;justify-content:center;white-space:pre-line;text-wrap:balance}h1{font-weight:bolder;margin:1rem;text-align:center}h2{margin:1rem 0;font-weight:400}summary,li label,input[type=checkbox]{cursor:pointer}input[type=checkbox]{accent-color:var(--color-checkbox)}.controls{font:inherit;color:var(--color-text);cursor:pointer;margin:.2rem .5rem;padding:.5rem 1rem;border:var(--width-border) solid var(--color-border);background-color:#0000;-webkit-user-select:none;user-select:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.controls:hover{opacity:.5;border-color:var(--color-border-hover)}a:hover:not(.controls){background-color:var(--color-focus)}#result-wrapper{text-align:center}dialog{place-self:center}label:before{content:"";margin:.2rem}ol{margin-bottom:1rem}#rank-icon{font-family:"Noto Emoji",sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-size:6rem}#result-info h1,#result-info h2{margin:0}#score{font-weight:400}#rank-details{font-size:1.5rem;margin:1.5rem}#rank-details details p{margin:0}#result-controls{display:flex;justify-content:center}#app{max-width:50%;margin:0 auto;padding:2rem;font-weight:400}@media (max-width: 1024px){#app{max-width:100%}}
