/* HSK Learning Command Center: premium, accessible, locally grounded */
.ld-root{--ld-bg:#f6faf7;--ld-surface:#fff;--ld-ink:#183c31;--ld-muted:#60786c;--ld-line:#cfe2d5;--ld-accent:#247952;--ld-soft:#e9f5eb;color:var(--ld-ink);border-radius:24px;padding:24px;margin:22px 0;border:1px solid var(--ld-line);background:linear-gradient(135deg,#f0f8ee,#f6faf7 68%,#e9f7f2)}
.ld-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.ld-intro{min-width:0;flex:1}
.ld-kicker{font-size:10px;letter-spacing:.14em;font-weight:850;color:var(--ld-accent)}
.ld-header h2{font-size:clamp(23px,3.1vw,34px);letter-spacing:-.03em;line-height:1.22;color:var(--ld-ink);margin:9px 0}
.ld-intro p,.ld-foot{font-size:12px;color:var(--ld-muted);line-height:1.78}
.ld-highlight{min-width:174px;max-width:220px;padding:20px;border-radius:16px;background:#1b6046;display:grid;gap:5px;color:#effff1;text-align:center;box-shadow:0 10px 25px #1b604625}
.ld-highlight b{font-size:30px;font-variant-numeric:tabular-nums}
.ld-highlight span{font-size:11px;line-height:1.55}
.ld-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:21px 0}
.ld-metrics>div{background:var(--ld-surface);border-radius:14px;border:1px solid var(--ld-line);padding:16px 17px;display:grid;gap:6px;min-width:0}
.ld-metrics span{font-size:11px;color:var(--ld-muted)}.ld-metrics b{font-size:clamp(20px,2.5vw,27px);color:var(--ld-ink);font-variant-numeric:tabular-nums;line-height:1.2}
.ld-metrics b small{font-size:13px;color:var(--ld-muted)}.ld-metrics small{font-size:10px;color:var(--ld-muted)}
.ld-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:14px;margin-bottom:15px}
.ld-panel{border:1px solid var(--ld-line);border-radius:16px;padding:19px;background:var(--ld-surface);min-width:0}
.ld-title{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:15px}
.ld-title h3{color:var(--ld-ink);font-size:16px;margin:6px 0 0}
.ld-title>strong{font-size:14px;color:var(--ld-accent);white-space:nowrap}
.ld-title>span{font-size:11px;color:var(--ld-muted);text-align:right;line-height:1.6}
.ld-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ld-options label{display:grid;gap:8px;font-weight:700;font-size:11px;color:var(--ld-ink);min-width:0}
.ld-options select{min-width:0;width:100%;border:1px solid #b4cebb;background:var(--ld-surface);color:var(--ld-ink);border-radius:10px;padding:10px 11px;font-size:12px}
.ld-goal{background:var(--ld-soft);border:1px solid var(--ld-line);border-radius:12px;margin-top:16px;padding:15px}
.ld-goal-text{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:10px}
.ld-goal-text span{font-size:11px;color:var(--ld-muted)}.ld-goal-text strong{font-size:14px;color:var(--ld-ink);font-variant-numeric:tabular-nums}
.ld-track{height:9px;border-radius:10px;overflow:hidden;background:#d9e9df;position:relative}
.ld-track i{height:100%;display:block;border-radius:10px;background:linear-gradient(90deg,#24a46b,#78d69b);max-width:100%;transition:width .25s}
.ld-goal small{font-size:10px;color:var(--ld-muted);display:block;margin-top:10px;line-height:1.55}
.ld-checkin{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:16px}
.ld-checkin label{font-size:11px;font-weight:700;color:var(--ld-ink);flex:1 1 180px}
.ld-checkin input{width:80px;border-radius:10px;border:1px solid #b4cebb;padding:10px;background:var(--ld-surface);color:var(--ld-ink);font-size:12px}
.ld-checkin button{font-size:11px;min-height:39px;white-space:nowrap}
.ld-notice{min-height:20px;font-size:10.5px;line-height:1.65;color:var(--ld-accent);margin:9px 0 0}
.ld-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;align-items:end;height:190px;padding:10px 0}
.ld-chart-day{display:grid;grid-template-rows:minmax(0,1fr) auto auto;align-items:end;justify-items:center;height:100%;gap:7px;min-width:0}
.ld-chart-day span,.ld-chart-day small{font-size:10px;color:var(--ld-muted);font-variant-numeric:tabular-nums}
.ld-barbox{height:100%;width:100%;max-width:38px;border-radius:8px 8px 5px 5px;background:var(--ld-soft);display:flex;align-items:end;overflow:hidden}
.ld-barbox i{display:block;width:100%;background:linear-gradient(0deg,#299768,#9be0b1);border-radius:7px 7px 4px 4px}
.ld-plan{margin-bottom:15px}
.ld-plan-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ld-plan-card{border:1px solid var(--ld-line);border-radius:13px;background:var(--ld-soft);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.ld-plan-number{font-size:22px;font-weight:850;letter-spacing:-.04em;color:var(--ld-accent);font-variant-numeric:tabular-nums}
.ld-plan-tag{font-size:10px;font-weight:750;color:var(--ld-accent);line-height:1.6}
.ld-plan-card h4{font-size:13px;color:var(--ld-ink);line-height:1.4;margin:7px 0;overflow-wrap:anywhere}
.ld-plan-card small{font-size:11px;color:var(--ld-muted)}
.ld-plan-card>div{flex:1}
.ld-plan-card button{font-size:11px;align-self:stretch}
.ld-plan-empty{font-size:12px;color:var(--ld-muted);padding:16px;line-height:1.7;border-radius:10px;background:var(--ld-soft)}
.ld-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ld-level-card{background:var(--ld-soft);padding:12px 14px;border-radius:11px;border:1px solid var(--ld-line);min-width:0}
.ld-level-card>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}
.ld-level-card strong{font-size:12px;color:var(--ld-ink)}.ld-level-card span,.ld-level-card small{font-size:10px;color:var(--ld-muted);line-height:1.6}
.ld-level-card small{display:block;margin-top:9px}
.ld-root :is(button,select,input):focus-visible{outline:3px solid #3b946a;outline-offset:2px}
body.dark .ld-root{--ld-bg:#20392b;--ld-surface:#1e3428;--ld-ink:#e0f6e9;--ld-muted:#b7d4c4;--ld-line:#4a6b55;--ld-accent:#a9eab9;--ld-soft:#294735;background:linear-gradient(125deg,#2b422e,#1d3228)}
body.dark .ld-highlight{background:#357454;box-shadow:none}
body.dark .ld-track{background:#365640}
body.dark .ld-barbox{background:#31503a}
@media(max-width:940px){.ld-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ld-grid{grid-template-columns:1fr}.ld-plan-list{grid-template-columns:1fr}.ld-plan-card{flex-direction:row;align-items:center}.ld-plan-number{align-self:center}.ld-plan-card>div{flex:1}.ld-plan-card button{width:auto;align-self:center}}
@media(max-width:620px){.ld-root{padding:15px}.ld-header{flex-direction:column;align-items:stretch}.ld-highlight{max-width:none}.ld-options{grid-template-columns:1fr}.ld-checkin label{flex-basis:100%}.ld-plan-card{align-items:stretch;flex-direction:column}.ld-plan-card button{align-self:stretch}.ld-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ld-title{flex-wrap:wrap}}
@media(max-width:370px){.ld-metrics{grid-template-columns:1fr}.ld-level-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ld-track i{transition:none}}