.mainintro{border-radius:15px;background-color:white;box-shadow:0 0 20px 0 #f7ecec;border:solid 1px #f2eeee;padding:15px}.wip-banner{border-radius:15px;background-color:#fff3e0;box-shadow:0 0 15px 0 rgba(255,152,0,0.15);border:solid 2px #ffb74d;padding:15px 20px;margin:20px 60px;display:flex;align-items:center;gap:12px}.wip-banner .icon{font-size:24px;color:#f57c00;flex-shrink:0}.wip-banner .content{flex-grow:1;color:#e65100;font-weight:500}.samplequestion{margin-top:10px;border-radius:15px;background-color:#edeef7;box-shadow:0 0 20px 0 #edeef7;border:solid 4px #8690df;padding:15px}.jlpt-inner{margin-top:20px}.jlpt__btnrow{display:flex;margin:20px;justify-content:space-between}.jlpt__btnrow .timers{display:flex;flex-grow:1;align-items:center;justify-content:space-between;margin-left:20px;margin-right:20px}.jlpt__btnrow .timers #divProgress{flex-grow:1;line-height:10px;margin-left:20px;margin-right:20px}.jlpt__btnrow .timers #divProgress div{display:inline-block;height:10px}.jlpt__btnrow .timers #divProgress div:hover{cursor:pointer;background-color:#878787}.qn-data{font-size:24px;font-weight:bold;background-color:lightgrey;padding:8px;display:flex;justify-content:space-between}.qn-data .spacer{flex-grow:1}.jlptintro{border:solid 1px black;border-radius:10px;padding:20px;background:linear-gradient(to bottom, #e8f5da 0%, #dbf5f6 100%);box-shadow:0 0 13px -6px rgba(0,0,0,0.5)}.jlpt-practicematrix{display:grid;padding:10px;grid-template-columns:repeat(5, 1fr);grid-auto-rows:50px;grid-gap:10px;font-size:14px;font-weight:bold}@media only screen and (min-width: 500px){.jlpt-practicematrix{grid-auto-rows:50px;font-size:20px}}@media only screen and (max-width: 889px){.jlpt-practicematrix{grid-auto-rows:30px;font-size:16px}}.jlpt-practicematrix div{display:flex;align-items:center;justify-content:center;border:solid 1px;border-radius:5px;color:#466c65;font-size:16px}@media only screen and (min-width: 500px){.jlpt-practicematrix div{padding:10px}}@media only screen and (max-width: 889px){.jlpt-practicematrix div{padding:5px}}.jlpt-practicematrix .nlevel{font-weight:bold;border:none}.jlpt-practicematrix .blank{background-color:inherit;color:inherit;border:none}.jlpt-practicematrix .vqns{border-color:#759894;background-color:#d3e9e6}.jlpt-practicematrix .vqns:hover{background-color:#759894;color:white;cursor:pointer}.jlpt-practicematrix .vqns-disabled{border-color:#d3e9e6;background-color:#d3e9e6;color:#83afa6;font-size:15px}.jlpt-practicematrix .gqns{border-color:#859b5f;background-color:#d6ecaf;color:#466c65;font-size:15px}.jlpt-practicematrix .gqns:hover{background-color:#859b5f;color:white;cursor:pointer}.jlpt-practicematrix .gqns-disabled{border-color:#d6ecaf;background-color:#d6ecaf;color:#83afa6}.jlpt-practicematrix .rqns{border-color:#d15892;background-color:#f3e2e8;color:#466c65;font-size:15px}.jlpt-practicematrix .rqns:hover{background-color:#d15892;color:white;cursor:pointer}.jlpt-practicematrix .rqns-disabled{border-color:#f3e2e8;background-color:#f3e2e8;color:#83afa6}.jlpt-practicematrix .lqns{border-color:#1b3d7d;background-color:#79bbec;color:#466c65;font-size:15px}.jlpt-practicematrix .lqns-disabled{border-color:#c5e0fb;background-color:#c5e0fb;color:#83afa6}.nlevel-practice{margin-top:20px;background-color:antiquewhite;font-weight:bold;font-size:20px;text-align:center}.jlpt-section{margin-top:20px;padding:10px;font-weight:bold}.jlpt-practicematrix-admin{display:grid;margin-top:5px;grid-template-columns:repeat(5, 1fr);grid-auto-rows:max-content;grid-gap:5px}.jlpt-practicematrix-admin .qn{padding:10px;border:solid 1px lightgrey;border-radius:5px;background-color:white;font-size:15px}.jlpt-practicematrix-admin .qn.v{background-color:#d3e9e6}.jlpt-practicematrix-admin .qn.g{background-color:#d6ecaf}.jlpt-practicematrix-admin .qn.r{background-color:#f3e2e8}.jlpt-practicematrix-admin .qn.l{background-color:#c5e0fb}.jlpt-practicematrix-admin .qn-head{text-align:center;font-weight:bold}.jlpt-practicematrix-admin .content{display:flex}.jlpt-practicematrix-admin .ok{color:green;flex-shrink:0;flex-grow:0;width:30px;text-align:center}.jlpt-practicematrix-admin .not-ok{color:red;flex-shrink:0;flex-grow:0;width:30px;text-align:center}.jlptsplash{border:solid 1px black;border-radius:10px;padding:20px;box-shadow:0 0 13px -6px rgba(0,0,0,0.5)}.jlptgrade{border:solid 1px black;border-radius:10px;padding:20px;background:linear-gradient(to bottom, #e8f5da 0%, #dbf5f6 100%);box-shadow:0 0 13px -6px rgba(0,0,0,0.5)}.splash{border:solid 2px;border-radius:10px;margin:5px;height:10vh;padding:20px;display:flex}.splash .inner{display:flex;align-items:center;justify-content:space-evenly;flex-grow:1}.splash .inner div{width:25%;font-weight:bold;text-align:center}.splash .inner .stime{width:30%}.splash .inner .wider{flex-grow:1}.splash .inner .sresults{width:50%}.splash .inner .sresults div{text-align:left;width:100%}.splash .inner .buttons{width:40%;display:flex;justify-content:space-evenly}.splash.current{box-shadow:0 0 13px -6px rgba(0,0,0,0.5);border:solid 4px}.splash.v{border-color:#759894;background-color:#d3e9e6}.splash.g{border-color:#859b5f;background-color:#d6ecaf}.splash.r{border-color:#d15892;background-color:#f3e2e8}.splash.l{border-color:#1b3d7d;background-color:#79bbec}.score{font-size:larger;font-weight:bold;color:#1b3d7d}.practice-round-succeed{padding:10px;color:#355d32;background-color:#d3fbd0;box-shadow:0 2px 12px 0 #319a2a60}.practice-round-fail{padding:10px;color:#4e0a08;background-color:lightpink;box-shadow:0 2px 12px 0 #8b000080}.score-correct{display:inline-block;font-weight:700;font-style:normal;color:#6fc36a;text-align:center;height:36px;line-height:36px;border-radius:18px;padding:0 10px;font-size:30px}.score-incorrect{display:inline-block;font-weight:700;font-style:normal;color:darkred;text-align:center;height:36px;line-height:36px;border-radius:18px;padding:0 10px;font-size:30px}.jlpt-level{font-size:20px;font-weight:bold;color:red}.jlpt-box{margin:20px;border:3px solid red;border-radius:5px;outline:3px solid black;box-shadow:0 0 14px 0 #ffd6d6;padding:20px;font-weight:bold;font-size:20px;min-width:200px;transition:all 0.2s}.jlpt-box:hover{cursor:pointer;background-color:#ffd6d6}.panel-link4{display:block;margin:20px;margin-top:10px;margin-bottom:10px;padding:1.2rem 1.6rem;border:2px solid #e0e0e0;border-radius:10px;background:#fff;color:#333;font-weight:600;font-size:1.1rem;text-decoration:none;transition:all 0.25s ease;position:relative}.panel-link4::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:#de3138;border-top-left-radius:8px;border-bottom-left-radius:8px;transition:background 0.25s ease, width 0.25s ease}.panel-link4:hover{background:#fff5f5;border-color:#a09da0;transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,0.1);cursor:pointer}.panel-link4:hover::before{width:12px}