.phone-app-shell{min-height:100dvh;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.phone-offline{color:#ffe0aa;background:#3a3022;justify-content:center;align-items:flex-start;gap:10px;padding:12px 18px;font-size:14px;line-height:1.5;display:flex}.phone-offline svg{flex-shrink:0;margin-top:2px}.phone-install-button{border:1px solid var(--border);color:#bfdaeb;background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.phone-install-link{margin-top:12px}.phone-install-guide{gap:20px;min-width:0;display:grid}.phone-icon-preview{align-items:center;gap:18px;display:flex}.phone-icon-preview img{border:1px solid #456078;border-radius:20px;flex-shrink:0}.phone-icon-preview strong{font-size:20px;line-height:1.3;display:block}.phone-icon-preview span{color:#bbcbd5;margin-top:6px;font-size:14px;line-height:1.5;display:block}.phone-device-tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.phone-device-tabs button{border:1px solid var(--border);border-radius:10px;min-height:48px;font-size:15px;font-weight:650}.phone-device-tabs button[aria-pressed=true]{color:#101c2c;background:#d7ff43;border-color:#d7ff43}.phone-install-steps{counter-reset:install;gap:20px;margin:0;padding:0;list-style:none;display:grid}.phone-install-steps li{counter-increment:install;overflow-wrap:anywhere;padding-left:42px;font-size:16px;line-height:1.6;position:relative}.phone-install-steps li:before{content:counter(install);color:#d7ff43;background:#2d4350;border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:grid;position:absolute;top:0;left:0}.phone-install-steps svg{vertical-align:middle;display:inline}.phone-install-note{border-top:1px solid var(--border);color:#bbcbd5;padding-top:18px;font-size:14px;line-height:1.6}.phone-install-guide .small{line-height:1.6}.phone-install-page{max-width:680px;padding:40px 24px calc(40px + env(safe-area-inset-bottom));margin:auto}.phone-install-page>.eyebrow{margin:38px 0 16px;display:block}.phone-install-page h1{font-size:clamp(32px,7vw,48px);line-height:1.1}.phone-install-page>p{color:#bbcbd5;margin:18px 0 26px;line-height:1.6}.phone-install-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.phone-install-actions>a{white-space:nowrap;flex:1}.guest-phone-nav{display:none}@media (max-width:767px){html{scroll-padding-top:24px;scroll-padding-bottom:100px}.phone-app-shell :is(input,textarea,select){min-width:0;font-size:16px!important}.phone-app-shell :is(button,a){touch-action:manipulation}.phone-app-shell :is(.primary,.secondary,.pick-trigger){min-height:48px}.phone-app-shell :is(.text-link,summary){align-content:center;min-height:44px}.phone-app-shell .page-body,.phone-app-shell .guest-body{padding:24px 16px calc(110px + env(safe-area-inset-bottom))}.phone-app-shell .app-topbar{gap:8px;height:72px;padding:0 12px}.phone-app-shell .app-topbar>.between{gap:6px;min-width:0}.phone-app-shell .app-topbar .brand-mark{width:72px;height:48px;display:block}.phone-app-shell .app-topbar .brand-identity{display:none}.phone-app-shell .app-topbar .mobile-menu{width:40px;min-width:40px;min-height:44px}.phone-app-shell .save-status{gap:6px;min-width:0}.phone-app-shell .save-status>svg,.phone-app-shell .save-label{display:none}.phone-app-shell .save-status .top-avatar{width:44px;min-width:44px;height:44px;margin-left:0}.phone-app-shell .training-timer-header,.phone-app-shell .music-top-button{justify-content:center;min-width:44px;min-height:44px}.phone-app-shell .app-topbar .music-top-button>span{display:none}.phone-app-shell .mobile-bottom,.phone-app-shell .guest-phone-nav{z-index:40;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#142335f5;border-top:1px solid #405264;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.phone-app-shell .mobile-bottom button,.phone-app-shell .guest-phone-nav button{color:#b3c4d3;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:auto;min-width:0;min-height:52px;padding:5px 2px;font-size:12px;line-height:1.2;display:flex}.phone-app-shell .mobile-bottom button.active,.phone-app-shell .guest-phone-nav button[aria-pressed=true]{color:#d7ff43;background:#d7ff4310}.phone-app-shell .guest-phone-nav button:disabled{opacity:.35}.phone-app-shell .guest-tabs{display:none}.phone-app-shell .guest-intro{margin-bottom:24px}.phone-app-shell .guest-header{gap:8px;padding:12px}.phone-app-shell .guest-header .brand{gap:6px;min-width:0}.phone-app-shell .guest-header .brand-mark{width:42px;height:32px}.phone-app-shell .guest-header .brand-wordmark{font-size:18px;line-height:1}.phone-app-shell .guest-header .brand-sport{display:none}.phone-app-shell .guest-header>div{gap:6px}.phone-app-shell .guest-header .guest-account-button,.phone-app-shell .guest-header .training-timer-header{display:none}.phone-app-shell .guest-phone-nav .training-timer-header span{display:block}.phone-app-shell .guest-mode{gap:5px;font-size:12px}.phone-app-shell .guest-intro h1{font-size:34px}.phone-app-shell .field-card>.field-diagram svg{max-height:145px}.phone-app-shell .guest-grid .field-card-body{gap:10px;padding:18px}.phone-app-shell .guest-grid .field-card-body :is(h2,p){margin:4px 0}.phone-app-shell .training-timer-dock:not(.is-running):not(.is-finished){display:none}.phone-app-shell .training-timer-dock{bottom:calc(84px + env(safe-area-inset-bottom));right:12px}.phone-app-shell .set-header,.phone-app-shell .set-row{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) 52px;gap:8px}.phone-app-shell .set-row input{width:100%;min-height:44px;padding:10px 4px}.phone-app-shell .set-toggle{justify-content:center;gap:2px}.phone-app-shell .set-toggle [data-slot=checkbox]{width:44px;height:44px}.phone-app-shell .set-toggle button{justify-content:center;width:100%;min-height:44px;font-size:12px}.phone-app-shell .runner-actions{flex-wrap:wrap}.phone-app-shell .app-footer{flex-wrap:wrap;line-height:1.5}[data-slot=dialog-content],[data-slot=alert-dialog-content]{overscroll-behavior:contain;scroll-padding-bottom:24px;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)!important;max-width:calc(100% - 24px)!important;padding:24px 20px!important}[data-slot=dialog-content] :is(input,textarea,select){font-size:16px!important}[data-slot=dialog-close]{place-items:center;display:grid;width:44px!important;height:44px!important;top:2px!important;right:2px!important}[data-slot=dialog-title]{padding-right:28px}.phone-install-page{padding:24px 16px calc(32px + env(safe-area-inset-bottom))}.phone-install-page .panel{padding:22px 18px}}@media (max-width:380px){.phone-app-shell .form-grid{grid-template-columns:1fr}.phone-app-shell .guest-header .brand-mark{width:36px}.phone-app-shell .guest-header .brand-wordmark{font-size:16px}.phone-app-shell .guest-header .brand-identity{gap:3px}.phone-app-shell .page-body .panel{padding:18px 14px}}@media (prefers-reduced-motion:reduce){.phone-app-shell{scroll-behavior:auto}}
