*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Segoe UI","PingFang SC",sans-serif;color:#173b50;background:#e9f5f0}body{margin:0;min-height:100vh;background:linear-gradient(140deg,#e4f6ef,#f8fbfd 55%,#fff1e4)}.app{max-width:760px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 14px) 13px calc(env(safe-area-inset-bottom) + 28px)}.header{margin-bottom:14px}.branding{display:flex;align-items:center;gap:12px}.logo{height:51px;min-width:51px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#174257,#079980);color:white;font-size:30px;box-shadow:0 4px 18px #116b7224}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#588490}h1{font-size:clamp(20px,5vw,26px);margin:3px 0;letter-spacing:-.45px}.branding p{font-size:12px;color:#688993;margin:3px 0}.back{display:inline-block;color:#116c70;text-decoration:none;font-size:13px;font-weight:750;margin:12px 0 0}.back:focus-visible,button:focus-visible{outline:3px solid #3dbea2;outline-offset:3px}.panel{border:1px solid #dce8e9;background:#fff;border-radius:20px;box-shadow:0 8px 25px #173b5010;padding:14px}.tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.tabs button{border:1px solid #cfdfe1;border-radius:10px;padding:12px 3px;font-size:12px;font-weight:800;color:#517987;background:#f7fafb;cursor:pointer;white-space:nowrap}.tabs button.active{background:linear-gradient(135deg,#048e79,#145f76);border-color:#047f77;color:white}.list-head{display:flex;align-items:center;justify-content:space-between;margin:18px 2px 11px}.list-head strong{font-size:17px}.list-head span{font-size:12px;font-weight:750;border-radius:30px;background:#e6f5ef;color:#157865;padding:6px 12px}.vocabulary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.word{border:1px solid #e0e9e8;border-radius:13px;background:linear-gradient(135deg,#fbfefc,#fffdfa);min-height:80px;padding:9px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0}.word-index{font-size:10px;color:#8aa1a7;font-weight:700;font-variant-numeric:tabular-nums}.hanzi{font-size:clamp(23px,5.6vw,31px);color:#192d37;line-height:1.35;text-align:center;overflow-wrap:anywhere;word-break:break-word;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans CJK SC",sans-serif}.load-message{color:#5d7883;font-size:14px;line-height:1.7;text-align:center;margin:22px 0}.footer{text-align:center;margin:20px 0;color:#81969b;font-size:11px;line-height:1.9}.footer strong{color:#286476}@media(min-width:540px){.vocabulary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.word{min-height:90px}.tabs{gap:8px}.tabs button{font-size:14px}}@media(max-width:340px){.app{padding-left:9px;padding-right:9px}.tabs button{font-size:11px;padding:11px 2px}.vocabulary-grid{gap:6px}.word{min-height:72px}.hanzi{font-size:22px}}