/* Installed app shell. Browser website layout is unchanged. */
.phone-app{--app-bottom:calc(74px + env(safe-area-inset-bottom));padding-bottom:var(--app-bottom);overscroll-behavior-y:none}.phone-app .topbar{height:auto;min-height:62px;padding:calc(12px + env(safe-area-inset-top)) 20px 12px;position:sticky;top:0;z-index:15;background:#f5f4eef2;backdrop-filter:blur(18px);border-bottom:0}.phone-app .topbar nav,.phone-app .brand>span:last-child{display:none}.phone-app .brand-mark{font-size:31px;width:auto}.phone-app .topbar .button{min-height:44px;border-radius:22px;padding:8px 18px}.phone-app main{padding:0 20px;max-width:740px}.phone-app main>.hero,.phone-app .mode-strip,.phone-app main>footer{display:none!important}.phone-app main>section:not(.app-active){display:none!important}.phone-app .app-active{padding:8px 0 24px;border:0}.phone-app .app-page-heading{padding:8px 0 20px}.phone-app .app-page-heading h1{font-size:31px;letter-spacing:-1.1px;line-height:1.15;margin:6px 0 0}.phone-app .app-page-heading .eyebrow{color:var(--muted);font-size:9px}.phone-app .app-subnav{gap:8px;overflow-x:auto;white-space:nowrap;padding:0 0 16px;scrollbar-width:none}.phone-app .app-subnav a{padding:10px 15px;border-radius:22px;background:#e7eadf;min-height:44px;font-size:13px}.phone-app .app-subnav a[aria-current]{background:var(--ink);color:white}.phone-app .period-dock{position:static;padding:0 0 16px;border:0;background:none}.phone-app:not([data-app-tab="progress"]):not([data-app-tab="log"]) .period-dock{display:none}.phone-app .period-dock>div:first-child{display:none}.phone-app #periodControl,.phone-app #periodControl label,.phone-app #range{width:100%}.phone-app #periodControl label{font-size:0}.phone-app #range{max-width:none;border-radius:14px;min-height:46px;font-size:16px}.phone-app .section-heading{align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.phone-app .section-heading h2{font-size:24px}.phone-app .section-heading .eyebrow{display:none}.phone-app .panel{border-radius:20px;padding:20px}.phone-app .stats{background:#fffef9;border:1px solid var(--line);border-radius:20px;padding:18px 8px;gap:20px 0}.phone-app .stat{padding:0 10px}.phone-app .stat:first-child{padding-left:10px}.phone-app .stat-value{font-size:24px}.phone-app .public-week{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:12px}.phone-app .week-day{flex:0 0 150px;scroll-snap-align:start;border-radius:18px;padding:18px}.phone-app .week-day h3{font-size:22px}.phone-app .week-summary{margin-top:8px}.phone-app .app-tabs{position:fixed;bottom:0;left:0;right:0;display:grid!important;grid-template-columns:repeat(5,1fr);gap:0;height:var(--app-bottom);padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fffef9f5;backdrop-filter:blur(20px);border-top:1px solid #dce2d7;z-index:30}.phone-app .app-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#728075;font-size:10px;min-height:50px;text-decoration:none;border-radius:14px}.phone-app .app-tabs a.active{background:#e9efdf;color:#214733}.phone-app .app-tabs svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}.app-week-card{background:#203e33;border-radius:25px;color:#f5f7e9;padding:24px}.app-week-card>.eyebrow{color:#c4d0ba;font-size:10px}.app-week-hours{font-size:64px;letter-spacing:-3px;line-height:1.1;margin:22px 0 18px}.app-week-hours span{display:block;font-size:14px;letter-spacing:0;margin-top:7px;color:#c4d0ba}.app-week-metrics{display:flex;gap:24px;font-size:13px;color:#c4d0ba}.app-week-metrics b{color:#f5f7e9;font-size:18px}.app-week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:24px}.app-week-days span{display:flex;flex-direction:column;align-items:center;gap:8px}.app-week-days i{font-size:10px;font-style:normal;color:#bfceba}.app-week-days b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#365345;font-size:12px;color:#a6b79c}.app-week-days .done b{background:#e4ee78;color:#203e33}.app-week-days .today b{outline:1px solid #e4ee78;outline-offset:3px}.app-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.phone-app .app-actions .button{border-radius:15px;font-size:14px;gap:6px}.app-home-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app-home-links a{background:#fffef9;border:1px solid var(--line);border-radius:18px;padding:18px 14px;min-height:98px}.app-home-links strong,.app-home-links span{display:block}.app-home-links strong{font-size:14px}.app-home-links span{font-size:11px;color:var(--muted);margin-top:8px}.app-recent-heading{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.app-recent-heading h3{font-size:19px;margin:0}.app-recent-heading a{font-size:12px}.app-recent-card{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.app-sport-icon{background:#e8eddf;border-radius:13px;width:42px;height:42px;display:grid;place-items:center;font-size:23px}.app-recent-card small{display:block;color:var(--muted);font-size:11px}.app-recent-card strong{margin-left:auto;font-size:13px}.app-sync{display:block;font-size:10px;padding:20px 0;color:var(--muted)}.app-settings-links{display:grid;gap:10px}.app-settings-links a{display:flex;justify-content:space-between;background:#fffef9;padding:18px;border:1px solid var(--line);border-radius:14px}.phone-app dialog{position:fixed;inset:auto 0 0;width:100%;max-width:740px;max-height:92dvh;margin:0 auto;padding:24px 20px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.phone-app input,.phone-app textarea,.phone-app select{font-size:16px}.phone-app .button,.phone-app .text-button{min-height:44px}.phone-app .log-tools{position:static}.phone-app #log>.section-heading h2{display:none}.phone-app .workout-row{border-radius:16px}.phone-app .mobility-panel{border:0;padding:0;background:transparent}.phone-app .mobility-panel>summary>span:last-child{display:none}.phone-app .mobility-card{background:#fffef9;border-radius:18px}.phone-app .preview-banner{display:none}
@media(min-width:760px){.phone-app .topbar{max-width:740px}.phone-app .app-tabs{max-width:740px;margin:auto}.phone-app .stats{grid-template-columns:repeat(3,1fr)}}
.phone-app .app-subnav{display:flex}.phone-app #weekAhead>.section-heading>div{display:none}.phone-app #weekAhead>.section-heading{margin-bottom:16px}.phone-app #weekAhead>.section-heading>label{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:13px}.phone-app #weekAhead>.section-heading select{min-width:170px}.phone-app .app-recent-card b{font-size:14px}

.phone-app .app-page-heading{position:relative;padding-right:54px}.app-refresh{position:absolute;right:0;bottom:18px;width:44px;height:44px;border:1px solid var(--line);background:#fffef9;border-radius:50%;font-size:25px;color:var(--ink)}

.app-sport-icon .ui-icon{width:24px;height:24px}.app-week-days b .ui-icon{width:17px;height:17px}.app-refresh{display:grid;place-items:center}.app-refresh .ui-icon{width:22px;height:22px}.app-home-links span .ui-icon,.app-recent-heading a .ui-icon{width:13px;height:13px;margin-left:3px}.app-settings-links .ui-icon{width:18px;height:18px}
