:root{--font:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;--font-title:var(--font)}
.app-shell{max-width:1000px;margin:auto}.nav-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.nav-tabs button{font-family:inherit;background:transparent;border:0;color:var(--muted);font-size:15px;padding:16px 6px;cursor:pointer}.nav-tabs .active{color:var(--gold);background:var(--gold-dim);border-radius:12px}.v3-subnav{display:flex;gap:8px;flex-wrap:wrap;padding:12px 18px}.v3-subnav:empty{display:none}.v3-btn{background:var(--card2);color:var(--text);border:1px solid var(--border2);border-radius:10px;padding:10px 14px;cursor:pointer;font:inherit;font-size:13px}.v3-btn.active{border-color:var(--gold);color:var(--gold)}.v3-hero{padding:26px;border:1px solid rgba(45,212,191,.25);background:linear-gradient(120deg,#223d43,#202e42);border-radius:20px;margin-bottom:18px}.v3-hero h1{font-size:27px;margin:6px 0 12px}.v3-muted{color:var(--muted);font-size:13px;line-height:1.8}.v3-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.v3-stat{padding:14px;background:rgba(0,0,0,.13);border-radius:12px}.v3-stat strong{display:block;font-size:23px;margin-bottom:5px}.v3-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.v3-row span{flex:1}.v3-row small{color:var(--muted)}.v3-progress{height:9px;background:var(--bg);border-radius:8px;overflow:hidden;margin:12px 0}.v3-progress i{display:block;height:100%;background:var(--teal)}.v3-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}details{margin:18px 0}summary{cursor:pointer;color:var(--muted);padding:12px 0}body.child-mode #pg-chinese>.add-row-btn,body.child-mode #pg-math>.add-row-btn,body.child-mode #pg-english>.add-row-btn,body.child-mode #pg-homework>.add-row-btn,body.child-mode #pg-habit>.add-row-btn{display:none}select,input{max-width:100%} .v3-select{padding:10px;background:var(--bg2);color:var(--text);border:1px solid var(--border2);border-radius:8px;font:inherit} .v3-card{padding:20px;margin-bottom:14px;background:var(--card);border:1px solid var(--border);border-radius:16px}.v3-card h2{font-size:18px;margin-bottom:10px}@media(max-width:540px){.v3-stats{grid-template-columns:repeat(2,1fr)}.v3-hero{padding:18px}.v3-hero h1{font-size:23px}.v3-row{flex-wrap:wrap}.v3-subnav{padding:10px}.nav-tabs button{font-size:14px}.v3-row span{min-width:120px}}
