:root{--bg-color: #121212;--text-color: #ffffff;--accent-color: #646cff;--success-color: #4caf50;--error-color: #f44336;--font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:1.5;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}#root{width:100%;height:100%;display:flex;flex-direction:column}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#fff}button:hover{border-color:var(--accent-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.full-screen-container{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding:2rem 1rem 1rem;position:relative;overflow-y:auto;width:100%}.image-display{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px}.countdown-overlay{font-size:5rem;font-weight:700}.timer-bar{position:absolute;top:0;left:0;height:5px;background-color:var(--accent-color);transition:width 1s linear}.action-buttons{display:flex;gap:1rem;margin-top:1rem}.btn-large{font-size:1.2rem;padding:1rem 2rem}.btn-success{background-color:var(--success-color)}.btn-missed{background-color:var(--error-color)}.model-answer-box{background:#1e1e1e;padding:1.5rem;border-radius:8px;margin:1rem 0;max-width:90%}.summary-score{font-size:3rem;font-weight:700;margin-bottom:2rem}.app-header{width:100%;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;background-color:#1a1a1a;border-bottom:1px solid #333;font-family:monospace;position:absolute;top:0;left:0;z-index:10}.timer-display{font-size:1.2rem;font-weight:700;color:#fff}.mode-badge{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700}.badge-green{color:#4caf50}.time-up-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;color:#f44336}.time-up-text{font-size:4rem;font-weight:700;margin-bottom:1rem}