:root{color-scheme:light;--surface-1: #fcfcfb;--plane: #f9f9f7;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--grid: #e1e0d9;--axis: #c3c2b7;--border: rgba(11, 11, 11, .1);--shadow: 0 1px 2px rgba(11, 11, 11, .05), 0 4px 16px rgba(11, 11, 11, .04);--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--seq-1: #86b6ef;--seq-2: #5598e7;--seq-3: #2a78d6;--seq-4: #256abf;--seq-5: #184f95;--good: #0ca30c;--warning: #fab219;--serious: #ec835a;--critical: #d03b3b;--delta-up: #006300;--radius: 12px;--radius-sm: 8px;--font: system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme: dark){:root:where(:not([data-theme=light])){color-scheme:dark;--surface-1: #1a1a19;--plane: #0d0d0d;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--grid: #2c2c2a;--axis: #383835;--border: rgba(255, 255, 255, .1);--shadow: none;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--seq-1: #184f95;--seq-2: #256abf;--seq-3: #3987e5;--seq-4: #5598e7;--seq-5: #86b6ef;--delta-up: #0ca30c}}:root[data-theme=dark]{color-scheme:dark;--surface-1: #1a1a19;--plane: #0d0d0d;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--grid: #2c2c2a;--axis: #383835;--border: rgba(255, 255, 255, .1);--shadow: none;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--seq-1: #184f95;--seq-2: #256abf;--seq-3: #3987e5;--seq-4: #5598e7;--seq-5: #86b6ef;--delta-up: #0ca30c}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--plane);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}h1{font-size:1.5rem}h2{font-size:1.05rem}h3{font-size:.9rem}a{color:var(--series-1)}button{font:inherit}.app{display:flex;flex-direction:column;min-height:100%}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;padding:.65rem clamp(.75rem,3vw,2rem);background:color-mix(in srgb,var(--surface-1) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:baseline;gap:.5rem;font-weight:700;letter-spacing:-.02em;font-size:1.1rem}.brand span{font-size:.7rem;font-weight:500;color:var(--text-muted);letter-spacing:0}.nav{display:flex;gap:.15rem;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav button{border:0;background:transparent;color:var(--text-secondary);padding:.4rem .7rem;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;font-size:.9rem}.nav button:hover{background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.nav button[aria-current=page]{background:color-mix(in srgb,var(--series-1) 14%,transparent);color:var(--series-1);font-weight:600}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:.4rem}main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:1.25rem clamp(.75rem,3vw,2rem) 3rem}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem}.page-head p{margin:.2rem 0 0;color:var(--text-secondary);font-size:.9rem}.grid{display:grid;gap:.9rem}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow);min-width:0}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.15rem}.card-sub{margin:0 0 .9rem;color:var(--text-muted);font-size:.8rem}.tile-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.tile-value{font-size:2rem;font-weight:680;letter-spacing:-.03em;margin:.25rem 0 0;line-height:1.1}.tile-value small{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-left:.2rem}.tile-note{font-size:.82rem;color:var(--text-secondary);margin:.3rem 0 0}.delta{font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:.2rem}.delta.up{color:var(--delta-up)}.delta.down{color:var(--critical)}.delta.flat{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:.32rem;padding:.16rem .55rem;border-radius:999px;font-size:.76rem;font-weight:600;border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap}.badge.good{color:var(--good);border-color:color-mix(in srgb,var(--good) 40%,transparent);background:color-mix(in srgb,var(--good) 10%,transparent)}.badge.warning{color:var(--text-primary);border-color:color-mix(in srgb,var(--warning) 55%,transparent);background:color-mix(in srgb,var(--warning) 16%,transparent)}.badge.serious{color:var(--text-primary);border-color:color-mix(in srgb,var(--serious) 55%,transparent);background:color-mix(in srgb,var(--serious) 16%,transparent)}.badge.critical{color:var(--critical);border-color:color-mix(in srgb,var(--critical) 45%,transparent);background:color-mix(in srgb,var(--critical) 10%,transparent)}.btn{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);padding:.45rem .85rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.88rem;font-weight:550;display:inline-flex;align-items:center;gap:.4rem}.btn:hover:not(:disabled){background:color-mix(in srgb,var(--text-primary) 5%,var(--surface-1))}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--series-1);border-color:var(--series-1);color:#fff}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{background:transparent}.btn.sm{padding:.25rem .55rem;font-size:.8rem}.field{display:block;margin-bottom:.85rem}.field>span{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.3rem}.field input,.field select{width:100%;padding:.5rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--plane);color:var(--text-primary);font:inherit}.field input:focus,.field select:focus{outline:2px solid color-mix(in srgb,var(--series-1) 60%,transparent);outline-offset:1px}.field .hint{font-size:.76rem;color:var(--text-muted);margin-top:.25rem}.alert{padding:.6rem .8rem;border-radius:var(--radius-sm);font-size:.86rem;margin-bottom:.85rem;border:1px solid var(--border);display:flex;gap:.5rem}.alert.error{border-color:color-mix(in srgb,var(--critical) 45%,transparent);background:color-mix(in srgb,var(--critical) 10%,transparent)}.alert.ok{border-color:color-mix(in srgb,var(--good) 40%,transparent);background:color-mix(in srgb,var(--good) 10%,transparent)}.alert.info{background:color-mix(in srgb,var(--series-1) 8%,transparent);border-color:color-mix(in srgb,var(--series-1) 30%,transparent)}.chart-wrap{width:100%;overflow-x:auto}.legend{display:flex;flex-wrap:wrap;gap:.15rem 1rem;margin:0 0 .6rem;padding:0;list-style:none;font-size:.8rem;color:var(--text-secondary)}.legend li{display:flex;align-items:center;gap:.4rem}.legend .swatch{width:12px;height:3px;border-radius:2px;flex:none}.legend .swatch.block{height:11px;width:11px;border-radius:3px}.tooltip{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .65rem;box-shadow:0 4px 20px #00000029;font-size:.82rem;min-width:130px}.tooltip .t-date{font-weight:650;margin-bottom:.3rem;color:var(--text-primary)}.tooltip .t-row{display:flex;align-items:center;gap:.45rem;justify-content:space-between;color:var(--text-secondary)}.tooltip .t-row b{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:620}.tooltip .t-key{display:flex;align-items:center;gap:.35rem}.meter{height:6px;border-radius:3px;background:color-mix(in srgb,var(--text-primary) 9%,transparent);overflow:hidden;margin-top:.5rem}.meter>span{display:block;height:100%;border-radius:3px;background:var(--series-1);transition:width .4s ease}.meter.warn>span{background:var(--warning)}.meter.crit>span{background:var(--critical)}.kv{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;font-size:.85rem;margin:0}.kv dt{color:var(--text-muted);white-space:nowrap}.kv dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.86rem}th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:650;padding:.4rem .6rem .4rem 0;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:.5rem .6rem .5rem 0;border-bottom:1px solid var(--grid);font-variant-numeric:tabular-nums;white-space:nowrap}tbody tr:hover{background:color-mix(in srgb,var(--text-primary) 3%,transparent)}td.name{white-space:normal;min-width:150px;font-variant-numeric:normal}.week{margin-bottom:1rem}.sport-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.sport-chip .dot{width:8px;height:8px;border-radius:2px;flex:none}.finding{display:flex;gap:.45rem;align-items:flex-start;font-size:.84rem;padding:.22rem 0;color:var(--text-secondary)}.finding .mark{flex:none;font-weight:700;line-height:1.45}.finding.good .mark{color:var(--good)}.finding.warning .mark{color:var(--warning)}.finding.critical .mark{color:var(--critical)}.finding.neutral .mark{color:var(--text-muted)}.sync-bar{display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:var(--text-secondary)}.sync-bar .track{flex:1;height:5px;border-radius:3px;background:color-mix(in srgb,var(--text-primary) 10%,transparent);overflow:hidden;min-width:80px}.sync-bar .track>span{display:block;height:100%;background:var(--series-1);border-radius:3px;transition:width .5s ease}.sync-bar .track.indeterminate>span{width:35%;animation:sync-slide 1.3s ease-in-out infinite}@keyframes sync-slide{0%{transform:translate(-100%)}to{transform:translate(320%)}}@media (prefers-reduced-motion: reduce){.sync-bar .track.indeterminate>span{animation:none;width:100%;opacity:.5}}.pulse{width:8px;height:8px;border-radius:50%;background:var(--good);flex:none;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.pulse{animation:none}}.week-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}.session{display:flex;gap:.85rem;padding:.7rem 0;border-top:1px solid var(--grid);align-items:flex-start}.session:first-of-type{border-top:0}.session .day{width:3.1rem;flex:none;text-align:center}.session .day .dow{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:650}.session .day .dom{font-size:1.15rem;font-weight:650;line-height:1.15}.session.today .day .dom{color:var(--series-1)}.session .body{flex:1;min-width:0}.session .body h3{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.session .body p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.85rem}.session .meta{display:flex;flex-wrap:wrap;gap:.15rem .9rem;margin-top:.4rem;font-size:.78rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.session .kind-bar{width:3px;border-radius:2px;align-self:stretch;flex:none;background:var(--axis)}.session.hard .kind-bar{background:var(--series-2)}.session.easyish .kind-bar{background:var(--series-1)}.session.rest .kind-bar{background:var(--grid)}.centered{min-height:70vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(420px,100%)}.muted{color:var(--text-muted)}.empty{text-align:center;padding:2.5rem 1rem;color:var(--text-muted)}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.spacer{flex:1}.filters{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.9rem}.filters button{border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);border-radius:999px;padding:.22rem .7rem;font-size:.8rem;cursor:pointer}.filters button[aria-pressed=true]{border-color:var(--series-1);color:var(--series-1);background:color-mix(in srgb,var(--series-1) 10%,transparent);font-weight:620}@media (max-width: 720px){body{font-size:15px;padding-bottom:calc(3.6rem + env(safe-area-inset-bottom))}.topbar{padding:.55rem .85rem}.topbar .nav{display:none}.brand{font-size:1rem}.nav-bottom{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:color-mix(in srgb,var(--surface-1) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.nav-bottom button{border:0;background:transparent;color:var(--text-muted);padding:.5rem .15rem .55rem;font-size:.66rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:.15rem;cursor:pointer;min-height:44px}.nav-bottom button .ico{font-size:1.05rem;line-height:1}.nav-bottom button[aria-current=page]{color:var(--series-1)}main{padding:.9rem .85rem 1.5rem}h1{font-size:1.25rem}.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.grid.cols-2{grid-template-columns:minmax(0,1fr);gap:.6rem}.card{padding:.8rem .85rem;border-radius:10px}.tile-value{font-size:1.5rem}.tile-label{font-size:.68rem}.tile-note{font-size:.76rem}.span-full{grid-column:1 / -1}.page-head{margin-bottom:.8rem}.card-head{flex-wrap:wrap;gap:.35rem}.btn{min-height:40px;padding:.5rem .85rem}.btn.sm{min-height:34px}.filters button{min-height:34px;padding:.3rem .75rem}.field input,.field select{font-size:16px}.session{gap:.6rem}.session .day{width:2.5rem}.session .day .dom{font-size:1rem}.session .body h3{font-size:.9rem}.session .meta{font-size:.72rem;gap:.1rem .65rem}table.stack thead{display:none}table.stack tbody tr{display:grid;grid-template-columns:auto 1fr;gap:.1rem .6rem;padding:.6rem 0;border-bottom:1px solid var(--grid)}table.stack tbody td{display:contents;border:0;padding:0}table.stack tbody td:before{content:attr(data-label);color:var(--text-muted);font-size:.75rem;white-space:nowrap}table.stack tbody td.primary{font-weight:650}table.stack tbody td.primary:before{content:""}.kv{font-size:.8rem}}@media (max-width: 400px){.grid.cols-4,.grid.cols-3{grid-template-columns:minmax(0,1fr)}.nav-bottom button{font-size:.6rem}}@media (min-width: 721px){.nav-bottom{display:none}}
