.timeline-container{padding:0;margin:0;transition:background-color .2s ease;margin-bottom:1rem}.timeline-view-container{position:relative;min-height:100vh}.timeline-loader{text-align:center;padding:2rem;color:#666}.timeline-loader h4{font-weight:400;font-size:1rem;margin:0}.timeline-end-message{text-align:center;padding:2rem;color:#666;font-style:italic}.timeline-error{text-align:center;padding:2rem;color:#e74c3c}.timeline-error button{margin-top:1rem;padding:.5rem 1rem;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .2s ease}.timeline-error button:hover{background-color:#c0392b}.daily-view-empty{padding:2rem;text-align:center;color:#666;font-style:italic}.daily-view-empty p{margin:0}.section-divider{height:1px;background-color:#eee;margin:1.5rem 0;width:100%}.section-heading{font-size:1.2rem;font-weight:400;color:#333;text-align:left;margin-bottom:1rem}.day-section .section-heading{font-size:.95rem;margin-bottom:.25rem}.timeline-event{position:relative;padding:.75rem 0 .75rem 2rem;margin:.5rem 0;transition:background-color .2s ease}.day-section .timeline-event{padding:.5rem 0 .5rem 2rem;margin:.3rem 0}.timeline-time{font-weight:500;margin-bottom:.25rem;color:#666}.day-section .timeline-time{font-size:.85rem}.timeline-title{font-weight:500;font-size:1.1rem;margin-bottom:.25rem;color:#333}.day-section .timeline-title{font-size:.95rem}.timeline-details{color:#666;font-size:.95rem;margin-top:.25rem}.day-section .timeline-details{font-size:.85rem}@media (max-width: 768px){.timeline-container{margin-bottom:.5rem}.section-heading{font-size:1.2rem}.day-section .section-heading{font-size:1rem}}.mobile-sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000;display:flex;align-items:flex-start;justify-content:flex-end;animation:fadeIn .4s cubic-bezier(.25,.8,.25,1)}.mobile-sidebar-overlay.closing{animation:fadeOut .3s cubic-bezier(.25,.8,.25,1);animation-fill-mode:forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.mobile-sidebar{background-color:var(--color-white);width:280px;max-width:80vw;height:100vh;box-shadow:-4px 0 20px #00000026;transform:translate(0);animation:slideIn .4s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column}.mobile-sidebar-overlay.closing .mobile-sidebar{animation:slideOut .3s cubic-bezier(.25,.8,.25,1);animation-fill-mode:forwards}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.mobile-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--gray-200);background-color:var(--gray-50)}.mobile-sidebar__title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.mobile-sidebar__close{background:none;border:none;font-size:1.5rem;color:var(--gray-600);cursor:pointer;padding:.25rem;line-height:1;transition:color .2s;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.mobile-sidebar__close:hover{color:var(--gray-800)}.mobile-sidebar__nav{flex:1;padding:var(--space-md) 0;list-style:none;margin:0}.mobile-sidebar__nav-item{margin:0}.mobile-sidebar__nav-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);color:var(--text-primary);text-decoration:none;transition:background-color .2s,color .2s;border-left:3px solid transparent}.mobile-sidebar__nav-link:hover{background-color:var(--gray-50);color:var(--accent-blue);border-left-color:var(--accent-blue)}.mobile-sidebar__nav-emoji{font-size:1.25rem;width:1.5rem;text-align:center}.mobile-sidebar__nav-label{font-size:var(--text-base);font-weight:500}@media (min-width: 481px){.mobile-sidebar-overlay{display:none}}@media (max-width: 360px){.mobile-sidebar{width:260px;max-width:85vw}.mobile-sidebar__nav-link{padding:var(--space-sm) var(--space-md)}.mobile-sidebar__nav-emoji{font-size:1.1rem}.mobile-sidebar__nav-label{font-size:var(--text-sm)}}.navigation{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-lg);margin:0}.navigation__logo{font-size:var(--text-xl);font-weight:700;color:var(--color-black);text-decoration:none}.navigation__logo:hover{color:var(--accent-blue)}.navigation__menu{display:flex;gap:var(--space-xl);margin:0;padding:0;list-style:none}.navigation__link{color:var(--gray-700);text-decoration:none;transition:color .2s;font-size:var(--text-sm)}.navigation__link:hover{color:var(--accent-blue)}.navigation__hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--gray-700);transition:color .2s}.navigation__hamburger:hover{color:var(--accent-blue)}.navigation__hamburger svg{width:24px;height:24px;stroke-width:2.5}@media (max-width: 480px){.navigation__hamburger{display:block}.navigation__menu{display:none}}@media (max-width: 360px){.navigation__hamburger svg{width:20px;height:20px}.navigation__logo{font-size:var(--text-lg)}}