.day-planner{background:var(--c-surface,#fff);border:1px solid var(--c-border,#dce3ec);border-radius:12px;padding:20px;color:var(--c-text,#252c36)}
.day-planner h2{font-size:1.35rem}.planner-note{font-size:.9rem;color:var(--c-muted,#526073)}
.day-planner label{display:grid;gap:6px;margin-bottom:12px;font-size:.9rem;font-weight:600}
.day-planner input{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #a9b7ca;border-radius:6px;background:#fff;color:#252c36;font:inherit}
.day-planner input[aria-invalid=true]{border-color:#b3261e}
.planner-actions{display:flex;flex-wrap:wrap;gap:8px}
.day-planner button{min-height:44px;padding:10px 14px;border:1px solid #315d92;border-radius:6px;background:#315d92;color:#fff;font:600 .9rem system-ui;cursor:pointer}
.day-planner .planner-secondary{background:#fff;color:#315d92}
.day-planner button:hover{filter:brightness(.95)}
.day-planner :focus-visible{outline:3px solid #315d92;outline-offset:3px}
.day-planner [role=alert]{color:#a0231c;font-size:.9rem;margin-top:12px}
.day-planner dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0;font-size:.9rem}
.day-planner dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;color:#315d92}
.day-planner [hidden]{display:none}
.planner-timer{border-top:1px solid #dce3ec;margin-top:16px;padding-top:12px}
.planner-timer summary{cursor:pointer;min-height:44px;color:#315d92;font-weight:600}
.planner-timer output{display:block;font-size:2rem;font-variant-numeric:tabular-nums;margin:8px 0}
@media(max-width:400px){.day-planner{padding:16px}.planner-actions button{flex:1 1 auto}}