@import url(https://fonts.googleapis.com/css2?family=Note+Sans+JP:wght@400;700&display=swap);body{background-color:#fffdf7;background-color:var(--background);color:#333;color:var(--text);font-family:Noto Sans JP,sans-serif;line-height:1.5;margin:0;min-height:100vh;padding:0;text-align:center}h1,h2,h3{color:#333;font-family:Note Sans JP,sans-serif}div{margin:0 auto;text-align:left;width:90%}div,pre{padding:0}pre{background-color:#f4f4f4;border-radius:5px;overflow-x:scroll}code{font-family:Consolas,Courier New,monospace}.hljs{background:#2c2c2c;color:#f4f4f4}.update-info-container{border:8px solid #ccc7be;border-radius:30px 60px/60px 30px;margin:1em auto;padding:1em}.bord{font-weight:700;margin:1em 0 0}.question-container{border:8px solid #ccc7be;border-radius:30px 60px/60px 30px;margin:1em auto;padding:1em}.question-selector-container{margin:1rem 0}.correctResult{color:red;font-weight:700}.WrongQuestionsNumber{margin:auto 3em;text-align:left}progress{height:20px;width:100%}form{margin:0 auto}.form-row{align-items:center;border-bottom:1px solid #a5a5a5;display:flex;padding:20px}.form-row:last-child{border-bottom:none}.form-label{align-items:center;display:flex;padding:0 10px;width:250px}.form-label label{font-weight:700}.form-label span{background-color:#b52916;border-radius:3px;color:#fff;font-size:12px;font-weight:700;margin-left:10px;padding:2px 6px}.form-row>input{background-color:#cecece;border:none;border-radius:3px;color:#333;flex-grow:1;font-size:16px;padding:15px 20px}input::placeholder,textarea::placeholder{color:#999;font-size:14px}.question-selector{background-color:#5584b94d;border-radius:100vw;display:flex;font-family:Note Sans JP,sans-serif;font-size:16px;padding:1rem;position:relative;transition:.5s}.question-selector:hover{background-color:#274e9c;color:#fff}.correct{color:green;font-weight:700;margin:1em 0 0;position:relative}.correct:after{background-color:#2bff004d;bottom:0;content:"";height:30%;left:0;position:absolute;right:0;z-index:-1}.incorrect{color:red;font-weight:700;margin:1em 0 0;position:relative}.incorrect:after{background-color:#ff91004d;bottom:0;content:"";height:30%;left:0;position:absolute;right:0;z-index:-1}.button-container,button{display:flex;justify-content:center}button{align-items:center;background-color:#274e9c;background-size:400%;border:none;border-radius:100vw;color:#fdfdff;font-family:Note Sans JP,sans-serif;font-size:16px;font-weight:700;height:4rem;margin:1rem 5%;overflow:hidden;padding:0 4rem;position:relative;text-decoration:none;width:120px}.button:hover{opacity:.9}.home-select-container{display:flex;justify-content:left;margin:1rem 0}select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;border:none;color:#333;font-size:16px;height:100%;outline:none;padding:0 10px;width:100%}.slect-container{background:#cfcedb;border-radius:5px;height:40px;margin:0;position:relative;width:300px;z-index:1}.slect-container:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";height:8px;position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(45deg);width:8px;z-index:-1}@media (max-width:500px){body{background-color:#f4f5f7;font-family:Note Sans JP,sans-serif;font-size:small;margin:0;padding:0;text-align:center}h1,h2{color:#333;font-family:Note Sans JP,sans-serif}h2{font-size:small}h3{color:#333;font-family:Note Sans JP,sans-serif}div{margin:0 auto;text-align:left;width:97%}div,pre{padding:0}pre{background-color:#f4f4f4;border-radius:5px;overflow-x:scroll}code{font-family:Consolas,Courier New,monospace}.hljs{background:#2c2c2c;color:#f4f4f4}.update-info-container{border:3px solid #ccc7be;border-radius:30px 60px/60px 30px;margin:1em auto;padding:5px}.bord{font-weight:700;margin:1em 0 0}.question-container{border:0 solid #ccc7be;border-radius:30px 60px/60px 30px;margin:1em auto;padding:0}.question-container>h2{padding:0}.question-selector-container{font-size:small;margin:1rem 0}.correctResult{color:red;font-weight:700}.WrongQuestionsNumber{margin:auto 3em;text-align:left}form{margin:0 auto}.form-row{align-items:center;border-bottom:1px solid #a5a5a5;display:flex;flex-wrap:wrap;padding:20px}.form-row:last-child{border-bottom:none}.form-label{align-items:center;display:flex;justify-content:start;margin:0;padding:0;width:250px}.form-label label{font-weight:700}.form-label span{background-color:#b52916;border-radius:3px;color:#fff;font-size:10px;font-weight:700;margin-left:10px;padding:2px 6px}.form-row>input{background-color:#cecece;border:none;border-radius:3px;color:#333;flex-grow:1;font-size:13px;margin:10px;padding:10px 20px}input::placeholder,textarea::placeholder{color:#999;font-size:14px}.question-selector{background-color:#5584b94d;border-radius:100vw;display:flex;font-family:Note Sans JP,sans-serif;font-size:small;padding:.5rem;position:relative;transition:.5s}.question-selector:hover{background-color:#5584b94d;color:#333}.correct{color:green;font-weight:700;margin:1em 0 0;position:relative}.correct:after{background-color:#2bff004d;bottom:0;content:"";height:30%;left:0;position:absolute;right:0;z-index:-1}.incorrect{color:red;font-weight:700;margin:1em 0 0;position:relative}.incorrect:after{background-color:#ff91004d;bottom:0;content:"";height:30%;left:0;position:absolute;right:0;z-index:-1}.button-container,button{display:flex;justify-content:center}button{align-items:center;background-color:#274e9c;background-size:400%;border:none;border-radius:5px;color:#fdfdff;font-family:Note Sans JP,sans-serif;font-size:small;font-weight:700;height:46px;margin:1rem 5%;overflow:hidden;padding:0 1rem;position:relative;text-decoration:none;width:100px}.button:hover{opacity:.9}.home-select-container{display:flex;justify-content:left;margin:0}select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;border:none;color:#333;font-size:small;height:100%;outline:none;padding:0 10px;width:100%}.slect-container{background:#cfcedb;border-radius:5px;height:30px;margin:0;position:relative;width:250px;z-index:1}.slect-container:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";height:8px;position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(45deg);width:8px;z-index:-1}.app-container{margin:0 auto;padding:.5rem;text-align:center}.app-container,.card{box-sizing:border-box;width:100%}.card{margin:0}.answer-item,.choice-item,.description-text,.question-text,.update-content li{box-sizing:border-box;text-align:left;width:100%}.answer-section,.question-choices,.question-section{box-sizing:border-box;padding:.75rem;width:100%}.action-buttons,.quiz-progress,.select-wrapper{box-sizing:border-box;padding:0 .5rem;width:100%}.update-info{box-sizing:border-box;margin:1rem 0;width:100%}.home-header,.quiz-header,.result-header{box-sizing:border-box;margin-bottom:1rem;padding:0 .5rem;width:100%}.result-status{box-sizing:border-box;margin:.5rem 0;width:100%}.exam-grid{gap:.375rem;grid-template-columns:repeat(3,1fr);padding:.25rem}.exam-card{aspect-ratio:1;gap:.25rem;min-height:0;min-width:0;padding:.375rem}.exam-icon{font-size:1.125rem}.exam-card h4{font-size:.625rem;margin:0;padding:0}}.jpnURL{display:flex;justify-content:right}:root{--primary:teal;--primary-light:#099;--secondary:#ffb800;--background:#fffdf7;--text:#333;--text-light:#666;--error:#ff6b6b;--success:#4caf50;--border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a;--transition:all 0.3s ease}.app-container{background-color:#fffdf7;background-color:var(--background);box-sizing:border-box;margin:0 auto;max-width:800px;min-height:100vh}.home-header{justify-content:space-between;margin-bottom:2rem;margin-top:1.5rem}.home-header,.home-title{align-items:center;display:flex}.home-title{gap:.5rem}.home-title h1{font-size:1.5rem;margin:0}.version-tag{color:#666;color:var(--text-light);font-size:.75rem}.logout-button{flex-shrink:0;font-size:.75rem;padding:.5rem 1rem}.exam-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin:0 auto;max-width:800px;padding:.5rem}.exam-card{align-items:center;aspect-ratio:1;background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:.75rem;position:relative;text-align:center;transition:all .3s ease;transition:var(--transition)}.exam-icon{color:teal;color:var(--primary);flex-shrink:0;font-size:1.5rem}.exam-card h4{color:#333;color:var(--text);font-size:.75rem;line-height:1.2;margin:0;overflow-wrap:break-word;width:100%;word-break:break-word}.exam-card:hover:not(.disabled){border-color:teal;border-color:var(--primary);transform:translateY(-2px)}.exam-card.selected{background:teal;background:var(--primary);border-color:teal;border-color:var(--primary)}.exam-card.selected .exam-icon,.exam-card.selected h4{color:#fff}.exam-card.disabled{background:#ffffffe6;cursor:not-allowed;opacity:.7}.exam-card.disabled .exam-icon{opacity:.5}.exam-card.disabled:after{color:#0000004d;content:"\e897";font-family:Material Icons Round;font-size:2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.button{border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.75rem 1.5rem}.button,.button.button-secondary{background-color:teal;background-color:var(--primary)}.button.button-secondary.logout-button{font-size:.75rem;padding:.5rem 1rem}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.login-button{background-color:teal;background-color:var(--primary);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;margin:.75rem 0;padding:.5rem;width:100%}.choice-item{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:.5rem;cursor:pointer;margin-bottom:.5rem;padding:1rem;transition:all .3s ease;transition:var(--transition)}.choice-item:hover{background:#fffdf7;background:var(--background)}.choice-item.selected,.choice-item:hover{border-color:teal;border-color:var(--primary)}.choice-item.selected{background:teal;background:var(--primary);color:#fff}.result-status{border-radius:.5rem;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding:1rem;text-align:center}.result-status.correct{background-color:#4caf501a;color:#4caf50;color:var(--success)}.result-status.incorrect{background-color:#ff6b6b1a;color:#ff6b6b;color:var(--error)}.answer-item.correct-answer{background:#4caf501a;border-color:#4caf50;border-color:var(--success);color:#4caf50;color:var(--success)}.description-text{margin:.25rem 0 1.5rem 1rem}.choice-label{color:teal;color:var(--primary);display:inline-block;font-weight:600;margin-right:.75rem;min-width:1.5rem}.choice-item.selected .choice-label{color:#fff}.answer-item .choice-label{display:inline-block;font-weight:600;margin-right:.75rem;min-width:1.5rem}.answer-item.correct-answer .choice-label{color:#4caf50;color:var(--success)}@media (max-width:500px){.answer-item,.choice-item{margin-bottom:.5rem;padding:.75rem}.description-text{font-size:.875rem;margin:.25rem 0 1rem .75rem;padding-left:.75rem}.result-status{font-size:1.25rem;margin-bottom:1rem;padding:.75rem}.answer-section,.question-choices,.question-section{box-sizing:border-box;padding:.75rem;width:100%}.exam-grid{gap:.5rem;grid-template-columns:repeat(3,1fr);padding:.25rem}.exam-card{aspect-ratio:1;gap:.375rem;padding:.2rem}.exam-icon{font-size:1.25rem}.exam-card h4{font-size:.625rem}.action-buttons{flex-direction:column;gap:.75rem;padding:0 1rem}.button{margin:5px 0;padding:.75rem;width:100%}.button.button-secondary.logout-button{padding:.5rem}.choice-label{margin-right:.5rem;min-width:1.25rem}.home-header{margin-bottom:1rem;margin-top:0;padding:0}.home-title h1{font-size:1rem}.version-tag{font-size:.5rem}.logout-button{font-size:.625rem;height:auto;margin-left:.25rem;padding:.25rem .5rem;width:auto}}.login-container{background:#fff;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);margin:4rem auto;max-width:400px;padding:2.5rem;text-align:center}.login-header{margin-bottom:2.5rem;text-align:center}.login-header h1{color:#333;color:var(--text);font-size:1.75rem;font-weight:600;margin:0 0 1rem}.login-header p{color:#666;color:var(--text-light);font-size:.875rem;line-height:1.6;margin:0}.input-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.input-group label{color:#666;color:var(--text-light);font-size:.875rem;font-weight:500;text-align:left}.input-group input{background-color:#fff;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:1rem;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);font-size:1rem;padding:1rem;transition:all .3s ease;transition:var(--transition)}.input-group input:focus{border-color:teal;border-color:var(--primary);box-shadow:0 0 0 4px #0080801a;outline:none}@media (max-width:500px){.login-container{margin:2rem auto;max-width:none;padding:1.5rem;width:90%}.login-header h1{font-size:1.25rem}.input-group input{font-size:.875rem;padding:.875rem}}.results-container{margin:0 auto;max-width:800px}.answer-section{margin:0 auto;max-width:600px;padding:1rem 0;width:100%}.answer-item{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:.5rem;margin-bottom:.5rem;padding:1rem;position:relative}.answer-item,.description-text{box-sizing:border-box;width:100%}.description-text{border-left:2px solid #e2e8f0;border-left:2px solid var(--border);color:#666;color:var(--text-light);font-size:.95rem;line-height:1.6;margin:.25rem 0 1.5rem;padding-left:1rem}@media (max-width:500px){.answer-section{padding:.5rem 0}.description-text{font-size:.875rem;margin:.25rem 0 1rem;padding-left:.75rem}}.badge{border-radius:12px;box-shadow:0 2px 4px #0003;color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.5px;padding:4px 8px;position:absolute;right:-8px;text-transform:uppercase;top:-8px;z-index:2}.free-badge{background:linear-gradient(45deg,#4caf50,#45a049)}.standard-badge{background:linear-gradient(45deg,#2196f3,#1976d2)}.premium-badge{background:linear-gradient(45deg,gold,orange)}@media (max-width:500px){.badge{border-radius:8px;font-size:.5rem;padding:2px 6px;right:-6px;top:-6px}.exam-card.disabled:after{font-size:1.5rem}}.update-info{margin-bottom:2rem}.update-content ul{list-style:none;margin:0;padding:0}.update-content li{border-bottom:1px solid #f0f0f0;color:#666;color:var(--text-light);font-size:.875rem;line-height:1.4;padding:.75rem 0 .75rem 7rem;position:relative}.update-content li:last-child{border-bottom:none}.update-content li:before{animation:fadeIn .3s ease-in-out;background:linear-gradient(45deg,teal,#099);background:linear-gradient(45deg,var(--primary),var(--primary-light));border-radius:12px;box-shadow:0 2px 4px #00808033;content:attr(data-version);font-size:.7rem;left:0;padding:2px 8px}.update-content li:before,.update-content li[data-version="v1.0.1"]:after{color:#fff;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}.update-content li[data-version="v1.0.1"]:after{animation:pulse 2s infinite;background:#ff6b6b;border-radius:8px;content:"NEW";font-size:.6rem;left:4.2rem;padding:1px 6px}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-50%) translateX(-10px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@media (max-width:500px){.update-info{margin-bottom:1.5rem;padding:1rem}.update-content li{font-size:.8rem;line-height:1.3;padding:2rem .5rem .5rem;position:relative}.update-content li:before{font-size:.6rem;left:.5rem;padding:1px 6px;top:.7rem;transform:none}.update-content li[data-version="v1.0.1"]:after{font-size:.5rem;left:3.8rem;padding:1px 4px;top:.7rem;transform:none}.update-content li{line-height:1.4}}.home-container section{margin-bottom:2rem}.home-container section h3{color:#333;color:var(--text);font-size:1.1rem;margin:0 0 1rem;padding:0 .5rem}.exam-selection,.update-info,.wrong-questions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}@media (max-width:500px){.home-container section{margin-bottom:1.5rem}.home-container section h3{font-size:1rem;margin:0 0 .75rem}.exam-selection,.update-info,.wrong-questions{padding:1rem}}#root{background-color:#fffdf7;background-color:var(--background);min-height:100vh}input[type=email],input[type=password],input[type=text]{-webkit-text-size-adjust:100%;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;font-size:16px;outline:none;padding:.75rem;transition:all .3s ease;transition:var(--transition);width:100%}@media (max-width:500px){input[type=email],input[type=password],input[type=text]{font-size:16px;padding:.5rem}}@media (min-width:501px){button{font-size:.9rem;height:2.8rem;margin:.5rem;min-width:100px;padding:0 1.5rem;width:auto}.logout-button{font-size:.8rem;height:2rem;margin:0;padding:0 1rem}.action-buttons button{margin:.5rem 1rem;min-width:120px}.login-button{margin:.75rem auto;max-width:300px;width:100%}}
/*# sourceMappingURL=main.eb834718.css.map*/