.timeline-page{display:flex;flex-direction:column;height:100%;min-height:0}.filter-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:10px 16px;background:#14161c;border-bottom:1px solid #262a35}.filter-bar__group{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-bar__checkbox{display:flex;align-items:center;gap:6px;font-size:13px;color:#c7cad1}.filter-bar__select,.filter-bar__zoom{display:flex;align-items:center;gap:6px;font-size:13px;color:#9aa0ab}.filter-bar select,.filter-bar button{background:#1f2330;color:#e8e9ec;border:1px solid #33384a;border-radius:6px;padding:5px 10px;font-size:13px;cursor:pointer}.filter-bar button:disabled{opacity:.6;cursor:default}.timeline-error{padding:8px 16px;color:#ff8a8a;font-size:13px}.timeline-loading{padding:8px 16px;color:#9aa0ab;font-size:13px}.timeline-scroll{flex:1;overflow:auto;position:relative;background:#0d0e12}.timeline-content{position:relative;min-height:100%}.timeline-ruler-row{display:flex;position:sticky;top:0;z-index:3;border-bottom:1px solid #262a35}.timeline-ruler-corner{position:sticky;left:0;z-index:5;flex:0 0 auto;background:#14161c;border-right:1px solid #262a35;box-sizing:border-box}.timeline-ruler{position:relative;height:32px;background:#14161c}.timeline-ruler__month{position:absolute;top:0;height:100%;border-left:1px solid #262a35;display:flex;align-items:center;padding-left:6px;font-size:12px;color:#9aa0ab;box-sizing:border-box}.timeline-today-line{position:absolute;top:0;bottom:0;width:2px;background:#ff5a5f;z-index:2;pointer-events:none}.timeline-lane{display:flex;border-bottom:1px solid #1c1f28}.timeline-lane__label{position:sticky;left:0;top:32px;z-index:4;width:140px;flex:0 0 140px;display:flex;align-items:flex-start;padding:10px 12px;font-size:13px;font-weight:600;color:#c7cad1;background:#14161c;border-right:1px solid #262a35;box-sizing:border-box}.timeline-lane__track{position:relative}.event-card{position:relative;cursor:pointer;padding:6px;border-radius:8px;transition:background .15s ease}.event-card:hover{background:#1c2030;z-index:50}.event-card__poster{width:80px;height:112px;border-radius:6px;overflow:hidden;background:#262a35;display:flex;align-items:center;justify-content:center;transform-origin:top center;transition:transform .15s ease,box-shadow .15s ease}.event-card:hover .event-card__poster{transform:scale(1.9);box-shadow:0 12px 28px #0000008c}.event-card__poster img{width:100%;height:100%;object-fit:cover;display:block}.event-card__poster-fallback{color:#6b7280;font-size:24px;font-weight:700}.event-card__title{margin-top:4px;font-size:11px;color:#e8e9ec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:80px}.event-card__date{font-size:10px;color:#9aa0ab}.event-card__popover{position:absolute;top:100%;left:0;z-index:10;width:260px;margin-top:6px;padding:12px 30px 12px 12px;background:#1a1d27;border:1px solid #33384a;border-radius:8px;box-shadow:0 8px 24px #0006;cursor:default}.event-card__popover-close{position:absolute;top:6px;right:6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:5px;color:#9aa0ab;font-size:18px;line-height:1;cursor:pointer}.event-card__popover-close:hover{background:#262a35;color:#e8e9ec}.event-card__popover-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}.event-card__popover-meta{font-size:12px;color:#9aa0ab;margin-bottom:6px}.event-card__popover-rating{font-size:12px;color:#ffc94d;margin-bottom:6px}.event-card__popover-overview{font-size:12px;line-height:1.5;color:#c7cad1;max-height:160px;overflow-y:auto}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0d0e12;color:#e8e9ec}.app{display:flex;flex-direction:column;height:100vh}.app__header{padding:16px 20px;border-bottom:1px solid #262a35}.app__header h1{margin:0 0 4px;font-size:20px}.app__header p{margin:0;font-size:13px;color:#9aa0ab}.app__main{flex:1;min-height:0}