.tt-wrap{padding-bottom:120px}
.tt-cont{max-width:900px;margin:0 auto;padding:80px 40px 0}
.tt-title{font-size:80px;font-weight:950;font-style:italic;text-transform:uppercase;line-height:.8;letter-spacing:-4px}
.tt-title span{color:var(--brand-primary)}
.tt-sub{color:#444;font-size:12px;font-weight:900;letter-spacing:4px;margin-top:20px}
.header-line{height:2px;width:200px;background:var(--brand-primary);margin-top:20px;margin-bottom:40px}
.day-tabs{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}
.day-tab{background:#0c0c0c;border:1px solid #1a1a1a;color:#666;padding:10px 20px;border-radius:8px;font-size:11px;font-weight:900;letter-spacing:2px;cursor:pointer;transition:.2s}
.day-tab.active,.day-tab:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:white}
.no-shows{padding:50px 0;color:#333;font-weight:900;font-size:14px;letter-spacing:2px}
.shows-list{display:flex;flex-direction:column;gap:15px}
.show-item{background:#0c0c0c;border:1px solid #1a1a1a;border-radius:15px;padding:25px;display:flex;align-items:center;gap:25px;transition:.2s}
.show-item:hover{border-color:#333}
.show-live{border-color:var(--brand-primary);background:rgba(var(--brand-rgb),.05)}
.show-time{font-size:22px;font-weight:950;font-style:italic;min-width:160px;color:var(--brand-primary)}
.show-time span{color:#333;margin:0 8px}
.show-name{font-size:20px;font-weight:950;font-style:italic;text-transform:uppercase;letter-spacing:-1px}
.show-desc{font-size:13px;color:#555;margin-top:4px}
.show-dj{font-size:11px;color:#444;font-weight:700;margin-top:8px;letter-spacing:1px}
.live-badge{margin-left:auto;display:flex;align-items:center;gap:8px;background:rgba(var(--brand-rgb),.15);border:1px solid rgba(var(--brand-rgb),.3);padding:8px 16px;border-radius:100px;font-size:10px;font-weight:900;color:var(--brand-primary);letter-spacing:2px;white-space:nowrap}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-primary);animation:livepulse 1.5s infinite}
/* SEO/accessibility improvements */
.tt-timezone{font-size:12px;color:#555;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-top:8px;margin-bottom:0;}
.tt-title-inner{color:var(--brand-primary);}
.day-tab-date{display:block;font-size:9px;opacity:.6;letter-spacing:1px;margin-top:2px;}
.day-panel{display:none;}
.day-panel-active{display:block;}
.show-name{display:block;font-size:15px;font-weight:900;color:#fff;letter-spacing:-.3px;margin-bottom:4px;}

/* Mobile Responsive Styles */
@media(max-width:768px){
    .tt-cont{padding:60px 24px 0}
    .tt-title{font-size:50px;letter-spacing:-2px}
    .tt-sub{font-size:11px;letter-spacing:2px;margin-top:14px}
    .header-line{width:160px;margin-bottom:30px}
    .day-tabs{gap:6px;margin-bottom:24px}
    .day-tab{padding:8px 16px;font-size:10px;letter-spacing:1px}
    .shows-list{gap:12px}
    .show-item{padding:20px;gap:16px;border-radius:12px}
    .show-time{font-size:18px;min-width:140px}
    .show-name{font-size:14px}
    .show-desc{font-size:12px;margin-top:2px}
    .show-dj{font-size:10px;margin-top:6px}
    .live-badge{padding:6px 12px;font-size:9px;gap:6px}
    .tt-timezone{font-size:11px;margin-top:6px}
}

@media(max-width:640px){
    .tt-wrap{padding-bottom:80px}
    .tt-cont{padding:40px 16px 0;max-width:none}
    .tt-title{font-size:40px;letter-spacing:-1px}
    .tt-sub{font-size:10px;letter-spacing:1px;margin-top:10px}
    .header-line{width:140px;margin-bottom:24px;height:1.5px}
    .day-tabs{gap:4px;margin-bottom:20px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
    .day-tab{padding:6px 14px;font-size:9px;letter-spacing:0.5px;flex-shrink:0}
    .day-tab-date{font-size:8px}
    .no-shows{padding:40px 0;font-size:12px}
    .shows-list{gap:10px}
    .show-item{padding:14px;gap:12px;border-radius:10px;flex-direction:column;align-items:flex-start}
    .show-time{font-size:16px;min-width:auto;margin-bottom:4px}
    .show-time span{margin:0 4px}
    .show-name{font-size:13px;margin-bottom:3px}
    .show-desc{font-size:11px;margin-top:1px}
    .show-dj{font-size:9px;margin-top:4px}
    .live-badge{margin-left:0;padding:4px 10px;font-size:8px;gap:4px}
    .live-dot{width:5px;height:5px}
    .tt-timezone{font-size:10px;margin-top:4px}
}

@media(max-width:375px){
    .tt-wrap{padding-bottom:60px}
    .tt-cont{padding:32px 10px 0}
    .tt-title{font-size:32px;letter-spacing:-0.5px}
    .tt-sub{font-size:9px;letter-spacing:0.5px;margin-top:8px}
    .header-line{width:120px;margin-bottom:20px}
    .day-tabs{gap:2px;margin-bottom:16px}
    .day-tab{padding:5px 10px;font-size:8px;letter-spacing:0;text-transform:uppercase}
    .day-tab-date{display:none}
    .no-shows{padding:30px 0;font-size:11px}
    .shows-list{gap:8px}
    .show-item{padding:10px 12px;gap:8px;border-radius:8px;border-width:1px}
    .show-time{font-size:14px;min-width:auto;margin-bottom:3px}
    .show-time span{margin:0 3px;font-size:18px}
    .show-name{font-size:12px;letter-spacing:-0.2px;margin-bottom:2px}
    .show-desc{font-size:10px;margin-top:0;color:#666}
    .show-dj{font-size:8px;margin-top:3px;letter-spacing:0.5px}
    .live-badge{padding:3px 8px;font-size:7px;letter-spacing:1px;gap:3px}
    .live-dot{width:4px;height:4px}
    .tt-timezone{font-size:9px;margin-top:2px}
}