body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-color:grey;--text-color:#f0f0f0;--accent-color:#3b82f6;--panel-bg:#0003}*{box-sizing:border-box;margin:0;padding:0}body{background-color:grey;background-color:var(--bg-color);color:#f0f0f0;color:var(--text-color);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100vh;justify-content:center;overflow-x:hidden;overscroll-behavior:none;touch-action:manipulation}.app-container{align-items:center;display:flex;flex-direction:column;max-width:800px;min-height:100vh;padding:20px;width:100%}.home-screen,.result-screen{margin-top:40px;max-width:500px;text-align:center;width:100%}h1{font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:5px}h2{font-size:1.2rem;font-weight:400;margin-bottom:30px;opacity:.8}.card{background:#0003;background:var(--panel-bg);border-radius:16px;margin-bottom:20px;padding:25px;text-align:left}.input-group{display:flex;flex-direction:column;margin-bottom:15px}.input-group label{font-size:.9rem;font-weight:600;margin-bottom:8px;opacity:.9}.input-group input,.input-group select{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:1rem;padding:12px}.new-user{flex-direction:row;gap:10px}.new-user input{flex:1 1}button{border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:all .2s ease}.btn-primary{background-color:#3b82f6;background-color:var(--accent-color);box-shadow:0 4px 15px #3b82f666;color:#fff;font-size:1.1rem;margin-top:20px;padding:15px;width:100%}.btn-primary:active{transform:scale(.98)}.btn-secondary{background-color:#ffffff26;color:#fff;padding:0 20px}.btn-danger{background-color:initial;border:1px solid #ef44444d;color:#ef4444;padding:12px 24px}.test-screen{align-items:center;display:flex;flex-direction:column;width:100%}.test-header{margin-bottom:30px;text-align:center}.instruction{font-size:1.5rem;font-weight:600}.sub-instruction{font-size:.9rem;margin-top:5px;opacity:.7}.grid-container-csf{grid-gap:2px;aspect-ratio:1;background:grey;background:var(--bg-color);display:grid;gap:2px;grid-template-columns:1fr 1fr;max-width:600px;width:100%}.csf-plate{align-items:center;background-color:grey;background-color:var(--bg-color);cursor:pointer;display:flex;justify-content:center}.csf-plate img{height:100%;object-fit:contain;width:100%}.progress-bar{font-size:1.2rem;font-weight:600;margin-top:30px;opacity:.8}.results-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;margin:30px 0;text-align:left}.result-item{background:#0003;background:var(--panel-bg);border-radius:8px;display:flex;font-size:1.2rem;justify-content:space-between;padding:15px 20px}.thresh-val{color:#3b82f6;color:var(--accent-color);font-weight:700}.csf-plate{position:relative}.feedback-overlay{border-radius:50%;height:100px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .25s ease-in-out;width:100px;z-index:10}.feedback-overlay.fade-in{opacity:.6}.feedback-overlay.fade-out{opacity:0}.feedback-correct{background-color:#22c55e;box-shadow:0 0 30px #22c55e}.feedback-incorrect{background-color:#ef4444;box-shadow:0 0 30px #ef4444}
/*# sourceMappingURL=main.bfbc80e4.css.map*/