:root{font-family:system-ui,-apple-system,"Segoe UI","PingFang SC",sans-serif;color:#173b50;background:#ebf6f3}*{box-sizing:border-box}body{margin:0;background:linear-gradient(140deg,#e2f5ef,#f9fbfc 55%,#fff4e6);min-height:100vh}button,select{font:inherit}a{color:inherit}.app{max-width:760px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 15px) 14px calc(env(safe-area-inset-bottom) + 25px)}.mast{display:flex;align-items:center;gap:13px;margin-bottom:13px}.appmark{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;color:#fff;font-size:37px;background:linear-gradient(140deg,#174155,#078d7a);flex-shrink:0}.eyebrow{font-size:10px;font-weight:850;letter-spacing:2px;color:#638a96}.mast h1{font-size:clamp(22px,5vw,30px);margin:3px 0 2px;letter-spacing:-.6px}.mast p{font-size:13px;margin:0;color:#61818d}.backlinks{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.backlinks a{flex:1;min-width:140px;text-align:center;border:1px solid #c1dedc;border-radius:13px;background:#f9fdfc;padding:11px 8px;text-decoration:none;font-size:13px;font-weight:750;color:#176e71}.panel{background:#fff;border:1px solid #dce9e8;border-radius:22px;padding:18px;margin-bottom:14px;box-shadow:0 9px 27px #1839490e}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.kicker{font-size:10px;font-weight:900;letter-spacing:2px;color:#678d98}.section-title h2{font-size:20px;margin:4px 0 0}.pill{background:#e6f4ef;border-radius:40px;padding:7px 10px;color:#257566;font-size:11px;font-weight:800;text-align:center;white-space:nowrap}.filterlabel{display:block;color:#5e7e88;font-size:13px;font-weight:750;margin-bottom:6px}select{display:block;width:100%;border:1px solid #c2dcde;border-radius:13px;color:#173b50;background:#f6fcfc;font-weight:700;padding:12px 10px;margin-bottom:14px;min-width:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.metric{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:linear-gradient(140deg,#f3faf9,#f4f8fb);padding:12px 3px;border:1px solid #e2eeed;border-radius:15px;text-align:center}.metric-icon{font-size:23px}.metric strong{font-size:clamp(22px,5vw,32px);font-variant-numeric:tabular-nums;color:#12746c}.metric span{font-size:11px;font-weight:700;color:#617f89;line-height:1.3}.progress-label{display:flex;justify-content:space-between;margin-top:16px;font-size:13px;color:#577b86;font-weight:750}.progress-label b{color:#137a6c}.track{width:100%;height:11px;background:#e9f0ef;border-radius:20px;margin-top:8px;overflow:hidden}.fill{height:100%;width:0%;background:linear-gradient(90deg,#13a58c,#196c86);border-radius:20px;transition:width .3s}.note{font-size:12px;color:#748c96;line-height:1.55;margin:11px 0 0}.level-bars{display:flex;flex-direction:column;gap:13px}.level-name{display:flex;justify-content:space-between;align-items:center;color:#326b79;font-size:13px;font-weight:750;margin-bottom:5px}.level-name small{font-size:12px;color:#68828d}.level-track{height:10px;background:#edf2f2;border-radius:20px;overflow:hidden}.level-track div{height:100%;border-radius:20px;background:linear-gradient(90deg,#159e88,#187887);max-width:100%}.radical-row{border-top:1px solid #eaf0f1;margin-top:13px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#3a7180;font-weight:750}.radical-row b{color:#126d65}.activity-chart{height:168px;display:flex;align-items:stretch;justify-content:space-between;gap:9px;padding:8px 0 0;border-bottom:1px solid #e8f0f0}.activity-day{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.activity-bars{height:116px;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;width:min(100%,42px);background:#f2f7f7;border-radius:7px 7px 0 0;overflow:hidden}.activity-bars .good{background:#159f85;min-height:0}.activity-bars .missed{background:#eeaa64;min-height:0}.activity-total{font-size:11px;font-weight:700;color:#60828a}.activity-daylabel{font-size:11px;font-weight:750;color:#71919a;white-space:nowrap}.legend{display:flex;gap:15px;font-size:11px;color:#6d8992;margin-top:10px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px}.dot.good{background:#159f85}.dot.missed{background:#eeaa64}.due-list{display:flex;flex-direction:column;gap:6px}.due-item{display:flex;gap:11px;align-items:center;border:1px solid #e4efec;background:#fafdfc;border-radius:12px;padding:8px 11px}.due-hanzi{font-size:25px;font-weight:700;min-width:48px;text-align:center}.due-info{flex:1;min-width:0}.due-info div{font-size:12px;font-weight:750;color:#2c6573}.due-info small{font-size:11px;color:#76929a}.due-tag{white-space:nowrap;font-size:10px;background:#edf6f1;border-radius:30px;color:#327463;padding:5px 7px}.empty{background:#f5faf9;padding:16px;border-radius:13px;text-align:center;color:#72909a;font-size:13px}.start-review{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px;padding:13px;border-radius:13px;color:white;background:linear-gradient(100deg,#0a9984,#1a6d82);text-decoration:none;font-size:14px;font-weight:850}.start-review span{font-size:21px}.two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.two-buttons button,.two-buttons a{border:1px solid #bfddda;background:#f7fcfa;color:#23727a;border-radius:13px;padding:12px 5px;text-align:center;text-decoration:none;font-size:13px;font-weight:780;cursor:pointer}footer{text-align:center;color:#7b9ba4;font-size:11px;font-weight:750;letter-spacing:1px;margin:17px 0}footer p{font-weight:400;letter-spacing:0;margin:6px 0 2px}footer strong{color:#2b6375}footer small{font-weight:400;letter-spacing:0}@media(max-width:430px){.app{padding-left:11px;padding-right:11px}.panel{padding:14px}.metrics{gap:5px}.metric{padding:10px 2px}.metric span{font-size:10px}.activity-chart{gap:5px}.section-title h2{font-size:18px}}@media(max-width:350px){.metrics{grid-template-columns:repeat(2,1fr)}.mast h1{font-size:19px}}