:root{color:#253e45;font-synthesis:none;--green:#267050;--blue:#246582;--line:#e4e6dc;background:#fffaf0;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:18px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);color:inherit;background:#fff;border-radius:14px;min-height:56px;padding:10px 20px}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:hover:not(:disabled){filter:brightness(.96)}:focus-visible{outline-offset:4px;outline:3px solid #217dad}input,textarea{width:100%;color:inherit;background:#fff;border:1px solid #aab9b8;border-radius:12px;min-height:56px;padding:12px}textarea{resize:vertical}h1,h2,p{margin:0}h1{letter-spacing:.02em;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.3}h2{font-size:1.25rem}.shell{max-width:1180px;margin:auto;padding:0 32px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:28px 0;display:flex}.brand{white-space:nowrap;font-size:1.25rem;font-weight:800}.brand span{margin-right:8px}nav{gap:8px;display:flex}nav a{border-radius:14px;padding:12px 18px}nav a[aria-current=page]{color:#174e68;background:#deedf3;font-weight:700}main{padding:36px 0}.heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:#526c70;margin-bottom:8px;font-size:.9rem}.date-badge{color:#68501b;background:#ffe7a8;border-radius:50%;flex-shrink:0;place-items:center;width:86px;height:86px;font-weight:700;display:grid}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0;display:flex}.toolbar label{align-items:center;gap:12px;display:flex}.toolbar input{width:auto}.sync{color:#566b6d;margin-left:auto;font-size:.8rem}.text-button{color:var(--blue);background:0 0;border-color:#0000}.secondary{background:#edf4f5}.workspace{gap:24px;display:grid}.admin .workspace{grid-template-columns:minmax(260px,350px) minmax(0,1fr)}.panel{border:1px solid var(--line);background:#fff;border-radius:24px;padding:26px}.editor{background:#f0f6f6;align-self:start}.editor h2{margin-bottom:20px}form label{margin-bottom:18px;font-weight:600;display:block}form input,form textarea{margin-top:6px;font-weight:400;display:block}.hint{text-align:right;color:#566b6d;margin:-12px 0 16px;font-size:.8rem}.primary{background:var(--blue);color:#fff;border-color:var(--blue);width:100%;font-weight:700}.task-list{align-content:start;gap:18px;min-width:0;display:grid}.progress{background:#eaf3e7}.progress>div{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.progress strong{font-size:1.15rem}.progress span{color:#45694f;font-size:.9rem}progress{width:100%;height:12px;accent-color:var(--green);border:0;border-radius:20px;margin-top:16px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#d7e5d3}progress::-webkit-progress-value{background:var(--green);border-radius:20px}.task-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.subject{font-size:1.05rem;font-weight:700}.state{color:#745417;background:#fff0ca;border-radius:20px;padding:4px 12px;font-size:.8rem}.task-content{white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0 24px;font-size:1.65rem;line-height:1.65}.admin .task-content{font-size:1.2rem}.task-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.complete{color:#195472;background:#e7f1f7;border-color:#bfdae8;font-weight:700}.done{background:#fbfefa;border-color:#bdd5ba}.done .complete,.done .state{color:#2a6441;background:#e5f0e1}.manage{gap:8px;display:flex}.manage button{padding:8px 14px}.delete{color:#9a4435}.empty{text-align:center;padding:50px 20px}.empty>span{font-size:2.5rem}.empty p{color:#566b6d;margin-top:8px}.alert{background:#fff0df;border:1px solid #edc795;border-radius:14px;margin-bottom:18px;padding:16px}.notice{background:#e7eff6;border-radius:14px;margin-bottom:18px;padding:14px 18px}footer{text-align:center;color:#647570;padding:12px 0 32px;font-size:.85rem}@media (width<=760px){.shell{padding:0 18px}header{flex-wrap:wrap;padding:18px 0}nav{width:100%}nav a{text-align:center;flex:1}.admin .workspace{grid-template-columns:1fr}main{padding-top:24px}.date-badge{width:64px;height:64px;font-size:.8rem}.toolbar{gap:8px}.toolbar label{justify-content:space-between;width:100%}.toolbar input{flex:1;min-width:0}.sync{margin-left:0}.panel{border-radius:20px;padding:20px}.task-content{font-size:1.55rem}.task-actions .complete{width:100%}.manage{margin-left:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.subject-picker{min-width:0;margin-bottom:18px}.subject-picker>label{margin-bottom:8px}.subject-options{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.subject-options button{overflow-wrap:anywhere;max-width:100%;min-height:48px;padding:8px 14px}.subject-options button[aria-pressed=true]{color:#174e68;background:#deedf3;border-color:#729cae;font-weight:700}.field-help{color:#566b6d;margin-top:8px;font-size:.8rem}.subject-tabs{gap:8px;padding:4px 4px 10px;scroll-padding-inline:4px;display:flex;overflow-x:auto}.subject-tabs button{overflow-wrap:anywhere;border-radius:14px;flex:none;max-width:100%;min-height:56px}.subject-tabs button[aria-selected=true]{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:700}.subject-tabs span{margin-left:6px;font-size:.8rem}.subject-panel{gap:18px;min-width:0;display:grid}.form-actions{align-items:center;gap:8px;display:flex}.form-actions .primary{flex:1}.form-actions .text-button{flex-shrink:0}.editor{min-width:0;scroll-margin-top:16px}@media (width<=760px){.shell:has(main.admin){padding:0 14px}.admin .heading .eyebrow,.admin .date-badge{display:none}.admin .heading h1{font-size:1.55rem}.admin{padding-top:18px}.admin .toolbar{margin:16px 0}.admin .toolbar label{font-size:.9rem}.admin .toolbar .sync{margin-left:auto}.admin .workspace{gap:18px}.admin .editor{padding:18px}.admin .editor h2{margin-bottom:14px;font-size:1.15rem}.admin form label{margin-bottom:12px}.admin input,.admin textarea{min-width:0;max-width:100%;font-size:16px}.admin input{min-height:48px;padding:10px 12px}.admin textarea{min-height:108px}.admin .subject-picker{margin-bottom:12px}.admin .subject-picker>label{margin-bottom:8px}.admin .subject-options{gap:6px}.admin .subject-options button{min-height:48px;font-size:16px}.admin .form-actions{padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:1;background:#f0f6f6;position:sticky;bottom:0}.admin .progress{padding:18px}.subject-tabs{margin-bottom:-6px}.subject-tabs button{padding:10px 14px}.subject-tabs span{display:inline-block}.admin .task-actions .complete{flex:1;width:auto}.admin .manage{margin-left:0}.admin .task-content{font-size:1.1rem}}@media (width<=360px){.admin .toolbar .sync{width:calc(100% - 76px);margin-left:0}.admin .task-actions .complete{flex-basis:100%}.admin .manage{margin-left:auto}}