@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;800;900&display=swap";*{box-sizing:border-box}body{margin:0;background:#172d32;color:#fff;font-family:Nunito,system-ui,sans-serif;overflow:hidden}.app,#root{width:100vw;height:100vh}.app canvas{touch-action:none}header{position:fixed;top:18px;right:22px;left:22px;height:max-content;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}header>div,.setup,.queue,footer{background:#18383bdd;border:1px solid #ffffff24;box-shadow:0 8px 30px #07171988;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px}.logo{display:block;color:#ffd778;font-weight:900;font-size:20px;letter-spacing:.04em}header>div{padding:12px 17px}header small{display:block;margin-top:2px;color:#bee0d7}.stats{display:flex;gap:20px;align-items:center}.stats b:last-child{color:#ff9a83}.setup,.queue{position:fixed;left:22px;top:96px;width:250px;max-height:calc(100vh - 115px);overflow:auto;padding:16px}.setup h2,.queue h2{font-size:19px;margin:0}.setup p,.queue p{font-size:13px;color:#bad4cf;margin:5px 0 12px;min-height:36px}.setup button,.queue button,.result button{width:100%;border:1px solid #ffffff2d;background:#285357;color:#fff;border-radius:10px;padding:9px 11px;margin:4px 0;font:700 14px Nunito;cursor:pointer;text-align:left}.setup button:hover,.queue button:hover,.setup button.active,.queue button.active{border-color:#ffd778;background:#396b64}.setup button:disabled{opacity:.35;cursor:not-allowed}.setup em,.queue em{float:right;font-style:normal;color:#d5e9e5}.setup .delete{background:#624347}.setup .delete.active{background:#9b4941;border-color:#ffb08f}.setup .start,.result button{background:#d45043;border:0;text-align:center;margin-top:10px;font-weight:900}.queue{width:270px}.queue button span{color:#ffc96b;margin-right:3px}.queue button em{font-size:12px}.result{position:fixed;top:0;right:0;bottom:0;left:0;background:#102326aa;display:grid;place-items:center}.result>div{text-align:center;background:#21474a;padding:38px 48px;border-radius:22px;border:2px solid #ffd778;box-shadow:0 20px 60px #0009}.result span{font-size:55px}.result h1{margin:8px 0}.result p{color:#c9dfda}.result button{max-width:220px;text-align:center}footer{position:fixed;bottom:16px;left:50%;transform:translate(-50%);padding:8px 15px;color:#bed6d1;font-size:12px;pointer-events:none}@media (max-width:700px){header{top:8px;right:8px;left:8px}.stats{gap:8px;font-size:12px}.logo{font-size:14px}.setup,.queue{left:8px;top:84px;width:210px;padding:12px;max-height:calc(100vh - 100px)}footer{white-space:nowrap}.queue button{padding:9px}}.setup .tool{background:#354e65}.setup .tool.active{background:#496f83;border-color:#8de1e7}.result>div{max-width:520px}.result .grade{width:72px;height:72px;margin:10px auto;display:grid;place-items:center;border-radius:50%;background:#ffd778;color:#8b302c;font-size:34px;font-weight:900;box-shadow:0 0 0 5px #fff2}.result .report{display:grid;grid-template-columns:1fr 1fr;gap:7px 18px;padding:14px;background:#163537;border-radius:12px;text-align:left}.result .report b{display:flex;justify-content:space-between;color:#cde2dd;font-size:13px}.result .report i{color:#ffd778;font-style:normal}.result blockquote{margin:15px 0 5px;color:#fff1bd;font-size:16px;font-weight:800}