*{box-sizing:border-box}body{margin:0;background:#101216;color:#f5f6f8;font:16px -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;background:#191c22;border-bottom:1px solid #30343c}#weekday{font-size:12px;letter-spacing:2px;color:#aeb6c4}#clock{font-size:54px;font-weight:300;line-height:1.15}#date{color:#b9c0ca;font-size:16px}.logout{color:#c8d2e2;text-decoration:none}main{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;max-width:1200px;margin:auto}.panel{background:#1b1f26;border:1px solid #303640;border-radius:14px;padding:18px;min-width:0}h2{margin:0 0 16px;font-size:22px;font-weight:600}.agenda{grid-row:span 2}.event{padding:12px 0;border-bottom:1px solid #343943;line-height:1.4}.muted{color:#9ca6b5;font-size:13px;margin-top:16px}.muted a{color:#b9d2ff}input,textarea,button{font:inherit}input:not([type=checkbox]),textarea{background:#101318;color:#fff;border:1px solid #444b57;border-radius:8px;padding:12px;width:100%}#taskform{display:flex;gap:8px}#taskform button,.panel form button{background:#dce6f5;color:#111;border:0;border-radius:8px;padding:0 18px;font-size:24px}ul{list-style:none;padding:0;margin:12px 0 0}li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #343943}li input{width:20px;height:20px}li span{flex:1;overflow-wrap:anywhere}.done{text-decoration:line-through;color:#8b95a3}.delete{background:transparent;color:#b9c0ca;border:0;font-size:24px}textarea{min-height:190px;resize:vertical;line-height:1.5}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .panel{width:min(100%,420px)}.login input{margin:12px 0}.login button{width:100%;padding:12px;border:0;border-radius:8px;background:#dce6f5;color:#111}@media(max-width:650px){main{grid-template-columns:1fr;padding:10px}header{padding:16px}#clock{font-size:44px}.agenda{grid-row:auto}}