@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--ink:#213b3c;--muted:#6e7f7d;--paper:#fbf8f0;--card:#fff;--green:#327a68;--mint:#dceee5;--orange:#e97855;--line:#e8e3d8;--purple:#7d6a9f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',sans-serif}.shell{min-height:100vh;background:radial-gradient(circle at 80% 5%,#e5f1e9 0,transparent 22%),linear-gradient(#fbf8f0,#f8f4eb)}button,textarea,select{font:inherit}.topbar{height:82px;padding:0 clamp(22px,7vw,110px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e3d8;background:#fffdf8cc;backdrop-filter:blur(10px);position:relative;z-index:3}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-size:20px;font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px 13px 13px 5px;background:var(--green);color:#fff;box-shadow:0 4px 0 #245c50}.brand small{display:block;color:#85918f;font-size:10px;font-weight:500;letter-spacing:1px;margin-top:1px}.date-block{text-align:right}.date-block strong,.date-block span{display:block}.date-block strong{font-size:14px}.date-block span{color:var(--green);font:700 12px 'DM Sans';margin-top:3px}main{width:min(1160px,calc(100% - 40px));margin:auto;padding:50px 0 70px}.welcome{display:grid;grid-template-columns:1fr 270px;gap:50px;align-items:end;margin-bottom:34px}.eyebrow{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:2px}.welcome h1{font-size:clamp(38px,5vw,58px);line-height:1.14;letter-spacing:-2px;margin:10px 0 16px}.welcome h1 em{font-style:normal;color:var(--green)}.welcome>div>p{max-width:610px;color:var(--muted);font-size:15px;line-height:1.8;margin:0}.time-card{padding:21px 22px;border:1px solid #d9e7df;border-radius:20px;background:#f0f7f3;display:flex;gap:15px;align-items:center;box-shadow:0 10px 30px #214d3e0b}.time-icon{font-size:31px;color:var(--green)}.time-card small,.time-card strong,.time-card p{display:block}.time-card small{color:#71847e;font-size:11px}.time-card strong{font:700 29px 'DM Sans';margin:1px 0}.time-card p{font-size:11px!important;line-height:1!important;color:#71847e!important}.time-card.is-open{background:#fff1e9;border-color:#f5c6b6}.time-card.is-open .time-icon{color:var(--orange)}.progress-card{display:grid;grid-template-columns:175px 1fr 260px;align-items:center;gap:24px;background:var(--ink);color:#fff;border-radius:20px;padding:20px 25px;margin-bottom:26px;box-shadow:0 11px 30px #213b3c1c}.progress-copy{display:flex;align-items:center;gap:12px}.progress-copy>span{font-size:31px}.progress-copy small{display:block;color:#bad0ca;font-size:10px}.progress-copy strong{font:600 20px 'DM Sans'}.progress-copy b{font-size:25px}.progress-track{height:8px;border-radius:8px;background:#ffffff1f;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:#f5bf73;border-radius:8px;transition:width .35s}.progress-card>p{margin:0;color:#c5d7d2;font-size:12px;text-align:right}.workspace{display:grid;grid-template-columns:265px 1fr;gap:24px;align-items:start}aside,.checkin-card,.parent-panel,.mistake-panel{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 9px 30px #493d2910}aside{padding:21px}.aside-label{margin:0 0 10px;color:#9a9489;font-size:10px;font-weight:800;letter-spacing:1.5px}.subject{width:100%;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:15px;background:transparent;padding:12px;text-align:left;color:var(--ink);cursor:pointer;margin-bottom:7px}.subject:hover{background:#f7f5ef}.subject.active{background:#edf5f0;border-color:#cee4d8}.subject>span{display:grid;place-items:center;width:41px;height:41px;border-radius:12px;background:#eef0ee;font-size:20px}.subject.active>span{background:#d8ebe1}.subject div{flex:1}.subject strong,.subject small{display:block}.subject strong{font-size:14px}.subject small{color:#9b9b93;font:500 9px 'DM Sans';margin-top:2px}.subject-status{font-style:normal;color:#a69f94;font-size:9px}.subject-status.complete{color:var(--green);font-weight:700}.mode-label{margin-top:26px}.mode-switch{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:#f3f0e9;border-radius:12px}.mode-switch button{border:0;border-radius:9px;background:transparent;padding:8px 2px;color:#8d8b83;font-size:11px;font-weight:700;cursor:pointer}.mode-switch button.active{background:#fff;color:var(--green);box-shadow:0 2px 8px #544b3a15}.week-card{border-top:1px solid #eeeae1;margin-top:24px;padding-top:19px}.week-title{display:flex;justify-content:space-between;align-items:center;font-size:11px}.week-title strong{color:var(--green)}.week-dots{display:flex;justify-content:space-between;margin-top:15px}.week-dots span{text-align:center}.week-dots i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f2efe8;color:#a39c91;font-style:normal;font-size:9px}.week-dots small{display:block;color:#aaa399;font-size:8px;margin-top:5px}.week-dots .today i{outline:2px solid #f1bba9;outline-offset:2px}.week-dots .complete i{background:var(--green);color:#fff}.checkin-card{padding:30px}.checkin-head{display:flex;justify-content:space-between;align-items:start;padding-bottom:24px;border-bottom:1px solid #ede9e0}.subject-pill,.scene-pill{display:inline-block;border-radius:20px;padding:5px 10px;background:#e2f0e9;color:var(--green);font-size:10px;font-weight:800}.scene-pill{background:#f4ede2;color:#987852}.checkin-head h2{font-size:25px;margin:10px 0 5px;letter-spacing:-.5px}.checkin-head p{margin:0;color:#8b928f;font-size:12px}.task{display:grid;grid-template-columns:36px 1fr;gap:13px;padding:19px 0;border-bottom:1px solid #f0ece4}.task-check input{position:absolute;opacity:0;pointer-events:none}.task-check span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#f3f1eb;color:#8c908b;font:700 11px 'DM Sans';cursor:pointer;transition:.2s}.task.done .task-check span{background:var(--green);color:#fff}.task.done .task-check span{font-size:0}.task.done .task-check span:after{content:'✓';font-size:13px}.task-body>label strong,.task-body>label small{display:block}.task-body>label strong{font-size:14px}.task-body>label small{color:#969a96;font-size:10px;margin:3px 0 10px}.task textarea,.reflection textarea,.mistake-panel textarea{width:100%;resize:vertical;border:1px solid #e6e1d7;border-radius:10px;background:#fbfaf7;padding:10px 12px;color:var(--ink);font-size:12px;line-height:1.5;outline:none}.task textarea:focus,.reflection textarea:focus,.mistake-panel textarea:focus,.mistake-panel select:focus{border-color:#77a998;box-shadow:0 0 0 3px #deeee8}.choice-row{display:flex;gap:10px}.choice-row label{border:1px solid #e6e1d7;border-radius:10px;padding:8px 12px;font-size:11px;cursor:pointer}.choice-row input{accent-color:var(--green)}.reflection{display:block;padding-top:21px}.reflection>span{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.reflection small{color:#aaa39a;font-weight:400}.form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.form-footer p{margin:0;color:#a29c93;font-size:10px}.save-button{border:0;border-radius:12px;background:var(--green);color:#fff;padding:12px 17px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 4px 0 #245d50}.save-button:hover{transform:translateY(-1px)}.save-button:active{transform:translateY(2px);box-shadow:0 2px 0 #245d50}.save-button span{margin-left:8px}.parent-panel{margin:24px 0 0 289px;padding:20px 25px;display:flex;align-items:center;justify-content:space-between;background:#fff9f3;border-color:#f0ded1}.parent-panel>div{display:grid;grid-template-columns:42px 1fr;align-items:center}.parent-icon{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fce1d5;color:var(--orange);font-size:20px}.parent-panel strong{font-size:13px}.parent-panel p{margin:2px 0 0;color:#9a857b;font-size:10px}.parent-panel button{border:1px solid #e7c9ba;border-radius:11px;background:#fff;color:#b5664f;padding:9px 13px;font-size:11px;font-weight:700;cursor:pointer}.mistake-panel{margin:18px 0 0 289px;padding:26px}.mistake-panel[hidden]{display:none}.mistake-head{display:flex;justify-content:space-between}.mistake-head h2{margin:5px 0 18px;font-size:22px}.mistake-head button{border:0;background:none;color:#9b948a;font-size:25px;cursor:pointer}.mistake-panel form{display:grid;grid-template-columns:140px 1fr auto;gap:12px;align-items:end}.mistake-panel label{color:#807c74;font-size:10px;font-weight:700}.mistake-panel select{width:100%;height:54px;margin-top:6px;border:1px solid #e6e1d7;border-radius:10px;background:#fbfaf7;padding:0 10px;outline:none}.mistake-panel textarea{margin-top:6px}.mistake-list{margin-top:20px}.mistake-list article{display:flex;align-items:start;gap:12px;border-top:1px solid #eee9df;padding:13px 0}.mistake-list article>span{border-radius:15px;background:#e1eee8;color:var(--green);padding:4px 8px;font-size:9px;font-weight:800}.mistake-list p{flex:1;margin:0;font-size:12px}.mistake-list small{display:block;color:#aaa399;font-size:9px;margin-top:4px}.mistake-list button{border:0;background:none;color:#b0a89e;cursor:pointer}.empty{color:#aaa399;font-size:11px}footer{text-align:center;color:#979188;font-size:11px;padding:25px;border-top:1px solid #e9e4da}.toast{position:fixed;left:50%;bottom:28px;z-index:10;transform:translate(-50%,20px);padding:11px 18px;border-radius:12px;background:var(--ink);color:#fff;font-size:12px;box-shadow:0 8px 25px #1d34345c;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){main{width:min(100% - 28px,650px);padding-top:30px}.welcome{grid-template-columns:1fr;gap:20px}.time-card{width:100%}.progress-card{grid-template-columns:135px 1fr}.progress-card>p{display:none}.workspace{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:8px}.aside-label,.mode-label,.week-card{grid-column:1/-1}.mode-label{margin-top:10px}.mode-switch{grid-column:1/-1}.parent-panel,.mistake-panel{margin-left:0}.mistake-panel form{grid-template-columns:1fr}}
@media(max-width:540px){.topbar{height:70px;padding:0 16px}.brand{font-size:17px}.brand-mark{width:34px;height:34px}.date-block strong{font-size:11px}.welcome h1{font-size:36px}.welcome br{display:none}.progress-card{grid-template-columns:1fr;padding:17px}.progress-track{grid-row:2}.workspace{gap:15px}.checkin-card{padding:21px 17px}.checkin-head h2{font-size:21px}.task{grid-template-columns:31px 1fr;gap:10px}.form-footer{align-items:stretch;flex-direction:column;gap:14px}.save-button{width:100%}.parent-panel{align-items:flex-start;gap:14px;padding:17px;flex-direction:column}.parent-panel button{margin-left:42px}.choice-row{flex-wrap:wrap}}