@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#1a1a1a;min-height:100vh;padding:40px;font-family:Inter,sans-serif}.day-container{max-width:500px;margin:0 auto}header{margin-bottom:48px}h1{letter-spacing:-1px;margin-bottom:16px;font-size:48px;font-weight:700;line-height:1.1}.subtitle{color:#a0a0a0;font-size:16px;font-weight:400;line-height:1.5}.timeline{grid-template-columns:50px 28px 1fr;gap:0 8px;display:grid;position:relative}.hour-row{display:contents}.hour-col{align-items:flex-start;height:100px;padding-top:4px;display:flex;position:relative}.hour-col:before{content:"";background:#333;width:2px;position:absolute;top:0;bottom:0;right:0}.hour-col:after{content:"";background:#333;height:1px;position:absolute;top:0;left:0;right:-8px}.hour-num{color:#444;letter-spacing:-1px;font-size:32px;font-weight:700;line-height:1}.bar-col{height:100px;padding-top:8px;position:relative}.bar-col:after{content:"";background:#333;height:1px;position:absolute;top:0;left:-8px;right:-8px}.event-bar{border-radius:12px;justify-content:center;align-items:flex-start;width:24px;height:80px;padding-top:10px;display:flex}.event-bar svg{stroke:currentColor;stroke-width:2px;fill:none;width:14px;height:14px}.event-bar.past{color:#888;background:#444444f2}.event-bar.shower{color:#fff;background:#3b82f6}.event-bar.breakfast{color:#fff;background:#f59e0b}.event-bar.email{color:#fff;background:#a855f7}.event-bar.split{background:linear-gradient(to bottom,#444444d9 50%,var(--bar-color)50%)}.event-bar.split.shower{--bar-color:#3b82f6}.card-col{height:100px;padding-top:8px;position:relative}.card-col:after{content:"";background:#333;height:1px;position:absolute;top:0;left:-8px;right:0}.event-card{z-index:2;background:#2a2a2ae6;border-radius:12px;align-items:center;gap:12px;height:80px;padding:14px 16px;display:flex;position:relative}.event-details{flex:1}.event-title{margin-bottom:2px;font-size:16px;font-weight:600}.hour-row.past .event-title{color:#888}.event-time{color:#666;font-size:13px}.checkbox{cursor:pointer;border:2px solid #444;border-radius:6px;flex-shrink:0;width:22px;height:22px;position:relative}.checkbox.checked{background:#ec4899;border-color:#ec4899}.checkbox.checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}.checkbox.blue{border-color:#3b82f6}.checkbox.yellow{border-color:#f59e0b}.checkbox.purple{border-color:#a855f7}.now-line{z-index:1;pointer-events:none;background:#ff646480;height:1px;position:absolute;left:-40px;right:-40px}.now-time{color:#ff6b6b;white-space:nowrap;font-size:11px;font-weight:600;position:absolute;top:-7px;left:0}@media (max-width:640px){body{padding:24px}h1{font-size:36px}.hour-num{font-size:24px}.event-title{font-size:14px}}