/* Quiet navigation, intrinsic charts, and a viewport-bounded lap list. */
.global-nav nav.page-breadcrumb{align-self:center;align-items:center;gap:7px;margin-left:5px;line-height:20px}
.global-nav .page-breadcrumb :is(button,.breadcrumb-current){display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 10px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:550;line-height:20px;color:var(--secondary);background:transparent;box-shadow:none;white-space:nowrap}
.global-nav .page-breadcrumb #home-nav{padding:5px 7px}.page-breadcrumb #home-nav .icon{width:15px;height:15px}
.global-nav .page-breadcrumb [aria-current=page]{background:var(--surface-alt);border-color:var(--line);color:var(--ink);font-weight:650}
.global-nav .page-breadcrumb button:hover{color:var(--ink);background:var(--surface-alt)}
.global-nav #nav-analysis{display:flex;align-items:center;gap:7px;margin:0;font:inherit}.breadcrumb-divider{color:var(--muted);font-size:15px;font-weight:400;line-height:20px}
body[data-screen=home] :is(.global-nav .brand,.global-nav .nav-divider,.global-nav .product-name,.global-nav nav,.demo-badge){display:none}
body[data-screen=home] .global-nav{background:transparent;border-color:transparent;justify-content:flex-end;box-shadow:none}
body[data-screen=home] .global-nav #theme-toggle{margin-left:auto}
.home-screen{max-width:1370px;margin:0 auto;min-height:calc(100dvh - 76px - var(--development-toolbar-height,34px));padding:60px 60px 100px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:55px}
.home-copy{padding-bottom:25px}.home-logo{margin-bottom:55px}.home-logo img{max-width:100%;height:auto}.home-copy .eyebrow{font-size:10px;letter-spacing:2px;color:var(--secondary)}.home-copy h1{font-size:clamp(40px,4.5vw,65px);font-weight:600;letter-spacing:-2.8px;line-height:1.07;margin:18px 0 24px}.home-copy h1>span{color:var(--red)}.home-copy p{font-size:17px;color:var(--secondary);line-height:1.8;margin:0 0 30px}.home-copy #home-enter{min-height:48px;padding:13px 22px;gap:25px;border-radius:8px;font-size:14px;box-shadow:0 6px 20px color-mix(in srgb,var(--red) 13%,transparent)}.home-copy>small{display:block;font-size:11px;color:var(--muted);margin-top:16px}
.home-art{min-width:0;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--surface-alt) 40%,transparent));box-shadow:0 24px 65px #00000008;padding:26px 0 23px;transform:rotate(-3deg)}.home-art>svg{display:block;width:100%;height:auto}.home-art-label{display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:8px;letter-spacing:1.7px;color:var(--muted)}.home-art-label i{width:6px;height:6px;border-radius:50%;background:var(--red)}.home-art-footer{display:flex;gap:22px;padding:0 28px;margin-top:6px;font-size:8px;letter-spacing:1.2px;color:var(--secondary)}.home-art-footer span{display:flex;align-items:center;gap:8px}.home-art-footer i{display:block;width:13px;height:2px;background:var(--blue)}.home-art-footer span:last-child i{background:var(--red)}
.library-filter-bar{display:flex;align-items:flex-end;gap:12px}.library-filter-bar .library-search{max-width:420px;flex:1;min-width:0;display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--secondary)}.library-filter-bar input{width:100%;height:40px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:8px 12px;font-size:13px;color:var(--ink)}.library-filter-toggle{height:40px}.library-filter-toggle .icon{width:16px;height:16px}.library-filter-toggle[aria-expanded=true]{border-color:var(--secondary);background:var(--surface-alt)}.library-filter-toggle [data-filter-count]:not(:empty){padding:1px 5px;min-width:18px;border-radius:4px;background:var(--surface-alt);font-size:10px}.library-filters{margin-top:13px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.library-filter-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.library-filter-chips button{border:1px solid var(--line);background:var(--surface);color:var(--secondary);padding:5px 9px;border-radius:20px;font-size:11px;gap:9px}.library-filter-chips button span{font-size:14px}.library-filter-chips button:hover{border-color:var(--secondary);color:var(--ink)}
.session-track-title{display:flex;gap:8px;align-items:center;min-width:0}.session-track-title h2{overflow-wrap:anywhere}.rename-track-button{color:var(--secondary);width:29px;height:29px;padding:5px;border:1px solid var(--line);border-radius:6px;flex:none}.rename-track-button .icon{width:14px;height:14px}.rename-track-button:hover{border-color:var(--secondary);color:var(--ink)}#rename-track-error{font-size:12px;color:var(--red)}
.overview-rhythm .rhythm-svg{max-width:none;height:124px;overflow:visible}.timeline-scroll{overscroll-behavior-x:contain}
@media(min-width:851px){
 .app-shell>.session-rail{position:sticky;top:var(--development-toolbar-height,0px);align-self:start;height:var(--rail-available-height,calc(100dvh - 76px - var(--development-toolbar-height,0px)));min-height:0;max-height:calc(100dvh - var(--development-toolbar-height,0px));overflow:hidden;padding-top:16px;padding-bottom:12px}
 .session-rail>*{flex-shrink:0}.session-rail :is(#lap-list,#comparison-lap-list){flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;scroll-padding:5px}
 .session-rail .rail-toggle{margin:0 -3px 10px 0}.session-rail .back-button{margin-bottom:16px}.session-rail .rail-track p{margin-bottom:17px}.session-rail .rail-foot{padding:12px 5px 0;margin-top:10px}.rail-foot p{font-size:10px;line-height:1.5}.app-shell.rail-collapsed .session-rail{padding-top:16px;padding-bottom:10px}.app-shell.rail-collapsed .session-rail .rail-toggle{margin:0 0 12px}
}
@media(min-width:851px) and (max-height:720px){.session-rail .rail-foot{display:none}.session-rail .back-button{margin-bottom:10px}.session-rail .rail-track p{margin-bottom:10px}.session-rail .rail-label{padding-bottom:8px}.session-rail .rail-track h2{margin-top:6px}.comparison-rail .comparison-selected{padding:7px 9px;margin-bottom:8px}}
@media(max-width:1000px){.home-screen{padding:40px 36px 65px;gap:30px}.home-copy h1{font-size:45px}.home-logo{margin-bottom:38px}.home-art-label{letter-spacing:1px;font-size:7px}.home-art-footer{gap:13px;font-size:7px}}
@media(max-width:760px){.home-screen{grid-template-columns:1fr;max-width:590px;padding:25px 28px 55px;gap:24px}.home-copy{padding:0}.home-logo{margin-bottom:32px}.home-copy h1{font-size:48px}.home-copy p{font-size:15px}.home-art{transform:rotate(-2deg);margin:0 8px}.home-art>svg{max-height:295px}.library-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.global-nav .page-breadcrumb :is(button,.breadcrumb-current){font-size:12px;padding:4px 8px}.global-nav nav.page-breadcrumb{gap:5px}.global-nav #nav-analysis{gap:5px}.global-nav .product-name{display:none}}
@media(max-width:560px){.global-nav nav.page-breadcrumb{order:3;flex-basis:100%;justify-content:flex-start;margin:0}.library-filter-bar{gap:8px}.library-filter-toggle{font-size:12px;padding:8px 10px}.home-screen{padding-top:10px}.home-copy h1{font-size:43px}.home-logo{margin-bottom:28px}.home-art-label,.home-art-footer{padding-left:22px;padding-right:22px}}
.home-logo img{display:block}.home-logo .logo-dark{display:none}[data-theme=dark] .home-logo .logo-light{display:none}[data-theme=dark] .home-logo .logo-dark{display:block}