/* Screen geometry follows the supplied Android 4.3.1 reference layouts. */
:root{--paper:#f0f0f0;--white:#fff;--ink:#080808;--muted:#929292;--line:#e5e5e5;--lime:#ccff00;--green:#000;--radius:10px;font-family:Roboto,Arial,'Segoe UI',sans-serif;background:#e7e7e7;color:#080808}
body{max-width:540px;margin:0 auto;background:#f0f0f0;min-height:100dvh;position:relative;box-shadow:0 0 1px #ccc}body.recording-screen{background:#fff}.sidebar,footer,.topbar>.date,.topbar>div:last-child,.brand-caption{display:none!important}main{margin:0;padding:0;max-width:none;min-height:100dvh}.topbar{margin:0;height:64px;padding:0 16px;display:flex;align-items:center;border:0;background:#f0f0f0;position:sticky;top:0;z-index:30;gap:8px}.topbar h1{font-size:22px;letter-spacing:0;font-weight:500;line-height:1.2;flex:1}.topbar #header-actions{display:flex;align-items:center;gap:16px}.header-icon{padding:0;border:0;background:none;width:30px;height:38px;display:grid;place-items:center}.header-icon svg{width:25px;height:25px;stroke-width:1.8}.header-icon.plus{font-size:36px;font-weight:300}.topbar .avatar{display:none}.page-heading{padding:18px 16px;margin:0;align-items:center;background:white}.page-heading h1{font-size:23px;font-weight:600;letter-spacing:0;line-height:1.3}.page-heading p{font-size:13px;margin-top:9px;color:#777}.page-heading .eyebrow{display:none}.page-heading .tag{display:none}.page-heading:has(+.hero){display:none}.bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,540px);border-top:1px solid #e7e7e7;padding:6px 0 calc(7px + env(safe-area-inset-bottom));background:white;backdrop-filter:none;z-index:50;min-height:60px}.bottom-nav .nav-link{padding:4px 0;display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;color:#737373;border-radius:0;background:none;font-size:11px;line-height:1.2;letter-spacing:0}.bottom-nav .nav-link svg{width:26px;height:26px;stroke-width:1.7;background:none!important;box-shadow:none!important;border-radius:0!important}.bottom-nav .nav-link.active{color:black;font-weight:700;background:none}.bottom-nav .nav-link.active svg{stroke-width:2.2}.bottom-nav .nav-link span{margin:0}#view{padding-bottom:calc(78px + env(safe-area-inset-bottom));min-height:calc(100dvh - 64px);outline:none}.primary,.secondary,.danger{font-size:15px;border-radius:9px;padding:12px 16px;min-height:48px;font-weight:500;gap:12px}.primary{background:#ccff00;color:black}.primary:hover{background:#c2f000}.secondary{background:#fff;border:1px solid #ddd}.danger{background:#ffeded;color:#c33}.text-button{font-size:13px}.card{border:0;border-radius:0;padding:16px;background:white}.section-top{padding:19px 16px 13px;margin:0;background:white;align-items:center}.section-top h2,.section-top h3{font-size:18px;font-weight:600;letter-spacing:0}.section-top>button,.section-top>a{font-size:13px;color:#929292}.eyebrow{font-size:13px;font-weight:600;letter-spacing:0;margin-bottom:12px;color:#3a3a3a}.page-section{background:white;margin-bottom:8px;padding:16px}.page-section h2{font-size:19px;letter-spacing:0;font-weight:600}.page-section h3{font-size:16px;font-weight:500;letter-spacing:0}.page-section p{font-size:14px;line-height:1.6}.section-label{font-size:16px;font-weight:650;text-transform:uppercase;margin:0 0 13px;color:#343434}.subtle{font-size:13px;line-height:1.6;color:#8b8b8b}.notice{font-size:12px;line-height:1.6;background:#f8f8f8;border-color:#e7e7e7;color:#707070;border-radius:6px;margin:14px 0}.empty{padding:35px 24px;gap:16px;min-height:235px;justify-content:center}.empty h3{font-size:19px;font-weight:600;letter-spacing:0;color:#000}.empty p{font-size:14px;line-height:1.6;color:#929292;max-width:360px}.empty svg{width:32px;height:32px;stroke:#999}.empty .primary{width:100%}.empty .secondary{margin-top:8px}.empty.native-empty{min-height:calc(100dvh - 215px)}.unauthorized{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100dvh - 145px);padding:30px 24px}.unauthorized .unauth-icon{font-size:40px;margin-bottom:22px}.unauthorized h2{font-size:26px;line-height:1.25;font-weight:700;letter-spacing:0;max-width:360px}.unauthorized p{font-size:16px;line-height:1.45;margin:22px 8px 24px;max-width:370px}.unauthorized .primary{width:100%;font-size:17px;border-radius:14px;min-height:50px}.underlined{border:0;background:none;text-decoration:underline;text-underline-offset:3px;padding:16px 3px;font-size:16px;color:black}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 5px;font-size:13px;background:#f0f0f0}.calendar-toolbar button{border:0;background:none;font-size:16px;padding:5px 9px}.calendar-weekdays,.calendar-dates{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;background:#f0f0f0}.calendar-weekdays span{font-size:13px;color:#888;padding:4px 0}.calendar-dates button{border:0;background:none;height:57px;position:relative;display:grid;place-items:center;padding:0;font-size:18px;font-weight:500}.calendar-dates button>span{height:39px;min-width:39px;display:grid;place-items:center;border-radius:50%;padding:0 5px}.calendar-dates button.today>span{background:#fffc00;color:#000}.calendar-dates button.selected>span{box-shadow:inset 0 0 0 1.5px #000}.calendar-dates button i{position:absolute;bottom:3px;left:calc(50% - 2px);width:4px;height:4px;background:#222;border-radius:50%}.day-content{min-height:calc(100dvh - 265px)}.day-content>.empty{min-height:calc(100dvh - 270px)}.day-content>.unauthorized{min-height:calc(100dvh - 270px);padding-bottom:60px}.event-card{margin:10px 16px;background:white;border-radius:8px;padding:15px;display:flex;gap:12px;align-items:center}.event-card .event-time{color:#888;align-self:start;padding-top:3px;font-size:12px}.event-card h3{font-size:16px;letter-spacing:0}.event-card p{font-size:12px;line-height:1.6;color:#888;margin-top:6px}.event-card .event-body{flex:1}.event-card .check{border-radius:5px;min-width:23px;height:23px}.event-card .check.done{background:#ccff00}.community-chips{display:flex;gap:8px;overflow-x:auto;padding:17px 16px;background:#fff;scrollbar-width:none}.community-chips::-webkit-scrollbar{display:none}.community-chips .chip{padding:9px 11px;border-radius:8px;font-size:14px;border:1px solid #ddd;display:flex;align-items:center;gap:7px;background:#fff;color:#222;flex-shrink:0}.community-chips .chip svg{height:20px;width:20px;color:#656565}.community-chips .chip.active{color:#000;background:#f3f3f3;border-color:#bbb}.feed-layout{display:block}.feed-side{display:none}.community-banner{margin:8px 0 0;background:#fffc00;padding:22px 20px;min-height:140px;display:flex;align-items:center;justify-content:space-between;gap:10px}.community-banner h2{font-size:27px;font-weight:800;letter-spacing:-.8px;line-height:1.05}.community-banner p{font-size:12px;margin-top:10px;max-width:240px}.community-banner .banner-circle{font-size:56px;line-height:1}.story-strip{display:flex;gap:14px;padding:16px;background:#fff;margin:8px 0;overflow:auto}.story{display:flex;align-items:center;flex-direction:column;gap:7px;min-width:57px;font-size:10px}.story .story-avatar{background:#eee;border-radius:50%;border:2px solid #e6e6e6;width:53px;height:53px;display:grid;place-items:center;font-size:22px;overflow:hidden}.story img{height:100%;width:100%;object-fit:cover}.story.add .story-avatar{border-color:#ccff00;background:#fafafa}.feed-post{margin-bottom:8px;border-radius:0;border:0;padding:16px;background:#fff}.post-head{gap:10px;margin-bottom:14px}.post-head b{font-size:14px}.post-head small{font-size:11px;color:#999}.avatar{background:#e6e6e6;border:0;height:38px;width:38px;font-size:16px}.post-body{font-size:15px;line-height:1.6}.post-actions{margin-top:15px;padding-top:12px;border-top:0;gap:23px}.post-actions button{font-size:13px;color:#6a6a6a}.post-actions svg{width:21px;height:21px}.post-actions button.liked{color:#e34545}.post-media{margin:13px -16px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.post-media:has(> :only-child){grid-template-columns:1fr}.post-media img,.post-media video{width:100%;display:block;max-height:520px;object-fit:cover;background:#eee}.feed-post .result{border-radius:5px;background:#f4f4f4}.club{padding:14px 0}.club h3{font-size:14px}.club p{font-size:11px}.club-mark{background:#f0f0f0}.club button{font-size:12px;min-height:33px}.tabs{margin:16px;gap:0;background:#e7e7e7;border-radius:8px;padding:2px;overflow:visible;display:flex}.tabs .chip{flex:1;border:0;border-radius:6px;background:none;color:#222;font-size:12px;min-height:31px;padding:6px 7px}.tabs .chip.active{background:#fff;box-shadow:0 1px 3px #0002;color:#000;font-weight:500}.tracker-tabs{margin:16px;height:34px}.tracker-list-empty{min-height:calc(100dvh - 280px)}.record-button{position:fixed;z-index:40;bottom:calc(85px + env(safe-area-inset-bottom));left:calc(50% + min(50vw,270px) - 78px);width:60px;height:60px;background:#fffc00;border:0;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 7px #0001}.record-button svg{width:37px;height:37px;stroke-width:1.5}.tracker-filters{display:flex;gap:16px;padding:0 16px;align-items:center;justify-content:space-between}.tracker-filters a,.tracker-filters button{font-size:12px;background:none;border:0;min-height:35px;color:#666}.tracker-layout{display:block}.tracker-panel{border:0;background:white;border-radius:0;padding:22px 22px 20px}.tracker-panel .sport-select{justify-content:center}.sport-button{border:0;background:#f0f0f0;font-size:12px;padding:9px 12px}.sport-button.active{background:#fffc00;box-shadow:none}.tracker-status{font-size:11px;margin-top:24px}.tracker-panel .distance-value{font-size:96px!important;text-align:center;margin:30px 0 6px;letter-spacing:-3px;font-weight:500}.distance-unit{justify-content:center;font-size:12px;color:#777;gap:20px}.tracker-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:35px 0 25px;text-align:center;gap:5px}.tracker-metrics b{font-size:29px;font-weight:500;letter-spacing:0}.tracker-metrics small{font-size:12px;margin-top:8px}.tracker-actions{justify-content:center;margin:15px 0}.tracker-actions .primary{background:#fffc00;border-radius:50%;width:82px;height:82px;flex:none;font-size:12px;display:flex;flex-direction:column;gap:4px;padding:8px}.tracker-actions .primary svg{height:29px;width:29px}.tracker-actions .secondary{flex:none;border-radius:50%;height:82px;width:82px;font-size:12px;padding:9px}.recording-map{height:235px;min-height:235px;margin:0;border-radius:0;border:0}.map{border-radius:0}.map-empty{background:#eee;background-image:none}.map-empty h3{font-size:16px;font-weight:500}.map-empty p{font-size:12px}.tools-page{padding:23px 16px;background:#f0f0f0;min-height:calc(100dvh - 145px)}.tools-page .section-label{font-size:16px;margin:0 0 14px}.tool-list{display:grid;gap:6px}.tool-row{min-height:50px;padding:6px;background:#fff;border:0;border-radius:11px;display:flex;align-items:center;gap:16px;text-align:left;width:100%}.tool-icon{background:#efff39;border-radius:5px;height:38px;width:38px;min-width:38px;display:grid;place-items:center}.tool-icon svg{height:29px;width:29px;color:#393939;stroke-width:1.4}.tool-row>span:nth-child(2){flex:1;font-size:14px;color:#303030}.tool-row small{display:block;margin-top:2px;font-size:11px;font-weight:400;color:#999}.tool-row .chevron{color:#cfcfcf;font-size:27px;margin-right:8px;font-weight:300}.tools-extra{margin-top:26px}.course-scroll{display:flex;gap:12px;overflow:auto;margin:0 -16px 24px;padding:0 16px 5px}.course-mini{min-width:180px;width:180px;border:0;background:#fff;border-radius:10px;text-align:left;overflow:hidden}.course-mini .course-art{height:97px;background:#fffc00;display:flex;align-items:center;justify-content:center;font-size:43px;font-weight:800;letter-spacing:-2px;color:#333}.course-mini .course-copy{padding:11px}.course-mini h3{font-size:13px;line-height:1.4;font-weight:500;letter-spacing:0}.course-mini p{font-size:10px;color:#999;margin-top:6px}.course-art.swim{background:#b8e7f4}.course-art.fitness{background:#e4ddf7}.course-art.tri{background:#d9e8c4}.plans-grid{display:block;padding:16px}.plan-card{margin-bottom:16px;border:0;border-radius:10px}.plan-art{height:145px;background:#fffc00}.plan-art.dark{background:#dedede;color:#000}.plan-art.peach{background:#e7dfd4}.plan-art.grey{background:#ddd}.plan-distance{font-size:70px;font-weight:700;letter-spacing:-3px}.plan-art .art-lines{display:none}.plan-body{padding:16px}.plan-body h3{font-size:18px;letter-spacing:0}.plan-body p{font-size:13px}.plan-meta{font-size:12px}.stats-row{padding:16px;background:#fff;margin:0 0 8px;grid-template-columns:repeat(2,1fr);gap:0}.stat-card{border:0;border-radius:0;padding:14px;border-right:1px solid #eee}.stat-card:nth-child(even){border-right:0}.stat-label{font-size:12px}.stat-value{font-size:31px;margin-top:10px;letter-spacing:-1px}.stat-note{display:none}.dashboard-grid{display:block}.dashboard-grid .card{margin-bottom:8px}.chart{height:140px}.bar{border-radius:2px;background:#e9e9e9;max-width:25px}.bar.current{background:#fffc00}.activity-list{display:block;background:white}.activity{padding:16px;border:0;border-bottom:1px solid #eee;border-radius:0;gap:12px}.activity-icon{background:#f0f0f0;width:42px;height:42px;border-radius:8px}.activity h3{font-size:14px;font-weight:500;letter-spacing:0}.activity p{font-size:11px;margin-top:7px}.activity-data b{font-size:18px}.activity-data small{font-size:11px}.activity .arrow{font-size:21px;color:#bcbcbc}.profile-layout{display:block}.profile-layout>.card{margin-bottom:8px}.profile-intro h2{font-size:20px;letter-spacing:0}.profile-intro .avatar{background:#eee}.profile-intro p{font-size:12px}.profile-info-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:5px 0 14px;gap:16px}.profile-info-grid b{font-size:18px;font-weight:500;display:block;margin-top:7px}.profile-info-grid small{font-size:12px}.profile-actions{display:grid;gap:0;background:white;margin:8px 0}.profile-actions .tool-row{border-radius:0;padding:13px 16px;border-bottom:1px solid #eee;gap:13px;min-height:52px}.profile-actions .tool-icon{background:none;height:25px;width:25px;min-width:25px}.profile-actions .tool-icon svg{height:24px;width:24px}.profile-actions .tool-row>span:nth-child(2){font-size:14px}.profile-actions .chevron{font-size:23px}.overlay{padding:0;background:#0005;align-items:center;backdrop-filter:none}.modal{border-radius:12px;background:white;padding:25px 23px;max-width:500px;max-height:92dvh;box-shadow:none}.modal h2{font-size:25px;letter-spacing:0;line-height:1.25;font-weight:650}.modal h3{font-size:18px;letter-spacing:0}.modal>div>p{font-size:14px;line-height:1.6;color:#777}.modal-close{top:17px;right:15px;font-size:30px;color:black}.modal .primary.full,.modal .secondary.full{min-height:48px;font-size:15px}.modal .eyebrow{font-size:12px}.field>span{font-size:13px;color:#777;margin-bottom:8px}input,select,textarea{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:15px;padding:12px;min-height:45px}.switch-row{font-size:14px}.switch-row small{font-size:11px;line-height:1.5}.switch-row input:checked{background:#b8e600}.result{background:#f3f3f3;border-radius:7px;font-size:14px}.result b{font-size:29px}.timer-display{font-size:70px;letter-spacing:-1px;font-weight:600}.timer-caption{font-size:14px}.auth-note{font-size:11px!important;color:#999;line-height:1.6}.form-grid{grid-template-columns:repeat(2,1fr);gap:12px}.toast{max-width:calc(min(100vw,540px) - 32px);width:max-content;font-size:13px;bottom:92px;border-radius:8px;padding:13px 19px;background:#222}.inline-actions{gap:8px}.inline-actions button{font-size:12px}.calendar-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.calendar-month-grid button{border:0;background:#f5f5f5;min-height:42px;border-radius:6px;font-size:14px}.calendar-month-grid button.today{background:#fffc00}.media-picker{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px}.media-preview{width:76px;height:76px;border-radius:6px;object-fit:cover;background:#eee}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.gallery-grid img,.gallery-grid video{width:100%;aspect-ratio:1;object-fit:cover}.member-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #eee}.member-row .member-name{flex:1;font-size:14px}.rank{font-size:18px;width:28px;color:#888}.rank.top{color:#000;font-weight:700}.editor-canvas{display:block;width:100%;height:auto;touch-action:none;background:#eee;border-radius:7px;margin:16px 0}.editor-controls{display:flex;gap:8px;flex-wrap:wrap}.editor-controls button{font-size:12px;min-height:34px;padding:7px 10px;border-radius:5px}.sensor-status{display:flex;align-items:center;gap:10px;padding:14px;border-radius:8px;background:#f3f3f3}.sensor-status b{font-size:32px;line-height:1}.sensor-device{display:flex;width:100%;padding:15px 0;border:0;background:none;text-align:left;align-items:center;gap:10px;border-bottom:1px solid #eee}.sensor-device>span{flex:1;font-size:14px}.tag{border-radius:6px;font-size:11px}.profile-tabs{margin:0 16px 16px}.notifications-list .notification{background:white;padding:15px 16px;border-bottom:1px solid #eee;font-size:14px;line-height:1.5}.notification small{display:block;margin-top:7px}.reminder-notice{font-size:12px;color:#999;margin-top:14px;line-height:1.5}.full-page-modal .modal{height:100dvh;max-height:100dvh;border-radius:0;max-width:540px;padding:30px 24px}.full-page-modal .modal h2{font-size:32px;font-weight:700;margin:14px 0 26px}.auth-form input{border:0;border-bottom:1px solid #999;border-radius:0;font-size:18px;padding:14px 0}.auth-form .field>span{font-size:12px}.auth-form .field{margin-bottom:20px}.auth-form .primary{margin-top:30px!important;background:#ccff00!important;border-radius:14px}.no-data-line{padding:30px 16px;text-align:center;color:#999;font-size:13px}.photo-detail{max-width:100%;display:block}.fitness-plan{margin-top:12px}.period-picker{border:0;background:none;width:auto;min-height:30px;font-size:12px;padding:5px 8px}.tracker-actions .primary:has(svg){font-size:0}.tracker-actions .primary:has(svg) svg{width:32px;height:32px}.course-empty{border:1px dashed #ddd;border-radius:9px;padding:15px;display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:22px}
@media(max-width:540px){body{box-shadow:none;background:#f0f0f0}.topbar{height:56px}.topbar h1{font-size:20px}.modal{max-width:100%;border-radius:12px 12px 0 0}.overlay{align-items:end}.page-heading h1{font-size:22px}.toast{bottom:85px}.unauthorized{min-height:calc(100dvh - 140px)}.unauthorized h2{font-size:25px}.tools-page{padding-top:23px}.form-grid{gap:10px}}

.tool-page-modal .modal{height:100dvh;max-height:100dvh;border-radius:0;max-width:540px;padding:58px 20px 24px}.tool-page-modal .modal h2{font-size:21px;letter-spacing:0;font-weight:600;margin-bottom:20px}.tool-page-modal .close-modal{top:10px}.saved-preset{display:flex;gap:8px;margin:6px 0}.saved-preset>.secondary{flex:1;text-align:left}.saved-preset>.text-button{font-size:12px;color:#777;padding:6px}.event-body{border:0;background:none;text-align:left;padding:0;color:inherit}
.tool-page-modal .eyebrow{display:none}