@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
.day-container{color:#fff;width:100%;max-width:820px;min-height:100vh;margin:0 auto;padding:40px;font-family:Inter,sans-serif}.day-container header{margin-bottom:20px}.day-container 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}.today-date{color:#666;text-align:right;letter-spacing:.5px;text-transform:uppercase;margin-top:20px;font-size:14px;font-weight:500}.timeline{grid-template-columns:60px 32px 1fr;gap:0 12px;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.blue{color:#fff;background:#3b82f6}.event-bar.purple{color:#fff;background:#a855f7}.event-bar.yellow{color:#fff;background:#f59e0b}.event-bar.pink{color:#fff;background:#ec4899}.event-bar.green{color:#fff;background:#22c55e}.event-bar.teal{color:#fff;background:#14b8a6}.event-bar.orange{color:#fff;background:#f97316}.event-bar.indigo{color:#fff;background:#6366f1}.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}.hour-row.past .hour-num{color:#333}.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.blue.checked{background:#3b82f6;border-color:#3b82f6}.checkbox.yellow{border-color:#f59e0b}.checkbox.yellow.checked{background:#f59e0b;border-color:#f59e0b}.checkbox.purple{border-color:#a855f7}.checkbox.purple.checked{background:#a855f7;border-color:#a855f7}.checkbox.pink{border-color:#ec4899}.checkbox.pink.checked{background:#ec4899;border-color:#ec4899}.checkbox.green{border-color:#22c55e}.checkbox.green.checked{background:#22c55e;border-color:#22c55e}.checkbox.teal{border-color:#14b8a6}.checkbox.teal.checked{background:#14b8a6;border-color:#14b8a6}.checkbox.orange{border-color:#f97316}.checkbox.orange.checked{background:#f97316;border-color:#f97316}.checkbox.indigo{border-color:#6366f1}.checkbox.indigo.checked{background:#6366f1;border-color:#6366f1}.now-line{z-index:1;pointer-events:none;background:#ff646480;height:1px;position:absolute;left:-40px;right:-40px}@media (max-width:640px){body{padding:24px}h1{font-size:36px}.hour-num{font-size:24px}.event-title{font-size:14px}}