body { font-family: 'Segoe UI', sans-serif; background: #f8f9fa; }
.timeline-container { overflow-x: auto; white-space: nowrap; padding: 20px 0; }
.timebar { height: 60px; background: #ddd; position: relative; margin: 40px 0; }
.sleep-bg { background: #1e3a8a; opacity: 0.6; position: absolute; height: 100%; }
.awake-bg { background: #fef08a; opacity: 0.6; position: absolute; height: 100%; }
.intake-bar { position: absolute; background: #0d6efd; bottom: 60px; border-radius: 4px; }
.void-bar { position: absolute; background: #dc3545; top: 60px; border-radius: 4px; }
.bar-label { font-size: 10px; color: white; text-align: center; }
.icon-btn { width: 60px; height: 60px; font-size: 28px; }
.entry-item { background: white; border-radius: 8px; padding: 10px; margin: 8px 0; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }