.tl-wrap{color:#f0f0f0;font-family:Segoe UI,system-ui,sans-serif;position:relative;background-image:linear-gradient(180deg,#000000b8 0% 100%),url(/images/piano.jpg);background-size:100% auto;background-repeat:repeat-y;background-position:top center}.tl-wrap .tl-header{text-align:center;padding:60px 20px 40px;background:linear-gradient(180deg,rgba(26,10,46,.8) 0%,transparent 100%)}.tl-wrap .tl-header h1{font-family:Danfo,serif;font-size:clamp(2rem,5vw,4.5rem);font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#0c3a1f,#84ba20,#dbde0c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.tl-wrap .tl-header p{margin-top:12px;color:#888;font-size:1.05rem;letter-spacing:.5px}.tl-wrap .filter-bar{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px;padding:24px 20px;position:sticky;top:0;background:#080808e0;backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid #222;border-radius:0;margin:0;list-style:none}.tl-wrap .filter-bar .filter-btn{display:inline-block!important;width:auto!important;flex:0 0 auto!important;background:#1a1a1a!important;color:#aaa!important;border:1px solid #333!important;border-radius:20px!important;padding:7px 18px!important;font-size:.85rem!important;cursor:pointer!important;transition:all .2s ease!important;font-weight:600!important;letter-spacing:.5px!important;text-align:center!important;text-decoration:none!important;line-height:normal!important;box-shadow:none!important}.tl-wrap .filter-bar .filter-btn:hover{background:#252525!important;color:#fff!important;border-color:#555!important}.tl-wrap .filter-bar .filter-btn.active{background:#7c4dff!important;color:#fff!important;border-color:#7c4dff!important}.tl-wrap .timeline{max-width:900px;margin:0 auto;padding:60px 20px 100px;position:relative}.tl-wrap .timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#104112,#5de111,#d0e511,#eead16);transform:translate(-50%);opacity:.3;pointer-events:none}.tl-wrap .decade-section{margin-bottom:16px}.tl-wrap .decade-section.hidden{display:none!important}.tl-wrap .decade-label{text-align:center;position:relative;margin-bottom:32px}.tl-wrap .decade-label span{font-family:Danfo,serif;display:inline-block!important;width:auto!important;background:#0d0d0dd9;padding:8px 24px;border-radius:30px;font-size:1.4rem;font-weight:800;border:2px solid;position:relative;z-index:1;letter-spacing:1px}.tl-wrap .events{display:flex!important;flex-direction:column!important;gap:24px}.tl-wrap .event{display:flex!important;flex-direction:row!important;gap:20px;align-items:flex-start;cursor:pointer;width:100%}.tl-wrap .event:nth-child(odd){flex-direction:row-reverse!important;text-align:right}.tl-wrap .event:nth-child(odd) .event-tags{justify-content:flex-end}.tl-wrap .event-dot{flex-shrink:0!important;width:16px!important;height:16px!important;border-radius:50%!important;margin-top:6px;border:3px solid;background:#0d0d0de6;position:relative;z-index:1;transition:transform .2s ease;display:block!important}.tl-wrap .event:hover .event-dot{transform:scale(1.5)}.tl-wrap .event-card{background:#141414;border:1px solid #222;border-radius:14px;padding:18px 22px;flex:1 1 0!important;min-width:0;max-width:calc(50% - 28px)!important;transition:all .2s ease;box-sizing:border-box}.tl-wrap .event:hover .event-card{background:#1c1c1c;border-color:#333;transform:translateY(-2px)}.tl-wrap .event-year{font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:.7;margin-bottom:4px;display:block}.tl-wrap .event-title{font-family:Danfo,serif;font-size:1.5rem;font-weight:700;margin-bottom:8px;line-height:1.3;color:#f0f0f0}.tl-wrap .event-desc{font-size:.88rem;color:#888;line-height:1.6;margin-bottom:12px}.tl-wrap .event-tags{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px}.tl-wrap .tag{font-size:.72rem;padding:3px 10px;border-radius:20px;font-weight:600;letter-spacing:.3px;display:inline-block!important;width:auto!important}.tl-wrap .event-detail{display:none;margin-top:12px;padding-top:12px;border-top:1px solid #2a2a2a}.tl-wrap .event-detail.open{display:block}.tl-wrap .event-detail h4{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:8px}.tl-wrap .artists-list{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px}.tl-wrap .artist-chip{background:#1f1f1f;border:1px solid #333;border-radius:20px;padding:4px 12px;font-size:.8rem;color:#ccc;display:inline-block!important;width:auto!important}.tl-wrap .d1940 .decade-label span{border-color:#ff6b35;color:#ff6b35}.tl-wrap .d1940 .event-dot{border-color:#ff6b35}.tl-wrap .d1940 .event-year{color:#ff6b35;opacity:1}.tl-wrap .d1940 .tag{background:#ff6b3526;color:#ff6b35}.tl-wrap .d1950 .decade-label span{border-color:gold;color:gold}.tl-wrap .d1950 .event-dot{border-color:gold}.tl-wrap .d1950 .event-year{color:gold;opacity:1}.tl-wrap .d1950 .tag{background:#ffd7001f;color:gold}.tl-wrap .d1960 .decade-label span{border-color:#4caf50;color:#4caf50}.tl-wrap .d1960 .event-dot{border-color:#4caf50}.tl-wrap .d1960 .event-year{color:#4caf50;opacity:1}.tl-wrap .d1960 .tag{background:#4caf501f;color:#4caf50}.tl-wrap .d1970 .decade-label span{border-color:#ff4081;color:#ff4081}.tl-wrap .d1970 .event-dot{border-color:#ff4081}.tl-wrap .d1970 .event-year{color:#ff4081;opacity:1}.tl-wrap .d1970 .tag{background:#ff40811f;color:#ff4081}.tl-wrap .d1980 .decade-label span{border-color:#00e5ff;color:#00e5ff}.tl-wrap .d1980 .event-dot{border-color:#00e5ff}.tl-wrap .d1980 .event-year{color:#00e5ff;opacity:1}.tl-wrap .d1980 .tag{background:#00e5ff1f;color:#00e5ff}.tl-wrap .d1990 .decade-label span{border-color:#7c4dff;color:#7c4dff}.tl-wrap .d1990 .event-dot{border-color:#7c4dff}.tl-wrap .d1990 .event-year{color:#7c4dff;opacity:1}.tl-wrap .d1990 .tag{background:#7c4dff1f;color:#7c4dff}.tl-wrap .d2000 .decade-label span{border-color:#e040fb;color:#e040fb}.tl-wrap .d2000 .event-dot{border-color:#e040fb}.tl-wrap .d2000 .event-year{color:#e040fb;opacity:1}.tl-wrap .d2000 .tag{background:#e040fb1f;color:#e040fb}.tl-wrap .d2010 .decade-label span{border-color:#ff9100;color:#ff9100}.tl-wrap .d2010 .event-dot{border-color:#ff9100}.tl-wrap .d2010 .event-year{color:#ff9100;opacity:1}.tl-wrap .d2010 .tag{background:#ff91001f;color:#ff9100}.tl-wrap .d2020 .decade-label span{border-color:#69f0ae;color:#69f0ae}.tl-wrap .d2020 .event-dot{border-color:#69f0ae}.tl-wrap .d2020 .event-year{color:#69f0ae;opacity:1}.tl-wrap .d2020 .tag{background:#69f0ae1f;color:#69f0ae}@media(max-width:700px){.tl-wrap .timeline:before{left:20px}.tl-wrap .event,.tl-wrap .event:nth-child(odd){flex-direction:row!important;text-align:left!important}.tl-wrap .event:nth-child(odd) .event-tags{justify-content:flex-start!important}.tl-wrap .event-card{max-width:100%!important}.tl-wrap .event-dot{margin-left:4px}}