body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Yu Gothic,YuGothic,游ゴシック,Meiryo,sans-serif}.App-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#232f3e;color:#fff!important}.App-header h2{margin:0 0 10px;color:#fff}.App-header button{padding:10px 20px;font-size:16px;cursor:pointer}main{padding:20px}.home-container{display:flex;flex-direction:column;align-items:center;padding:10px;background-color:#f4f4f4;min-height:100vh;font-size:.9em}.notes-section{width:90%;max-width:600px;margin-bottom:10px;text-align:left}.header{font-size:1em;font-weight:700;margin-top:5px;margin-bottom:2px}.bullet-point{margin-left:10px;font-size:.9em}.login-container{background-color:#fff;padding:15px;border-radius:6px;box-shadow:0 3px 6px #0000001a;max-width:350px;width:100%}.login-title{font-size:1.2em;margin-bottom:15px;text-align:center}.input-field{width:calc(100% - 10px);padding:8px;margin:8px 0;border-radius:4px;border:1px solid #ccc;font-size:.9em}.start-exam-btn{width:100%;padding:8px;margin-top:15px;border:none;border-radius:4px;background-color:#4caf50;color:#fff;font-size:.9em;cursor:pointer;transition:background-color .3s}.start-exam-btn:hover{background-color:#45a049}.start-exam-btn:disabled{background-color:#d3d3d3;color:#fff;cursor:not-allowed;opacity:.6}.error-message{color:red;font-size:.8em;margin-top:5px;text-align:center}.countdown-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;position:fixed;top:0;left:0;width:100vw}.countdown-info{margin-bottom:40px;text-align:center}.info-text{font-size:1.5rem;font-weight:700;color:#232f3e;margin:10px 0}.spinner-container{position:relative}.countdown-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:#232f3e}.exam-container{display:flex;flex-direction:column;align-items:center;padding:20px;max-width:900px;width:100%;height:700px;margin:auto;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:auto}.mark-review-btn{position:absolute;top:150px;right:70px}.calc-btn{position:absolute;top:150px;right:130px}.prev-btn{position:absolute;bottom:100px;left:10px}.next-btn{position:absolute;bottom:100px;right:10px}.check-question-btn1{position:absolute;top:150px;right:10px}.check-question-btn{position:absolute;bottom:100px;right:10px}.timer-container{position:absolute;top:100px;right:10px;font-size:1em}.timer-container .timer-red{color:red}.question{font-weight:700;margin-bottom:10px;font-size:1.2em}.exam-name{position:relative;right:40%}.questions{margin-bottom:20px;line-height:1.6}.answer-field{margin-top:10px;width:100%}.calculator-popup{position:fixed;width:300px;z-index:1000;border:2px solid #A0937D;background:#f1f1f1;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:20px;-webkit-user-select:none;user-select:none}.calculator-display{margin-bottom:10px}.calculator-display input{width:100%;height:40px;font-size:1.5em;text-align:right;padding:5px;box-sizing:border-box;border:1px solid #ccc}.calculator-buttons{display:flex;flex-direction:column}.calculator-row{display:flex;justify-content:space-between;margin-bottom:10px}.calculator-row button{width:30%;height:40px;font-size:1.2em;background-color:#36ba98;color:#fff;border:none;cursor:pointer;transition:background-color .3s ease}.calculator-row button:hover{background-color:#b6c7aa}.calculator-row button.equals{background-color:#9cafaa}.calculator-row button.equals:hover{background-color:#b6c7aa}.review-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;position:relative;padding:20px;background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px #0000001a}h2{font-size:1.8em;color:#333;margin-bottom:20px}.review-text{font-size:1em;color:#666;margin-bottom:20px}.question-table{border-collapse:collapse;margin-top:20px}.question-table td{width:50px;height:50px;border:1px solid #ddd;cursor:pointer;font-size:1.1em;transition:background-color .3s,transform .3s}.question-table td.marked{background-color:#ff5722;color:#fff;font-weight:700}.question-table td.unmarked{background-color:#4caf50;color:#fff;font-weight:700}.question-table td:hover{background-color:#e0e0e0}.submit-btn{margin-top:30px;padding:10px 20px;font-size:1.2em;color:#fff;background-color:#37b7c3;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .2s}.submit-btn:hover{background-color:#0056b3;transform:scale(1.05)}.thank-you-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;padding:20px;background-color:#f0f4f8;border-radius:8px;box-shadow:0 4px 8px #0000001a;text-align:center}.thank-you-container h2{font-size:24px;font-weight:700;color:#333;margin-bottom:20px}.thank-you-container p{font-size:16px;color:#555;margin-bottom:30px}.home-btn{text-decoration:none}.home-button{padding:10px 20px;font-size:16px;color:#fff;background-color:#37b7c3;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.home-button:hover{background-color:#0056b3}.home-button:focus{outline:none}.App-footer{background-color:#d1d1d1;color:#fff;text-align:center;padding:10px;height:30px;position:fixed;width:100%;bottom:0;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif}.App-footer p{margin:0;font-size:14px}