:root{font-family:Courier New,monospace;font-size:25px;background:#fffdf7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}h2{font-size:30px;padding:10px 0;margin-top:0;margin-bottom:12px}.demographics-list{border:2px solid #ccc;padding:16px}.demographics-list ul{list-style:none;margin:0;padding:0;border:none}.demographics-list li{padding:6px 0;border-bottom:1px solid #e0e0e0}.demographics-list li:last-child{border-bottom:none}.list-container{border:2px solid #ccc;padding:16px;margin:20px 0;max-height:500px;display:flex;flex-direction:column}.list-container ul{list-style:none;padding:0;margin:0;overflow-y:auto;max-height:450px}.list-container li{border:1px dashed #aaa;padding:12px;margin-bottom:12px}.rating-section{margin:0 auto}.rating-grid{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.rating-box{width:36px;height:36px;padding:5px;border:2px solid #888;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.rating-box:hover{background-color:#eee}.rating-box.selected{background-color:#444;color:#fff}.detain-section{margin:20px 0;display:flex}.detain-box{padding:10px;margin-right:10px;border:2px solid #888;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.detain-box:hover{background-color:#eee}.detain-box.selected{background-color:#444;color:#fff}.result-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#faf8f5;border:2px solid #888;padding:24px;z-index:1000;max-width:400px;width:80%;box-shadow:0 4px 12px #0003}.popup-content{display:flex;flex-direction:column;gap:12px}.popup-content h2{margin-top:0;font-size:26px}.popup-content p{margin:0;font-size:16px}.score-container{margin-bottom:20px;padding-top:20px}.submit-section{margin-bottom:30px}.submit-section input{margin-right:10px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:left}button{padding:10px;margin-right:10px;font-family:Courier New;font-size:25px;background-color:transparent}button:hover{background-color:#eee}input{padding:10px;font-family:Courier New;font-size:25px}img{padding:10px}.buttons{display:flex}.references{line-height:1.5;font-size:15px}.reference{display:block;margin-bottom:10px;text-indent:-40px;padding-left:40px}.reference a{margin-left:10px}.leaderboard-container{display:flex;justify-content:space-between;padding-top:20px}.leaderboard-box{border:2px dashed #000;padding:20px;width:45%;margin-bottom:20px}.leaderboard-box ul{list-style:none;margin:0;padding:0;border:none}.leaderboard-box li{padding:6px 0;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;width:100%}.leaderboard-box p{padding:0;margin:0}.leaderboard-box li:last-child{border-bottom:none}.leaderboard-box h2{text-align:center}.leaderboard-list{list-style-type:none;padding:0}