:root{font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;color:#243f37;background:#f6f7f1;font-size:18px;font-synthesis:none;line-height:1.65}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}header{max-width:1160px;margin:auto;padding:27px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dbe2d8}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-size:17px;font-weight:800}.brand small{display:block;font-size:12px;font-weight:500;color:#52685e}.brand-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#245547;color:white;font-size:23px}.tag{display:inline-block;border-radius:30px;padding:5px 13px;background:#efe9d5;color:#625422;font-size:13px;font-weight:700}main{max-width:900px;margin:0 auto;padding:55px 28px 35px;min-height:65vh}main:focus{outline:none}.eyebrow{font-size:13px;letter-spacing:.13em;font-weight:800;color:#4e7262;margin:0 0 15px}h1{font-size:clamp(32px,4vw,48px);line-height:1.4;letter-spacing:-.055em;margin:0 0 18px}h2{font-size:27px;line-height:1.65;letter-spacing:-.025em;margin:20px 0}p{margin:12px 0}.intro{text-align:center}.muted{color:#596b61}.levels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:32px 0 24px;border:0;padding:0;text-align:left}.levels legend{width:100%;text-align:center;font-weight:700;margin-bottom:15px}.level{position:relative;display:block;border:2px solid #dbe3d7;border-radius:22px;padding:24px;background:white;cursor:pointer}.level:has(input:checked){border-color:#245547;background:#eef5eb;box-shadow:0 4px 0 #d6e2cd}.level input{position:absolute;right:24px;top:28px;width:22px;height:22px;accent-color:#245547}.level strong{display:block;font-size:25px;margin:5px 0 10px}.level small{color:#596b61}.level .tag{background:#f0f2eb;color:#4b6055}.primary,.secondary,.quiet{min-height:54px;border-radius:13px;padding:12px 25px;font-weight:700;border:1px solid #245547}.primary{color:#fff;background:#245547}.primary:hover{background:#193e32}.secondary{color:#245547;background:white}.quiet{color:#405a4e;background:transparent;border-color:#bdcbbd}.primary:disabled{background:#dde3da;color:#697568;border-color:#dde3da;cursor:not-allowed}.start{min-width:280px}.helper{font-size:14px;color:#596b61;margin-top:18px}.steps{display:flex;justify-content:center;gap:24px;margin:28px 0;font-size:14px;color:#596b61}.panel{background:#fff;border:1px solid #dce4d8;border-radius:24px;padding:32px}.topline{display:flex;justify-content:space-between;align-items:center;gap:15px;font-weight:700}progress{width:100%;height:9px;accent-color:#426e52;margin:18px 0;display:block;border:0;border-radius:8px;overflow:hidden}progress::-webkit-progress-bar{background:#e9eee5}progress::-webkit-progress-value{background:#426e52}.options{border:0;padding:0;margin:24px 0;display:grid;gap:12px}.options legend{font-size:15px;color:#596b61;margin-bottom:12px}.option{display:flex;align-items:center;gap:14px;border:2px solid #e0e6dc;padding:16px 18px;min-height:66px;border-radius:14px;cursor:pointer;overflow-wrap:anywhere}.option:has(input:checked){background:#edf5e9;border-color:#245547}.option input{width:21px;height:21px;flex-shrink:0;accent-color:#245547}.lower .option{font-size:21px;line-height:1.8}.nav,.actions{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:25px}.actions{justify-content:center}.result{text-align:center}.score{font-size:clamp(29px,5vw,46px);font-weight:800;letter-spacing:-.045em;margin:22px 0}.score b{font-size:1.45em;color:#245547}.result-message{font-size:20px;font-weight:700;max-width:590px;margin:20px auto}.time{font-size:14px;color:#596b61}.review{margin:20px 0}.review h2{font-size:21px}.review p{overflow-wrap:anywhere}.correct{color:#245547;font-weight:800}.wrong{color:#95502c;font-weight:800}.explain{padding:16px;background:#f1f5ed;border-radius:12px}.error{border-left:5px solid #a66535}footer{text-align:center;font-size:14px;color:#566b5e;padding:25px 20px 35px}footer span{font-size:12px}:focus-visible{outline:3px solid #b16c2e;outline-offset:4px}.level:focus-within,.option:focus-within{outline:3px solid #b16c2e;outline-offset:3px}@media(max-width:580px){header{padding:18px 20px;align-items:flex-start;flex-wrap:wrap}.brand small{font-size:11px}main{padding:32px 18px 20px}.levels{gap:12px}.level{padding:19px 15px}.level strong{font-size:22px}.level input{right:13px;top:20px;width:19px;height:19px}.level .tag{font-size:11px;padding:3px 8px}.level p{font-size:16px}.panel{padding:22px 18px}h2{font-size:23px}.option{padding:13px 12px;gap:10px}.lower .option{font-size:20px}.actions{flex-direction:column}.actions button{width:100%}.start{width:100%;min-width:0}.steps{gap:14px;font-size:12px}.nav button{padding:12px 18px}}
@media(max-width:580px){.level .tag{display:none}.level strong{padding-right:22px;font-size:21px}.level small{display:block;word-break:keep-all;font-size:14px}.nav{flex-wrap:nowrap;gap:10px}.nav button{flex:1;padding:12px 8px;font-size:16px}}