@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#09090b;--bg-secondary:#111113;--bg-elevated:hsla(0,0%,100%,.04);--text:#ececf0;--text-secondary:#8b8b8d;--text-tertiary:#555557;--primary:#bc37eb;--primary-hover:#ca55f0;--primary-dim:rgba(188,55,235,.12);--primary-glow:rgba(188,55,235,.25);--border:hsla(0,0%,100%,.07);--border-hover:hsla(0,0%,100%,.13);--card-bg:hsla(0,0%,100%,.03);--card-bg-hover:hsla(0,0%,100%,.055);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-card:0 1px 2px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.2);--shadow-card-hover:0 2px 4px rgba(0,0,0,.3),0 8px 32px rgba(0,0,0,.3);--transition:cubic-bezier(0.4,0,0.2,1)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;min-height:100dvh;font-size:14px;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(188,55,235,.06) 0,transparent 60%);pointer-events:none;z-index:-1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}.container{width:100%;max-width:860px;margin:0 auto;padding:24px 32px env(safe-area-inset-bottom,24px)}.header{padding:48px 0 28px;margin-bottom:28px;position:relative;border-bottom:1px solid var(--border)}.header h1{font-family:Bebas Neue,sans-serif;font-size:clamp(2.8rem,12vw,4.8rem);font-weight:400;letter-spacing:.06em;line-height:.95;text-transform:uppercase}.header h1 span{color:var(--primary)}.subtitle{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;margin-top:12px}.last-update,.subtitle{color:var(--text-secondary)}.last-update{font-size:.65rem;margin-top:8px;letter-spacing:.06em;display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;background:#34d399;border-radius:50%;display:inline-block;animation:livePulse 2s ease-in-out infinite;box-shadow:0 0 8px rgba(52,211,153,.4)}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.3}}.nav-tabs{display:flex;gap:4px;margin-bottom:28px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-tab{flex:1 1;padding:10px 8px;background:none;border:none;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .2s var(--transition);position:relative;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent}.nav-tab:after{display:none}.nav-tab:hover{color:var(--text);background:hsla(0,0%,100%,.04)}.nav-tab.active{color:var(--text);background:hsla(0,0%,100%,.08);box-shadow:0 1px 2px rgba(0,0,0,.2)}.tab-icon{display:flex;align-items:center}.tab-text{display:block}.filter-section{margin-bottom:12px}.filter-dropdown,.search-input{width:100%;padding:12px 40px 12px 14px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%238b8b8d' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:all .15s var(--transition)}.search-input{background-image:none;cursor:text;padding-right:14px}.filter-dropdown:hover,.search-input:hover{border-color:var(--border-hover);background-color:var(--card-bg-hover)}.filter-dropdown:focus,.search-input:focus{border-color:rgba(188,55,235,.5);box-shadow:0 0 0 3px var(--primary-dim);background-color:var(--card-bg-hover)}.filter-dropdown option{background:var(--bg-secondary);color:var(--text);padding:12px}.search-section{margin-bottom:28px}.search-input::placeholder{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;transition:opacity .15s}.search-input:focus::placeholder{opacity:.4}.search-wrapper{position:relative}.search-wrapper .search-input{padding-left:40px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;display:flex;align-items:center}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.category-section{margin-bottom:40px;animation:fadeInUp .35s var(--transition) backwards}.category-section:first-child{animation-delay:0s}.category-section:nth-child(2){animation-delay:.08s}.category-section:nth-child(3){animation-delay:.16s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.category-header{margin-bottom:16px;padding-bottom:0;border-bottom:none}.category-header h2{font-family:Inter,sans-serif;font-size:clamp(1rem,3vw,1.15rem);font-weight:700;letter-spacing:.04em;color:var(--text);text-transform:uppercase}.heat-card{margin-bottom:16px;padding:20px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all .2s var(--transition);animation:fadeInUp .35s var(--transition) backwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.heat-card:first-child{animation-delay:.03s}.heat-card:nth-child(2){animation-delay:.06s}.heat-card:nth-child(3){animation-delay:.09s}.heat-card:nth-child(4){animation-delay:.12s}.heat-card:nth-child(5){animation-delay:.15s}.heat-card:nth-child(6){animation-delay:.18s}.heat-card:hover{border-color:var(--border-hover)}.heat-header{margin-bottom:14px}.heat-title{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text);padding-bottom:10px;border-bottom:1px solid var(--border)}.time-details{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:16px;grid-gap:1px;gap:1px;background:var(--border);border-radius:var(--radius-sm);overflow:hidden}.time-item{padding:12px 8px;text-align:center;background:hsla(0,0%,100%,.02);border-right:none}.time-item:last-child{background:rgba(188,55,235,.08)}.time-item:last-child .time-value{color:var(--primary-hover)}.time-item:last-child .time-label{color:var(--primary);font-weight:700}.time-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.55rem;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-value{font-family:JetBrains Mono,monospace;font-weight:700;font-size:.9rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.teams-list{display:flex;flex-direction:column;padding-top:4px}.team-item{display:flex;align-items:center;padding:8px;margin:0 -8px;border-radius:var(--radius-sm);gap:12px;min-height:40px;transition:background .12s var(--transition);border-bottom:none}.team-item:not(.empty):not(.highlight):hover{background:var(--bg-elevated)}.team-item.highlight{background:hsla(0,0%,100%,.06);border-left:2px solid rgba(188,55,235,.5);margin-left:-8px;margin-right:-8px;padding-left:6px;padding-right:8px}.team-item.empty{opacity:.3}.lane-number{font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:700;min-width:44px;flex-shrink:0;text-transform:uppercase;letter-spacing:.03em}.lane-number,.team-item.highlight .lane-number{color:var(--text-secondary)}.team-name{font-weight:500;font-size:.85rem;word-break:break-word;color:var(--text)}.team-item.highlight .team-name{color:var(--text);font-weight:700}.team-item.empty .team-name{font-style:italic;color:var(--text-tertiary)}.no-results{padding:60px 20px;text-align:center;animation:fadeIn .3s ease}.no-results p{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary)}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.15}}.skeleton-base{background:hsla(0,0%,100%,.06);border-radius:var(--radius-sm);animation:skeletonPulse 1.8s ease-in-out infinite}.skeleton-heat-card{padding:20px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px}.skeleton-heat-card .skeleton-title{height:14px;width:80px;margin-bottom:14px;border-radius:4px}.skeleton-heat-card .skeleton-time-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:16px}.skeleton-heat-card .skeleton-time-cell{height:52px;background:hsla(0,0%,100%,.02);animation:skeletonPulse 1.8s ease-in-out infinite}.skeleton-heat-card .skeleton-time-cell:nth-child(2){animation-delay:.1s}.skeleton-heat-card .skeleton-time-cell:nth-child(3){animation-delay:.2s}.skeleton-heat-card .skeleton-time-cell:nth-child(4){animation-delay:.3s}.skeleton-heat-card .skeleton-lane{height:36px;margin-bottom:4px;border-radius:4px}.skeleton-heat-card .skeleton-lane:nth-child(2){animation-delay:.08s}.skeleton-heat-card .skeleton-lane:nth-child(3){animation-delay:.16s}.skeleton-heat-card .skeleton-lane:nth-child(4){animation-delay:.24s}.skeleton-lb-card{padding:20px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px}.skeleton-lb-card .skeleton-title{height:14px;width:120px;margin-bottom:16px;border-radius:4px}.skeleton-lb-card .skeleton-row{height:40px;margin-bottom:4px;border-radius:4px}.skeleton-lb-card .skeleton-row:nth-child(2){animation-delay:.06s}.skeleton-lb-card .skeleton-row:nth-child(3){animation-delay:.12s}.skeleton-lb-card .skeleton-row:nth-child(4){animation-delay:.18s}.skeleton-lb-card .skeleton-row:nth-child(5){animation-delay:.24s}.skeleton-lb-card .skeleton-row:nth-child(6){animation-delay:.3s}.skeleton-lb-card .skeleton-row:nth-child(7){animation-delay:.36s}.leaderboard-workout{margin-bottom:16px;padding:20px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);animation:fadeInUp .35s var(--transition) backwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.leaderboard-workout:first-child{animation-delay:.03s}.leaderboard-workout:nth-child(2){animation-delay:.06s}.leaderboard-workout:nth-child(3){animation-delay:.09s}.leaderboard-workout:nth-child(4){animation-delay:.12s}.workout-header{margin-bottom:12px}.workout-title{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.leaderboard-table{display:flex;flex-direction:column}.leaderboard-header-row{border-bottom:1px solid var(--border);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-weight:700}.leaderboard-header-row,.leaderboard-row{display:flex;padding:10px 8px;margin:0 -8px}.leaderboard-row{border-radius:var(--radius-sm);align-items:center;transition:background .12s var(--transition);border-bottom:none}.leaderboard-row:not(.highlight):hover{background:var(--bg-elevated)}.leaderboard-row.highlight{background:hsla(0,0%,100%,.06);border-left:2px solid rgba(188,55,235,.5);margin-left:-8px;margin-right:-8px;padding-left:6px;padding-right:8px}.leaderboard-row.highlight .lb-box,.leaderboard-row.highlight .lb-name,.leaderboard-row.highlight .lb-position,.leaderboard-row.highlight .lb-score{color:var(--text)}.lb-position{font-family:JetBrains Mono,monospace;width:40px;flex-shrink:0;font-weight:700;font-size:.82rem}.lb-position,.leaderboard-header-row .lb-position{color:var(--text-tertiary)}.lb-athlete{flex:1 1;min-width:0}.lb-name{font-weight:500;font-size:.82rem;color:var(--text)}.lb-box,.lb-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-box{font-size:.6rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-top:1px}.lb-score{font-family:JetBrains Mono,monospace;width:80px;flex-shrink:0;text-align:right;font-weight:700;font-size:.82rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.leaderboard-row.medal-gold .lb-position{color:#fbbf24}.leaderboard-row.medal-silver .lb-position{color:#a8a8a8}.leaderboard-row.medal-bronze .lb-position{color:#cd7f32}.leaderboard-row.medal-bronze .lb-name,.leaderboard-row.medal-gold .lb-name,.leaderboard-row.medal-silver .lb-name{font-weight:700}.custom-select{position:relative;width:100%}.custom-select-trigger{width:100%;padding:12px 40px 12px 14px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all .15s var(--transition);display:flex;align-items:center;justify-content:space-between;text-align:left}.custom-select-trigger:hover{border-color:var(--border-hover);background-color:var(--card-bg-hover)}.custom-select-trigger:focus{border-color:rgba(188,55,235,.5);box-shadow:0 0 0 3px var(--primary-dim);background-color:var(--card-bg-hover)}.custom-select-trigger .chevron{flex-shrink:0;transition:transform .2s var(--transition);color:var(--text-secondary)}.custom-select.open .chevron{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#16161a;border:1px solid var(--border-hover);border-radius:var(--radius-sm);z-index:50;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3);animation:selectOpen .15s var(--transition);max-height:280px;overflow-y:auto}@keyframes selectOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{padding:10px 14px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;color:var(--text);cursor:pointer;transition:background .1s;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.06em}.custom-select-option:hover{background:hsla(0,0%,100%,.06)}.custom-select-option.selected{background:rgba(188,55,235,.1)}.custom-select-option .custom-select-check{color:var(--primary);flex-shrink:0;display:flex;align-items:center}.footer{padding:32px 0;margin-top:48px;border-top:1px solid var(--border);text-align:center}.footer p{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary)}.footer .made-by{margin-top:12px;font-size:.55rem;opacity:.7}.footer .made-by a{color:var(--text-secondary);text-decoration:none;transition:color .15s}.footer .made-by a:hover{color:var(--primary)}@media (max-width:768px){.container{padding:20px}.header{padding:36px 0 24px}.time-details{grid-template-columns:repeat(2,1fr)}.leaderboard-workout{padding:16px}}@media (max-width:480px){.container{padding:16px}.header{padding:28px 0 20px;margin-bottom:20px}.header h1{font-size:2.4rem;letter-spacing:.04em}.subtitle{font-size:.6rem;letter-spacing:.12em;margin-top:8px}.nav-tabs{margin-bottom:20px;padding:3px}.nav-tab{font-size:.7rem;padding:8px 4px;letter-spacing:.04em}.filter-dropdown,.search-input{font-size:.78rem;padding:10px 36px 10px 12px}.search-input{padding-right:12px}.search-wrapper .search-input{padding-left:36px}.search-section{margin-bottom:20px}.category-section{margin-bottom:32px}.category-header h2{font-size:.95rem}.heat-card{margin-bottom:12px;padding:16px}.heat-title{font-size:.8rem}.time-item{padding:8px 6px}.time-label{font-size:.5rem}.time-value{font-size:.78rem}.team-item{padding:7px 6px;margin:0 -6px;gap:10px;min-height:36px}.team-item.highlight{margin-left:-6px;padding-left:4px;margin-right:-6px;padding-right:6px}.lane-number{font-size:.55rem;min-width:38px}.team-name{font-size:.78rem}.leaderboard-workout{padding:14px}.workout-title{font-size:.8rem}.leaderboard-header-row,.leaderboard-row{padding:8px 6px;margin:0 -6px}.lb-position{width:32px;font-size:.72rem}.lb-name{font-size:.78rem}.lb-box{font-size:.55rem}.lb-score{width:65px;font-size:.72rem}.custom-select-trigger{font-size:.78rem;padding:10px 36px 10px 12px}.custom-select-option{font-size:.78rem;padding:10px 12px}.footer{padding:24px 0;margin-top:32px}.footer p{font-size:.55rem}}@media (max-width:360px){.container{padding:12px}.header h1{font-size:2rem}.nav-tab{font-size:.65rem}.time-details{grid-template-columns:1fr 1fr}.lane-number{min-width:34px;font-size:.5rem}.team-name{font-size:.72rem}.heat-card{padding:12px}}@media (hover:none) and (pointer:coarse){.nav-tab:active{background:hsla(0,0%,100%,.08)}.custom-select-trigger,.filter-dropdown,.search-input{font-size:16px}.team-item{min-height:44px}.heat-card:hover{border-color:var(--border);background:var(--card-bg);box-shadow:var(--shadow-card)}.leaderboard-row:not(.highlight):hover,.team-item:not(.empty):not(.highlight):hover{background:none}}@media (max-height:500px) and (orientation:landscape){.header{padding:20px 0 14px;margin-bottom:16px}.header h1{font-size:2rem}.last-update,.subtitle{display:none}.nav-tabs{margin-bottom:16px}}@supports (padding:env(safe-area-inset-top)){.container{padding-left:max(32px,env(safe-area-inset-left));padding-right:max(32px,env(safe-area-inset-right))}@media (max-width:480px){.container{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}}