.modal{z-index:var(--z-5);background:oklch(from var(--color-shadow)l c h/50%);outline:0;width:100%;height:100vh;display:none;position:fixed;top:0;left:0;overflow:hidden}.modal-dialog{width:90%;z-index:calc(var(--z-5) + 1);margin:10vh auto 0;position:relative}.modal-content{background:var(--color-bg);border:var(--border-width-md)solid var(--neutral);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);max-height:80vh;position:relative;overflow-y:auto}.modal-header{padding:var(--space-md)var(--space-lg);border-bottom:var(--border-width-sm)solid var(--neutral);justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--color-text);font-weight:var(--font-weight-xl);font-size:var(--font-size-lg);margin:0}.modal-body{padding:var(--space-lg);color:var(--color-text);line-height:var(--line-height-lg)}.close{font-size:var(--font-size-lg);color:var(--color-text);cursor:pointer;padding:var(--space-xs);border-radius:var(--border-radius-sm);background:0 0;border:none;transition:background-color .2s}.close:hover{background:var(--color-bg-dark)}.timeline-container{border:var(--border-width-sm)solid var(--color-border);border-radius:var(--border-radius-md);width:100%;min-width:max-content;height:auto;min-height:400px;max-height:60vh;position:relative;overflow:auto}.timeline-dates{padding:var(--space-xs);background-color:var(--color-bg-dark);border-bottom:var(--border-width-sm)solid var(--color-border);grid-template-columns:repeat(28,1fr);gap:1px;min-width:max-content;display:grid}.timeline-dates .day-label{text-align:center;font-size:var(--font-size-xs);color:var(--color-text);padding:var(--space-xxs)}.timeline-container{height:auto;min-height:400px;max-height:60vh;overflow:auto}.timeline-header{z-index:1;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0}.timeline-grid{padding:var(--space-xxs);grid-template-columns:repeat(28,1fr);gap:1px;min-width:max-content;min-height:200px;display:grid}.transit-bar{background-color:var(--rainbow-blue);border-radius:var(--border-radius-sm);padding:var(--space-xxs)var(--space-xs);margin-bottom:var(--space-xxs);color:#fff;font-size:var(--font-size-xs);cursor:pointer;align-items:center;min-height:2rem;display:flex}.today-indicator{background-color:oklch(from var(--neutral)l c h/20%);z-index:-1;pointer-events:none;position:absolute;top:0;bottom:0}