*{box-sizing:border-box}[hidden]{display:none!important}:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#173b50}body{margin:0;background:linear-gradient(145deg,#e8f7f4,#f6fbfc 54%,#fff7ec);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.app{max-width:800px;margin:auto;padding:calc(14px + env(safe-area-inset-top)) 14px calc(26px + env(safe-area-inset-bottom))}.header{margin-bottom:14px}.branding{display:flex;gap:13px;align-items:center}.logo{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#173b50,#089d86);color:white;font-size:30px;flex-shrink:0}.eyebrow{font-size:10px;letter-spacing:2px;color:#6d929b;font-weight:800}.header h1{font-size:clamp(23px,5vw,31px);margin:2px 0 1px}.header p{margin:0;color:#6c8b97;font-size:13px}.back{display:inline-block;margin-top:10px;color:#247d79;text-decoration:none;font-size:13px;font-weight:750}.panel{background:#fff;border:1px solid #d2e4e4;border-radius:22px;padding:18px;margin:12px 0;box-shadow:0 7px 22px #173b5010}.kicker{font-size:11px;letter-spacing:2px;font-weight:850;color:#698b97;margin-bottom:12px}.initials{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.initials button,.levels button,.view-tabs button{background:#f6fafb;border:1px solid #c9dbdf;color:#335e6f;font-weight:750;border-radius:11px;padding:10px 3px}.initials button.selected,.levels button.selected,.view-tabs button.selected{background:linear-gradient(125deg,#079581,#177483);color:#fff;border-color:#078b7a}.search-options{display:grid;grid-template-columns:1.3fr 1fr;gap:11px;margin-top:16px}.field,.two-cols label{font-size:13px;font-weight:760;color:#517884;display:block}.field input,.field select,.two-cols select{display:block;width:100%;border:1px solid #c6dfe0;border-radius:12px;padding:12px 10px;background:#fbfefe;color:#133e51;margin-top:6px;font-size:15px;min-width:0}.hint,.data-note{font-size:12px;line-height:1.5;color:#688b96;margin-top:10px}.levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:15px}.levels button{font-size:11px;padding:10px 2px}.stats{color:#147a6b;font-weight:800;margin-top:13px;font-size:14px}.data-note{margin-bottom:0}.view-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:17px}.view-tabs button{padding:13px}.word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.word{background:linear-gradient(130deg,#f2fbf9,#fffaf0);border:1px solid #e0eded;border-radius:12px;padding:13px 10px;min-width:0}.word-head{display:flex;align-items:flex-start;justify-content:space-between;gap:5px}.word-hanzi{font-size:clamp(28px,7vw,40px);font-weight:700;overflow-wrap:anywhere;color:#112f41;line-height:1.5}.word-num{color:#7c9ca5;font-size:11px}.word-pinyin{font-size:15px;color:#14796f;font-weight:740;margin-top:2px;overflow-wrap:anywhere}.word-meaning{font-size:12px;color:#516e79;margin-top:4px;line-height:1.45;overflow-wrap:anywhere}.word-level{font-size:10px;color:#a27a49;margin-top:6px;font-weight:800}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flash-meta{display:flex;justify-content:space-between;margin-top:18px;font-size:12px;letter-spacing:1px;color:#668996}.track{height:8px;background:#e9f1f1;border-radius:99px;overflow:hidden;margin:10px 0}.track div{height:100%;width:0%;background:linear-gradient(90deg,#18a887,#147c83);transition:width .2s}.flashcard{border:1px solid #d9e9e9;border-radius:20px;background:linear-gradient(140deg,#f7fcfa,#fff7e9);min-height:285px;padding:15px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:#123d4d}.hanzi-large{font-size:clamp(75px,20vw,144px);font-weight:750;line-height:1.4;overflow-wrap:anywhere;max-width:100%}.flash-hint{font-size:12px;color:#88a5ad}.answer{display:flex;flex-direction:column;gap:6px;align-items:center;font-size:18px;color:#137467;text-align:center}.answer small{font-size:12px;color:#738f97}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.btn{border:1px solid transparent;border-radius:13px;padding:12px 5px;font-size:13px;font-weight:750}.outline{background:#fff;border-color:#bddbdd;color:#195568}.primary{background:linear-gradient(130deg,#0a8e81,#17717e);color:#fff}.known{background:#14876f;color:#fff}.missed{background:#fff8ef;color:#995a20;border-color:#e9ba83}.study-message{min-height:28px;color:#477780;line-height:1.5;font-size:13px}.footer{text-align:center;margin-top:24px;font-size:10px;color:#7f9ba3;letter-spacing:1px}.footer p{letter-spacing:0;font-size:13px}.footer strong{color:#195c63}.footer small{letter-spacing:0}@media(max-width:420px){.app{padding-left:11px;padding-right:11px}.panel{padding:14px}.initials{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.initials button{padding:11px 1px}.search-options{grid-template-columns:1fr}.levels{grid-template-columns:repeat(3,minmax(0,1fr))}.word{padding:11px 8px}}@media(max-width:340px){.initials{grid-template-columns:repeat(5,minmax(0,1fr))}.word-grid{grid-template-columns:1fr}.buttons{gap:6px}.btn{font-size:12px}}