:root { color-scheme: light; font-family: system-ui, sans-serif; background: #f5f7fb; color: #1d2733; }
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(960px, 100% - 32px); margin: 0 auto; padding: 24px 0 64px; }
header { display: flex; align-items: start; justify-content: space-between; gap: 16px; }
h1 { margin: 0 0 8px; font-size: clamp(1.8rem, 6vw, 3rem); }
h2 { margin: 28px 0 12px; }
.eyebrow { margin: 0; color: #3867d6; letter-spacing: .15em; font-size: .75rem; font-weight: 700; }
button { border: 0; border-radius: 8px; background: #3867d6; color: white; padding: 10px 16px; cursor: pointer; font: inherit; }
.button-link { display: inline-block; border-radius: 8px; background: #3867d6; color: white; padding: 10px 16px; text-decoration: none; }
button:disabled { opacity: .6; cursor: wait; }
.status, .hint { color: #637083; }
.day, .chat, .todos { background: white; border: 1px solid #dfe5ee; border-radius: 12px; padding: 14px; }
.day { margin: 12px 0; }
.day h3 { margin: 0 0 8px; }
.item { display: grid; grid-template-columns: 120px 90px 1fr; gap: 8px; padding: 10px 0; border-top: 1px solid #edf0f5; }
.item:first-of-type { border-top: 0; }
.time, .type { color: #637083; font-size: .9rem; }
.content { min-width: 0; }
.location { font-weight: 700; }
.notes { color: #637083; font-size: .9rem; white-space: pre-wrap; }
.todos { list-style: none; margin: 0; padding: 0; }
.todos li { padding: 9px 0; border-bottom: 1px solid #edf0f5; }
.todos li:last-child { border-bottom: 0; }
.todo-status { color: #637083; font-size: .85rem; margin-left: 8px; }
.chat { min-height: 80px; max-height: 420px; overflow: auto; }
.message { margin: 8px 0; white-space: pre-wrap; }
.message strong { display: block; color: #3867d6; font-size: .8rem; }
form { display: grid; gap: 8px; margin-top: 10px; }
input, textarea { width: 100%; border: 1px solid #c9d1df; border-radius: 8px; padding: 10px; font: inherit; background: white; }
@media (max-width: 650px) { .item { grid-template-columns: 80px 1fr; } .item .content { grid-column: 1 / -1; } }