.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-window{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:500px;max-height:80%;overflow-y:auto;position:relative;box-shadow:0 4px 16px #0000004d;white-space:pre-line}.modal-close{position:absolute;top:8px;right:12px;font-size:1.5rem;background:none;border:none;cursor:pointer}.modal-content{margin-top:1rem}.sticky-header{position:sticky;left:0;background-color:#fff;z-index:2;border-right:1px solid #ccc;min-width:200px;text-align:left}.sticky-cell{position:sticky;left:0;background-color:#fff;z-index:1;white-space:nowrap;border-right:1px solid #ccc;padding:6px;font-weight:700}.timeline-container{overflow-x:auto;font-family:sans-serif}.timeline-container table{border-collapse:"collapse";width:"100%"}.year-header{text-align:center;font-weight:700;background-color:#eee;border:1px solid #ccc}.month-label{min-width:30px;font-size:10px;text-align:center;border:1px solid #ccc}.timeline-cell{border:1px solid #eee;height:20px;background-color:transparent;cursor:default}.timeline-cell.active-cell{cursor:pointer}.timeline-cell.active-cell.main{background-color:#4caf50}.timeline-cell.active-cell.side{background-color:#f44336}.timeline-cell.active-cell.learning{background-color:#2196f3}.baseContainer{padding:20px}