:root{font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;color:#243c35;background:#f4f5ee;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:48px 20px}main{max-width:680px;margin:auto}.badge{font-size:12px;letter-spacing:2px;color:#557769;font-weight:700}h1{font-size:clamp(32px,6vw,48px);line-height:1.3;letter-spacing:-1px;margin:20px 0}.intro{color:#64766e;line-height:1.8}form{background:white;border:1px solid #dce4dc;border-radius:24px;padding:28px;margin:28px 0;box-shadow:0 12px 40px #243c3508}label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}textarea,select{width:100%;font:inherit;color:inherit;border:1px solid #cdd9d0;border-radius:12px;padding:13px;background:#fafbf8}textarea{resize:vertical;min-height:110px;font-size:20px}.options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}input[type=range]{width:100%;accent-color:#28694f}output{float:right;color:#557769}.actions{display:flex;gap:12px;margin-top:24px}button{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:13px 22px;background:#28694f;color:white;font-weight:600}.secondary{background:#eef3ed;color:#28694f}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.94)}:focus-visible{outline:3px solid #87b4a0;outline-offset:3px}#status{font-size:14px;color:#64766e;margin-bottom:0;min-height:22px}h2{font-size:14px;color:#64766e}.samples{display:flex;flex-wrap:wrap;gap:8px}.samples button{background:#e8eee3;color:#385e4d;font-size:14px;padding:9px 15px}footer{font-size:12px;line-height:1.8;color:#738178;margin:30px 0}@media(max-width:480px){body{padding:28px 16px}form{padding:20px}.options{grid-template-columns:1fr}}
nav{margin-bottom:24px}a{color:#28694f;text-underline-offset:4px}.word-controls{background:white;border:1px solid #dce4dc;border-radius:18px;padding:20px}.word-controls button{margin-top:12px}.word-list{padding:0;list-style-position:inside;display:grid;gap:12px;margin:24px 0}.word-card{background:white;border:1px solid #dce4dc;border-radius:16px;padding:18px}.word-card::marker{color:#738178;font-size:12px}.word-card>div:first-child{display:inline-block;margin-left:8px}.word-card strong{font-size:21px}.word-card span{margin-left:14px;color:#64766e}.word-actions{display:flex;gap:8px;margin-top:14px}.word-actions button{font-size:14px;padding:9px 15px}
progress{width:100%;height:12px;margin-top:16px;accent-color:#28694f}.current-word{text-align:center;padding:36px 16px}.current-word h2{font-size:clamp(32px,7vw,56px);color:#243c35;margin:12px 0}.current-word p{color:#64766e;font-size:20px}.current-word #position{font-size:14px}.actions{flex-wrap:wrap}
.group-select{display:flex;gap:12px}.group-select select{flex:1;min-width:0}.group-select button{flex-shrink:0}.group-navigation{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:24px 0}.toeic-card>div:first-child{display:block;margin:8px 0}.toeic-card span{display:block;margin:8px 0 0;line-height:1.7;overflow-wrap:anywhere}.word-card strong{overflow-wrap:anywhere}.word-controls .current-word #chinese{font-size:16px;line-height:1.7;overflow-wrap:anywhere}.group-picker{padding:20px}@media(max-width:480px){.group-select{flex-direction:column}}