.movie-detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;background:#0d0e12}.movie-detail__poster{flex:1 1 50%;min-width:0;padding:32px;background:#14161c}.movie-detail__poster img{width:100%;height:100%;object-fit:contain;display:block;box-shadow:0 12px 32px #00000080}.movie-detail__poster-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:120px;font-weight:700}.movie-detail__content{position:relative;flex:1 1 50%;min-width:0;overflow-y:auto;padding:64px 56px}.movie-detail__close{position:absolute;top:20px;right:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#1a1d27;border:1px solid #33384a;border-radius:8px;color:#e8e9ec;font-size:22px;line-height:1;cursor:pointer}.movie-detail__close:hover{background:#262a35}.movie-detail__title{margin:0 0 12px;font-size:34px;max-width:90%}.movie-detail__meta{font-size:15px;color:#9aa0ab;margin-bottom:12px}.movie-detail__rating{font-size:16px;color:#ffc94d;margin-bottom:20px}.movie-detail__overview{font-size:16px;line-height:1.7;color:#c7cad1;max-width:640px}@media (max-width: 800px){.movie-detail{flex-direction:column;overflow-y:auto}.movie-detail__poster{flex:0 0 auto;height:45vh}.movie-detail__content{flex:1 1 auto;overflow-y:visible;padding:32px 24px}}.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{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;flex-direction:column;border-bottom:1px solid #1c1f28}.timeline-lane__header{position:sticky;left:0;top:32px;z-index:4;align-self:flex-start;width:max-content;display:inline-flex;align-items:center;padding:6px 12px;font-size:13px;font-weight:600;color:#c7cad1;background:#14161c;border-bottom:1px solid #262a35;border-right:1px solid #262a35;border-radius:0 0 6px;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}*{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}