:root{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2937;background:#fafaf8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--canvas: #fafaf8;--teal: #3d9b9d;--teal-dark: #1f6f71;--teal-soft: #f0fafa;--charcoal: #1f2937;--muted: #617080;--line: rgba(61, 155, 157, .16);--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth;background:var(--canvas)}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at top left,rgba(61,155,157,.13),transparent 34rem),linear-gradient(180deg,#ffffff 0,var(--canvas) 24rem)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #1f2937;outline-offset:3px;box-shadow:0 0 0 6px #fff}.app-shell{display:grid;grid-template-columns:17rem minmax(0,1fr);min-height:100vh}.loadingScreen{display:grid;min-height:100vh;margin:0;place-items:center;padding:2rem;background:radial-gradient(circle at 50% 20%,rgba(61,155,157,.35),transparent 22rem),var(--charcoal);color:#fff}.loadingScreen div{width:min(100%,24rem);padding:2rem;border:1px solid rgba(250,250,248,.14);border-radius:1.5rem;background:#fafaf814;box-shadow:0 1.5rem 4rem #0000002e}.loadingScreen span,.loadingScreen strong{display:block}.loadingScreen span{margin-bottom:.65rem;color:#7fd1d2;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.loadingScreen strong{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1;letter-spacing:-.05em}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:2rem;height:100vh;padding:1.25rem;background:var(--charcoal);color:var(--canvas)}.brand{display:flex;align-items:center;gap:.875rem;padding:.75rem;border-radius:1rem;background:#fafaf814}.brand-mark{display:grid;width:2.75rem;height:2.75rem;place-items:center;border-radius:999px;background:var(--teal);color:#fff;font-weight:800;letter-spacing:-.04em}.brand strong,.brand small{display:block}.brand small{margin-top:.125rem;color:#fafaf8b8;font-size:.78rem}.nav-list{display:grid;gap:.5rem}.nav-item{display:flex;align-items:center;min-height:44px;padding:.85rem 1rem;border:1px solid transparent;border-radius:.9rem;color:#fafaf8c7;font-weight:800;transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.nav-item:hover,.nav-item:focus-visible,.nav-item.active{border-color:#fafaf81f;background:#3d9b9d33;color:#fff}.main-column{display:flex;min-width:0;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem clamp(1.25rem,4vw,3.5rem) 1rem}.topbar-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.65rem}.eyebrow{margin:0 0 .45rem;color:var(--teal-dark);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;color:var(--charcoal);font-size:clamp(2rem,4vw,3.75rem);line-height:.95;letter-spacing:-.06em}h2{margin-bottom:0;color:var(--charcoal);font-size:clamp(1.45rem,2.3vw,2.3rem);line-height:1.04;letter-spacing:-.05em}h3{margin-bottom:.55rem;color:var(--charcoal);font-size:1rem;letter-spacing:-.02em}.content{width:100%;padding:1rem clamp(1.25rem,4vw,3.5rem) 3rem}.mode-pill,.refresh-badge{display:inline-flex;align-items:center;min-height:38px;padding:.55rem .85rem;border-radius:999px;font-size:.82rem;font-weight:800}.mode-pill{border:1px solid rgba(31,41,55,.1);background:#fff;color:var(--charcoal)}.refresh-badge{border:1px solid rgba(61,155,157,.2);color:var(--charcoal)}.refresh-badge.updated{background:var(--teal-soft)}.refresh-badge.refreshing{background:#fff7e8}.refresh-badge.waiting{background:#fff;color:var(--muted)}.refresh-button{min-height:44px;padding:0 1.1rem;border:0;border-radius:.9rem;background:var(--teal-dark);color:#fff;cursor:pointer;font-weight:800;box-shadow:0 .85rem 1.8rem #3d9b9d33;transition:transform .18s var(--ease),box-shadow .18s var(--ease),opacity .18s var(--ease)}.refresh-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1rem 2rem #3d9b9d40}.refresh-button:disabled{cursor:wait;opacity:.68}.refresh-button.compact{min-height:38px;border-radius:999px}.refresh-button.secondary{border:1px solid rgba(31,41,55,.1);background:#fff;color:var(--charcoal);box-shadow:none}.refresh-button.secondary:hover:not(:disabled){box-shadow:0 .85rem 1.8rem #1f293714}.app-alert{margin-bottom:1rem;padding:1rem 1.1rem;border:1px solid rgba(180,35,24,.18);border-radius:1rem;background:#fff4f2;color:#9a2218;font-weight:800}.hero-card,.section-card,.front-card{border:1px solid var(--line);background:#ffffffdb;box-shadow:0 1.5rem 4rem #3d9b9d17}.hero-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.42fr);gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.5rem,4vw,3rem);scroll-margin-top:1.5rem;border-radius:1.5rem}.panel-copy{align-self:center}.panel-copy h2{max-width:43rem;margin-bottom:1rem;font-size:clamp(1.9rem,3vw,3rem)}.panel-copy p:last-child{max-width:42rem;margin-bottom:0;color:#1f2937b8;font-size:1.05rem;line-height:1.7}.hero-meta{align-self:center;padding:1.25rem;border-radius:1.25rem;background:linear-gradient(135deg,var(--teal-soft),rgba(240,250,250,.5))}.hero-meta span,.hero-meta strong{display:block}.hero-meta span{margin-bottom:.45rem;color:var(--muted);font-size:.8rem;font-weight:800;text-transform:uppercase}.hero-meta strong{color:var(--charcoal);font-size:1rem;line-height:1.5}.realtime-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.section-card{min-height:16rem;padding:1.25rem;border-radius:1.5rem}.section-card.wide{grid-column:1 / -1}.section-heading{margin-bottom:1.25rem}.compact-heading h2{font-size:1.35rem}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.health-card,.timer-card,.run-card{border:1px solid rgba(31,41,55,.08);border-radius:1.1rem;background:#fff}.health-card{padding:1.1rem}.status-line{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--muted);font-size:.82rem;font-weight:800}.status-dot{width:.7rem;height:.7rem;border-radius:999px;background:#77818d}.status-dot.green{background:#1f8f54}.status-dot.amber{background:#c27803}.status-dot.red{background:#b42318}.health-card p,.empty-state,.front-card p:last-child{color:#1f2937ad;font-size:.92rem;line-height:1.55}.health-card p,.empty-state{margin-bottom:0}.timer-card{display:grid;gap:.55rem;padding:1.2rem;background:linear-gradient(135deg,#ffffff,var(--teal-soft))}.timer-card strong{color:var(--charcoal);font-size:1.1rem}.timer-card span{color:var(--teal);font-size:1.65rem;font-weight:800;letter-spacing:-.05em}.timer-card small{color:var(--muted);font-weight:700;line-height:1.5}.run-list{display:grid;gap:.75rem}.run-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem}.run-card strong,.run-card span{display:block}.run-card span:not(.run-status){margin-top:.35rem;color:var(--muted);font-size:.88rem}.run-status{flex:0 0 auto;padding:.35rem .6rem;border-radius:999px;background:var(--teal-soft);color:var(--charcoal);font-size:.78rem;font-weight:800}.front-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}.front-card{scroll-margin-top:1.5rem;padding:1rem;border-radius:1.25rem;background:var(--teal-soft);box-shadow:none}.front-card p:last-child{margin-bottom:0}@media(max-width:1080px){.health-grid,.realtime-grid,.front-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.app-shell{grid-template-columns:1fr;padding-bottom:5rem}.sidebar{position:fixed;top:auto;right:1rem;bottom:1rem;left:1rem;z-index:10;display:block;height:auto;padding:.5rem;border:1px solid rgba(250,250,248,.12);border-radius:1.25rem;box-shadow:0 1rem 2.5rem #1f293733}.brand{display:none}.nav-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem}.nav-item{justify-content:center;padding:.85rem .5rem;text-align:center;font-size:.82rem}.topbar{align-items:flex-start;flex-direction:column;padding-top:1.5rem}.topbar-actions{justify-content:flex-start;width:100%}.hero-card{grid-template-columns:1fr}}@media(max-width:620px){.content{padding-bottom:1rem}.topbar-actions,.mode-pill,.refresh-badge,.refresh-button.compact{width:100%}.mode-pill,.refresh-badge,.refresh-button.compact{justify-content:center}.hero-card,.section-card{padding:1.25rem;border-radius:1.25rem}.health-grid,.realtime-grid,.front-grid{grid-template-columns:1fr}.nav-item{padding:.65rem .25rem;font-size:.72rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}