:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:#090c11;color:#edf2ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#060a12b3,#060a12eb 60%,#060a12fa),url(/images/landing-background.jpg) center / cover no-repeat fixed,radial-gradient(circle at top,#182434,#090c11 45%)}a{color:inherit}.site-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.topbar{padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand{font-weight:700;text-decoration:none;letter-spacing:.02em}.topbar-actions{display:flex;align-items:center;gap:.75rem}.link-button,.primary-button{min-height:44px;padding:.65rem 1rem;border-radius:.75rem;border:1px solid #5e88ff;background:#173a9c;color:#edf2ff;text-decoration:none;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.link-button{background:transparent;border-color:#344868}.language-switcher{display:inline-flex;align-items:center;gap:.5rem}.language-switcher select{min-height:44px;border-radius:.75rem;background:#0d1420;border:1px solid #344868;color:#edf2ff;padding:0 .75rem}.page-content{padding:0 1rem 2rem;width:min(1100px,100%);margin:0 auto}.landing-grid{display:grid;gap:1rem}.hero{padding:1rem}.hero h1{margin:.25rem 0 .75rem;font-size:clamp(2rem,7vw,3rem);line-height:1.1}.eyebrow{margin:0;color:#9db4e0}.hero-copy{margin-top:0;margin-bottom:1.25rem;color:#c6d5ee}.hero-images{display:grid;grid-template-columns:1fr;gap:.9rem}.hero-images figure{margin:0;background:#0d1420;border:1px solid #27354e;border-radius:1rem;overflow:hidden}.hero-images img{width:100%;aspect-ratio:3 / 4;object-fit:cover;object-position:center top;display:block}.hero-images figcaption{padding:.75rem 1rem 1rem;color:#c6d5ee}.panel{background:#0d1420;border:1px solid #27354e;border-radius:1rem;padding:1rem}.panel h2,.panel h3,.panel h1{margin-top:0}.panel ul{margin:0;padding-left:1.25rem;color:#d3def2}.metric-columns{display:grid;gap:1rem}.cta-panel p,.muted{color:#c6d5ee}.auth-panel{width:min(520px,100%);margin:1rem auto}.google-button-wrap{min-height:44px;margin-bottom:.75rem}.google-button-wrap>div{width:100%!important;max-width:320px}.error-text{margin:.5rem 0;color:#ff9a9a}.onboarding-form{margin-top:1rem;display:grid;gap:.75rem}.onboarding-form label{display:grid;gap:.35rem}.onboarding-form span{color:#c6d5ee;font-size:.95rem}.onboarding-form input,.onboarding-form select{min-height:44px;border-radius:.75rem;background:#0b111c;border:1px solid #344868;color:#edf2ff;padding:0 .75rem}.onboarding-form button[disabled]{opacity:.7;cursor:wait}.dashboard-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.app-section{width:min(860px,100%)}.panel-headline{display:flex;justify-content:space-between;gap:.75rem;align-items:center;flex-wrap:wrap}.session-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.75rem}.session-list li{border:1px solid #344868;border-radius:.75rem;padding:.75rem;display:flex;justify-content:space-between;gap:.75rem;align-items:center}.session-list p{margin:.2rem 0}.metrics-input-grid{display:grid;gap:.75rem}.exercise-grid{margin-top:1rem;display:grid;gap:.75rem}.exercise-tile{border:1px solid rgba(255,255,255,.12);border-radius:1.1rem;background:linear-gradient(180deg,#ffffff0d,#ffffff05),radial-gradient(900px 250px at 30% 0%,rgba(167,139,250,.1),transparent 60%),#0b111c;box-shadow:0 18px 50px #0000008c;padding:1rem;display:grid;gap:.65rem;overflow:hidden;position:relative;transition:transform .12s ease,border-color .12s ease;min-width:0}.exercise-tile:hover{transform:translateY(-2px);border-color:#a78bfa4d}.exercise-tile>*{position:relative;z-index:1}.exercise-tile--juggling:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#070b1294,#070b12f2 72%),url(/images/juggling-tile-bg.jpg) center / cover no-repeat;z-index:0}.exercise-tile--reaction:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#070b128f,#070b12f2 74%),url(/images/reaction-tile-bg.jpg) center / cover no-repeat;z-index:0}.exercise-tile--sprint-10m:before,.exercise-tile--sprint-20m:before,.exercise-tile--slalom:before,.exercise-tile--gk-burst:before{content:"";position:absolute;inset:0;z-index:0}.exercise-tile--sprint-10m:before{background:linear-gradient(180deg,#070b128f,#070b12f2 74%),url(/images/sprint-10m-tile-bg.jpg) center 28% / cover no-repeat}.exercise-tile--sprint-20m:before{background:linear-gradient(180deg,#070b1294,#070b12f2 74%),url(/images/sprint-20m-tile-bg.jpg) center 30% / cover no-repeat}.exercise-tile--slalom:before{background:linear-gradient(180deg,#070b1291,#070b12f2 74%),url(/images/slalom-tile-bg.jpg) center 26% / cover no-repeat}.exercise-tile--gk-burst:before{background:linear-gradient(180deg,#070b1296,#070b12f2 74%),url(/images/gk-burst-tile-bg.jpg) center 24% / cover no-repeat}.exercise-tile h2{margin:0;font-size:.92rem;text-transform:uppercase;letter-spacing:.04em;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.exercise-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;min-width:0}.exercise-title-wrap{display:flex;align-items:center;gap:.55rem;min-width:0;flex:1 1 auto}.exercise-icon{width:2rem;height:2rem;border-radius:.7rem;display:grid;place-items:center;background:#a78bfa1f;border:1px solid rgba(167,139,250,.25);font-size:.95rem}.exercise-tag{border:1px solid #4f6d9d;border-radius:999px;padding:.2rem .6rem;font-size:.78rem;color:#c6d5ee;white-space:normal;text-align:center;max-width:8.5rem}.exercise-subtle{color:#c6d5ee;font-size:.78rem;font-weight:800;text-align:right;flex:0 0 auto}.exercise-summary{margin:0}.exercise-main{display:grid;gap:.35rem;min-width:0}.exercise-value{font-size:clamp(2rem,7vw,2.7rem);font-weight:900;line-height:1;color:#f6d36a}.exercise-value span{font-size:.95rem;margin-left:.35rem;color:#f6d36ad9;font-weight:800}.exercise-best{margin:0;color:#c6d5ee;font-weight:700;overflow-wrap:anywhere}.exercise-best b{color:#edf2ff}.exercise-mid{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.6rem;min-width:0}.exercise-bars{min-height:70px;display:flex;align-items:flex-end;gap:.4rem;padding:.55rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.1);background:#0000002e;overflow:hidden;min-width:0}.exercise-bar{width:14px;border-radius:8px;background:linear-gradient(180deg,#a78bfad9,#7c3aed66);border:1px solid rgba(167,139,250,.2)}.exercise-badge{min-width:72px;max-width:100%;border-radius:.9rem;border:1px solid rgba(167,139,250,.25);background:#a78bfa1a;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem;text-align:center;font-weight:900}.exercise-badge small{margin-top:.2rem;color:#c6d5ee;font-size:.68rem;font-weight:800}.exercise-bottom{margin-top:.15rem;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;color:#c6d5ee;font-size:.8rem;font-weight:700}.exercise-bottom>div{min-width:0;overflow-wrap:anywhere}@media(max-width:420px){.exercise-mid{grid-template-columns:1fr}.exercise-badge{width:100%;min-height:52px}.exercise-subtle,.exercise-tag{max-width:7rem;font-size:.72rem}}.exercise-coming-soon{margin-top:1rem}.juggling-card{margin-top:1rem;display:grid;gap:.8rem}.juggling-count{font-size:clamp(2.4rem,11vw,4rem);line-height:1;font-weight:700}.juggling-tap-button{min-height:84px;border-radius:1rem;border:1px solid #5e88ff;background:#173a9c;color:#edf2ff;font-size:1.1rem;font-weight:700;cursor:pointer}.juggling-card input{min-height:44px;border-radius:.75rem;background:#0b111c;border:1px solid #344868;color:#edf2ff;padding:0 .75rem}.reaction-card{margin-top:1rem;display:grid;gap:.8rem}.reaction-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.reaction-stimulus{font-size:clamp(2rem,8vw,3rem);font-weight:800;line-height:1;letter-spacing:.04em}.reaction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;transition:box-shadow .12s ease}.reaction-grid--correct{box-shadow:0 0 0 2px #3ea66a inset;border-radius:.8rem}.reaction-grid--error{box-shadow:0 0 0 2px #b04747 inset;border-radius:.8rem}.reaction-cell{min-height:86px;border:1px solid #2b405f;border-radius:.85rem;color:#fff;font-weight:700;letter-spacing:.02em;cursor:pointer}.reaction-cell--red{background:#b63d3d}.reaction-cell--blue{background:#2f67c7}.reaction-cell--green{background:#2c8c45}.reaction-cell--yellow{background:#b0901d}.reaction-cell--orange{background:#b4652a}.reaction-cell--purple{background:#6b4cae}.reaction-timebar{width:100%;height:10px;border-radius:999px;background:#1a273b;overflow:hidden}.reaction-timebar>div{height:100%;background:linear-gradient(90deg,#4f84ff,#7ea5ff);transition:width 80ms linear}.reaction-summary{display:grid;gap:.45rem}.reaction-summary p{margin:0}.timed-card{margin-top:1rem;display:grid;gap:.8rem}.timed-display{font-size:clamp(2.2rem,9vw,3.6rem);line-height:1;font-weight:700}.timed-actions{display:flex;gap:.6rem;flex-wrap:wrap}.timed-actions .primary-button,.timed-actions .link-button{min-height:64px;padding:.9rem 1.2rem;font-size:1.05rem;font-weight:700;border-radius:.95rem;flex:1 1 180px}@media(max-width:480px){.timed-actions .primary-button,.timed-actions .link-button{min-height:72px;width:100%;flex-basis:100%;font-size:1.12rem}}.stats-toolbar{display:grid;gap:.75rem;margin:1rem 0}.stats-toolbar label{display:grid;gap:.35rem}.stats-toolbar span{color:#c6d5ee;font-size:.95rem}.stats-toolbar select{min-height:44px;border-radius:.75rem;background:#0b111c;border:1px solid #344868;color:#edf2ff;padding:0 .75rem}.stats-grid{display:grid;gap:.75rem}.stats-card{border:1px solid #344868;border-radius:.9rem;background:#0b111c;padding:.9rem}.stats-card h2{margin:0;font-size:1.1rem}.stats-list{margin:.75rem 0 0;display:grid;gap:.45rem}.stats-list div{display:flex;justify-content:space-between;gap:.75rem}.stats-list dt{color:#c6d5ee}.stats-list dd{margin:0;font-weight:600}.stats-trend{margin-top:1rem}.trend-list{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}.trend-list li{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:.6rem}.trend-day,.trend-value{font-size:.9rem;color:#c6d5ee}.trend-bar-wrap{height:.6rem;border-radius:999px;background:#1a273b;overflow:hidden}.trend-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#4f84ff,#7ea5ff)}.trend-bar--secondary{background:linear-gradient(90deg,#44a86b,#73c996)}.trend-bar--timed{background:linear-gradient(90deg,#be7c32,#e0a059)}@media(min-width:768px){.exercise-grid,.metrics-input-grid,.stats-toolbar,.stats-grid{grid-template-columns:1fr 1fr}}.legal-panel{width:min(820px,100%);margin:1rem auto}.legal-contact-figure{margin:1rem 0;overflow-x:auto}.legal-contact-figure img{display:block;width:760px;height:220px;max-width:none;border-radius:1rem}.site-footer{border-top:1px solid #27354e;padding:1rem;color:#9db4e0;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-footer p{margin:0}.footer-links{display:flex;gap:1rem}@media(min-width:768px){.topbar,.page-content,.site-footer{padding-left:2rem;padding-right:2rem}.hero{padding:1.5rem}.hero-images,.metric-columns{grid-template-columns:1fr 1fr}}