:root{font-family:ui-rounded,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263e34;background:#f6f4ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font-weight:800;font-size:27px;color:inherit;text-decoration:none}.brand span{font-size:20px;color:#9a6445;margin-left:8px}.badge{font-size:10px;letter-spacing:1.8px;background:#e6eadf;padding:9px 12px;border-radius:30px}.intro{padding:46px 0 22px}.eyebrow{font-size:11px;letter-spacing:2px;color:#886447;font-weight:700}h1{font-size:clamp(34px,6vw,58px);letter-spacing:-2px;margin:12px 0}p{line-height:1.6}.intro>p:last-child{color:#637066}.settings{background:#e9ede3;border:1px solid #d7dece;border-radius:20px;padding:20px;display:flex;flex-wrap:wrap;gap:16px;align-items:end}label{display:grid;gap:8px;font-size:13px;font-weight:650}label:first-child{flex:1;min-width:180px}select{font:inherit;border:1px solid #c7d1c2;border-radius:10px;background:#fff;padding:13px;max-width:100%;min-height:48px}button,.download{border:0;border-radius:12px;padding:13px 14px;min-height:48px;font:inherit;font-size:14px;font-weight:650;cursor:pointer;touch-action:manipulation;background:#315d4d;color:#fff;text-decoration:none;text-align:center}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:#fff;color:#315d4d;border:1px solid #d9dfd4}#voiceNote{flex-basis:100%;font-size:13px;margin:0;color:#596859}#status{min-height:30px;padding:6px 0;color:#76553d}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid #e0e1d6;border-radius:22px;background:#fffefa;padding:24px;text-align:center;box-shadow:0 5px 14px #33433204}.hanzi{font-family:"PingFang SC","Songti SC",serif;font-size:58px;margin:4px 0 8px;color:#315d4d}.pinyin{font-size:21px;color:#a05e3b}.meaning{font-size:14px;color:#6e746b;margin:8px 0 22px}.actions{display:grid;gap:9px}.record{background:#f2e6dc;color:#845234}.saved{font-size:12px;color:#64765a;margin:12px 0 0}.audio{width:100%;margin:12px 0 4px}.small{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.small button,.download{font-size:12px;min-height:44px;background:#eef0e7;color:#435745}.help{margin-top:34px;background:#ebece2;border-radius:20px;padding:25px}.help h2{font-size:21px}.help p,.help li{font-size:14px;color:#586454;line-height:1.7}.help li{margin-bottom:8px}footer{text-align:center;font-size:12px;color:#7d8478;padding:32px 0 10px}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #bf8153;outline-offset:3px}@media(max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:20px}.card{padding:18px}.settings{gap:12px}}@media(max-width:420px){main{padding:16px}.grid{gap:10px}.card{padding:14px 10px}.hanzi{font-size:46px}.badge{font-size:8px}.brand{font-size:23px}.intro{padding-top:32px}.actions button{font-size:12px}}