:root{--ink:#21303a;--muted:#71818a;--paper:#fffdf8;--sky:#dff4f4;--mint:#b8ebd5;--yellow:#ffd86f;--coral:#ff977c;--line:#e8e4da;--navy:#174a56}*{box-sizing:border-box}body{margin:0;background:linear-gradient(130deg,#e6f7f4 0,#fffaf0 43%,#fff4d7 100%);color:var(--ink);font-family:"DM Sans",sans-serif;min-height:100vh}.shell{max-width:780px;margin:auto;padding:28px 22px 72px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-family:Fredoka,sans-serif;font-size:24px;font-weight:600;color:var(--navy);display:flex;gap:8px;align-items:center}.brand-mark{display:grid;place-items:center;background:var(--yellow);width:33px;height:33px;border-radius:12px}.role-switch{background:#ffffffa8;border:1px solid #fff;border-radius:14px;padding:3px;display:flex}.role{border:0;background:transparent;padding:8px 12px;border-radius:10px;font:600 13px "DM Sans";color:var(--muted);cursor:pointer}.role.active{background:var(--navy);color:white}.welcome{padding:46px 4px 25px}.eyebrow{font-size:11px;letter-spacing:1.4px;font-weight:700;color:#6d8e8e;margin:0 0 6px}.welcome h1{font:600 38px/1.05 Fredoka,sans-serif;margin:0 0 11px;color:var(--navy)}.welcome p:not(.eyebrow){margin:0;color:var(--muted)}.status-card{border-radius:22px;padding:20px;display:flex;gap:16px;align-items:center;background:#fff;border:1px solid #fff;box-shadow:0 8px 28px #1f66620e}.status-card.grounded{background:#fff1ea;border-color:#ffd0c1}.status-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:var(--sky)}.grounded .status-icon{background:#ffd2c3}.status-label{font-size:10px;font-weight:700;letter-spacing:1.2px;color:var(--muted);margin:0}.status-card h2{font:600 24px Fredoka;margin:2px 0}.status-card p:not(.status-label){margin:0;color:var(--muted);font-size:14px}.countdown{margin-left:auto;text-align:right}.countdown span{display:block;font-size:10px;letter-spacing:1px;color:#b55c47;font-weight:bold}.countdown strong{font:600 22px Fredoka;color:#a73d29}.section-head{display:flex;align-items:end;justify-content:space-between;margin:42px 3px 15px}.section-head h2{font:600 25px Fredoka;margin:0;color:var(--navy)}.text-button{border:0;background:transparent;color:#157c75;font:600 14px "DM Sans";cursor:pointer;padding:7px}.task-list,.rules-list{display:grid;gap:11px}.task{background:var(--paper);border:1px solid #fff;border-radius:18px;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:0 5px 15px #355e5610}.task.done{background:#f5fffa}.task-icon{width:43px;height:43px;border-radius:14px;background:#e2f5f1;display:grid;place-items:center;font-size:21px}.task-body{flex:1;min-width:0}.task h3{margin:0 0 4px;font-size:16px}.task p{margin:0;color:var(--muted);font-size:13px}.tag{font-size:11px;font-weight:700;color:#a76c00;background:#fff2be;padding:4px 7px;border-radius:7px;margin-left:7px}.task-actions{display:flex;gap:7px;align-items:center}.button{border:0;border-radius:11px;padding:9px 11px;font:600 13px "DM Sans";cursor:pointer}.complete{background:var(--navy);color:#fff}.validate{background:#b8ebd5;color:#125649}.miss{background:#ffdfd4;color:#9b3e29}.edit,.delete{background:#eef3f2;color:#54716d}.delete{color:#a65242}.completed-at{color:#19846e!important;font-weight:600}.rules-section{margin-top:9px}.rule{background:#ffffff9c;border:1px solid #fff;border-radius:14px;display:flex;align-items:center;padding:13px 15px;gap:11px}.rule::before{content:"•";font-size:26px;color:#ec9a41}.rule-text{flex:1;font-size:14px}.parent-only{display:none}.parent-mode .parent-only{display:inline-block}.parent-mode .child-action{display:none}.empty{padding:20px;color:var(--muted);text-align:center;background:#ffffff80;border-radius:15px}.modal{border:0;border-radius:22px;padding:30px;max-width:360px;width:calc(100% - 28px);color:var(--ink);box-shadow:0 25px 80px #263d3a55;text-align:center}.modal::backdrop{background:#183b3c85}.modal h2{font:600 27px Fredoka;margin:10px 0}.modal p{color:var(--muted);margin:0 0 18px}.modal input{font:16px "DM Sans";border:1px solid var(--line);border-radius:10px;padding:11px;width:100%;outline-color:#499c94}.modal-icon{font-size:29px}.close{position:absolute;right:12px;top:9px;border:0;background:transparent;font-size:25px;color:var(--muted);cursor:pointer}.primary{margin-top:14px;border:0;border-radius:11px;padding:11px 20px;background:var(--navy);color:white;font:600 15px "DM Sans";cursor:pointer;width:100%}.modal small{display:block;margin-top:14px;color:var(--muted)}.form-error{color:#bd412f!important;font-size:13px;min-height:16px}.edit-modal{text-align:left}.edit-modal label{display:block;margin-top:13px;font-size:13px;font-weight:600}.edit-modal input{display:block;margin-top:6px}.edit-modal h2{text-align:center}@media(max-width:560px){.shell{padding:20px 15px 55px}.welcome{padding-top:35px}.welcome h1{font-size:32px}.task{align-items:flex-start}.task-actions{flex-wrap:wrap;justify-content:flex-end}.countdown{display:none}.role{padding:8px}.status-card{padding:16px}}