*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}body{background:#0a0c10;color:#e8eaf0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#80808026;border-radius:4px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color, #00e5ff);cursor:pointer;box-shadow:0 0 8px #00e5ff66}input:focus,select:focus,textarea:focus{border-color:#00e5ff59!important;box-shadow:0 0 0 2px #00e5ff14}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::selection{background:#00e5ff40;color:inherit}body.light-mode ::-webkit-scrollbar-thumb{background:#00000026}body.light-mode ::-webkit-scrollbar-thumb:hover{background:#00000040}body.light-mode input:focus,body.light-mode select:focus,body.light-mode textarea:focus{border-color:#0097a766!important;box-shadow:0 0 0 2px #0097a714}button{transition:all .15s ease}button:active{transform:scale(.98)}.tab-bar{-ms-overflow-style:none;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.modal-overlay{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;align-items:center}.modal-wide,.modal-overlay>div{overscroll-behavior:contain}body.pwa-standalone .modal-overlay{align-items:center!important;padding-top:env(safe-area-inset-top,44px)!important}body.pwa-standalone .modal-wide{margin-top:0;max-height:calc(92vh - env(safe-area-inset-top,44px))!important}body.pwa-standalone .modal-box{margin-top:0}body.pwa-standalone .fullscreen-editor{padding-top:env(safe-area-inset-top,44px)!important}body.pwa-standalone .confirm-overlay{align-items:center!important;padding-top:env(safe-area-inset-top,44px)!important}body.pwa-standalone .app-nav-safe{padding-top:calc(14px + env(safe-area-inset-top,44px))!important}body.pwa-standalone .app-page-safe{padding-top:calc(20px + env(safe-area-inset-top,44px))!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes splashFadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes splashLogoGlow{0%{filter:drop-shadow(0 0 8px rgba(0,229,255,.2))}50%{filter:drop-shadow(0 0 20px rgba(0,229,255,.5))}to{filter:drop-shadow(0 0 8px rgba(0,229,255,.2))}}@keyframes splashBarFill{0%{width:0%}to{width:100%}}@keyframes splashPulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes btnSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){section>div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}@media(max-width:640px){.lp-coach-grid,.lp-pricing-grid{grid-template-columns:1fr!important}.lp-mockup-grid{grid-template-columns:1fr!important;perspective:none!important}.lp-mockup-grid>div>div{transform:none!important}}html,body{overflow-x:hidden}input,select,textarea{min-width:0}@media(max-width:640px){nav{padding:10px 14px!important}.main-content{padding:16px 12px 40px!important}.tab-bar{width:100%!important}.tab-bar button{padding:8px 14px!important;font-size:12px!important}.progress-header h2{font-size:20px!important}.progress-controls{width:100%;flex-wrap:wrap!important}.fp-grid{grid-template-columns:1fr!important}.fp-card{padding:16px!important}.stats-row{flex-wrap:wrap!important;gap:8px!important;font-size:11px!important}.chart-container{height:180px!important}.modal-overlay{padding:4px!important}.modal-box{padding:18px!important;border-radius:12px!important;max-height:95vh!important;max-width:calc(100vw - 8px)!important;overflow-x:hidden!important}.modal-wide{border-radius:12px!important;max-height:95vh!important;max-width:calc(100vw - 16px)!important;overflow-x:hidden!important}.modal-wide-header{padding:16px 16px 0!important}.modal-wide-body{padding:14px 16px!important;overflow-x:hidden!important}.modal-wide-footer{padding:0 16px 16px!important}.profile-top-row{gap:14px!important}.profile-names-row,.hw-row{gap:8px!important}.hw-row input{min-width:0!important}.modal-wide,.modal-box{max-width:calc(100vw - 16px)!important;overflow-x:hidden!important}.modal-wide>div,.modal-box>div{max-width:100%!important;overflow-x:hidden!important}.modal-wide input,.modal-wide select,.modal-wide textarea,.modal-box input,.modal-box select,.modal-box textarea{max-width:100%!important;box-sizing:border-box!important}.modal-wide input[type=date],.modal-box input[type=date]{max-width:100%!important;width:100%!important;box-sizing:border-box!important;-webkit-appearance:none!important}.goal-measurement-row{flex-direction:column!important}.goal-chart-container{height:180px!important;min-width:100%!important}.profile-top-row{flex-direction:column!important;align-items:center!important}.profile-names-row{width:100%!important;flex-direction:column!important}.metric-toggles{gap:4px!important}.metric-toggles button{padding:5px 10px!important;font-size:11px!important}.user-name{display:none!important}.onboard-container{padding:16px!important}.step-indicator span{font-size:9px!important}.stat-pills{flex-direction:column!important}.note-editor-header{flex-wrap:wrap!important}.report-grid-4{grid-template-columns:1fr 1fr!important}.report-grid-2,.coach-athletes-grid{grid-template-columns:1fr!important}.hw-row{flex-direction:column!important}}@media(min-width:641px)and (max-width:900px){.fp-grid{grid-template-columns:1fr!important}nav{padding:12px 20px!important}}@media(hover:none){button:active{opacity:.8}input,select,textarea{font-size:16px!important}}[contenteditable]{caret-color:#00e5ff}body.light-mode [contenteditable]{caret-color:#0097a7}[contenteditable]:empty:before{content:"Start writing...";color:#80808066;font-style:italic}[contenteditable] b,[contenteditable] strong{font-weight:700}[contenteditable] i,[contenteditable] em{font-style:italic}[contenteditable] u{text-decoration-color:#00e5ff66}body.light-mode [contenteditable] u{text-decoration-color:#0097a766}[contenteditable] ul{padding-left:24px;margin:8px 0}[contenteditable] li{margin-bottom:4px}
