*{box-sizing:border-box}body{margin:0;background:#f4f7f4;color:#233b37;font:17px/1.65 system-ui,"Microsoft JhengHei",sans-serif}header{padding:38px max(5vw,20px) 24px;background:#dcece5}header span{font-size:12px;letter-spacing:2px}h1{font-size:clamp(25px,4vw,38px);margin:8px 0}h2{font-size:23px}main{max-width:1150px;margin:28px auto;padding:0 20px;display:grid;grid-template-columns:290px 1fr;gap:24px}aside,section{background:white;border:1px solid #dce5df;border-radius:20px;padding:25px}aside{grid-row:span 2}label{display:block;font-weight:600;margin:16px 0 7px}select,input{display:block;width:100%;font:inherit;padding:12px;border:1px solid #aabeb5;border-radius:10px;background:white;color:inherit}button{font:inherit;border:0;border-radius:10px;padding:11px 18px;cursor:pointer;background:#276b58;color:white;margin:6px 5px 6px 0}button.quiet{background:#eaf2ee;color:#244e41}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #da9f2e;outline-offset:3px}.small{font-size:14px;color:#526b63}.top,nav{display:flex;justify-content:space-between;gap:10px;align-items:center}progress{width:100%;accent-color:#35755e}#prompt{font-size:30px;margin:24px 0 8px}#answer{font-size:25px;letter-spacing:1px}#learnWord{font-size:34px;font-weight:700;color:#276b58;overflow-wrap:anywhere}#feedback{padding:14px 0;min-height:70px;white-space:pre-line}#score,#tag{font-size:14px}#summary{color:#276b58}details{margin-top:18px}summary{cursor:pointer;font-weight:600}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:8px;border-bottom:1px solid #dce5df;overflow-wrap:anywhere}footer{text-align:center;padding:24px;font-size:13px;color:#61766e}.plan{grid-column:2}#list{overflow:auto}@media(max-width:760px){main{display:block;padding:0 12px}aside,section{margin-bottom:18px;padding:20px}aside h2{margin-top:0}header{padding:25px 20px}#prompt{font-size:26px}.top{font-size:13px}input{min-width:0}}