:root{--navy:#061323;--navy2:#0b2235;--paper:#f2f0ea;--muted:#92a4af;--ink:#102336;--gold:#c8a55e;--gold-pale:#e3c77f;--line:rgba(223,232,231,.17)}*{box-sizing:border-box}body{background:#d9d6ce;color:var(--ink);font-family:Arial,Helvetica,sans-serif;margin:0}.app-shell{background:var(--paper);margin:0 auto;min-height:100dvh;max-width:520px;overflow:hidden;position:relative}.app-topline{align-items:center;background:var(--navy);color:#d7e0df;display:flex;font-size:9px;font-weight:bold;gap:8px;letter-spacing:.14em;padding:13px 22px}.app-topline button{background:none;border:0;color:var(--gold);font-size:20px;margin-left:auto;padding:0}.live-dot{background:#7ec893;border-radius:50%;box-shadow:0 0 0 4px rgba(126,200,147,.13);height:6px;width:6px}.screen{animation:enter .42s cubic-bezier(.2,.75,.2,1);display:none;min-height:calc(100dvh - 40px);padding:33px 22px 116px}.screen.is-active{display:block}.welcome-row,.page-head,.profile-top{align-items:flex-start;display:flex;justify-content:space-between}.eyebrow{color:#75838b;font-size:9px;font-weight:700;letter-spacing:.15em;margin:0 0 9px}.welcome-row h1,.page-head h1,.profile-top h1{font-family:Georgia,serif;font-size:47px;font-weight:400;letter-spacing:-.06em;line-height:.86;margin:0}.welcome-row h1 span{color:var(--gold)}.avatar{align-items:center;background:var(--navy);border:4px solid #dfd9cc;border-radius:50%;box-shadow:0 0 0 1px var(--gold);color:var(--gold-pale);display:flex;font-family:Georgia,serif;font-size:12px;height:43px;justify-content:center;width:43px}.avatar.large{border-width:6px;font-size:20px;height:85px;margin:0 auto 28px;width:85px}.focus-card{background:var(--navy);box-shadow:13px 16px 0 rgba(183,146,72,.17);color:#f2f1e9;margin:38px 0 38px;overflow:hidden;padding:25px;position:relative}.focus-card:after{background:radial-gradient(circle,rgba(207,171,89,.27),transparent 67%);content:'';height:260px;position:absolute;right:-125px;top:-140px;width:260px}.focus-card>*{position:relative;z-index:1}.card-line{align-items:flex-start;display:flex;justify-content:space-between}.card-line .eyebrow{color:#cfb576}.card-line span{color:var(--gold);font-family:Georgia,serif;font-size:23px}.focus-card h2{font-family:Georgia,serif;font-size:32px;font-weight:400;letter-spacing:-.045em;line-height:1;margin:29px 0 13px}.focus-card>p{color:#c1ced1;font-size:12px;line-height:1.6;margin:0;max-width:260px}.progress-line{background:#274052;height:3px;margin-top:26px;overflow:hidden}.progress-line i{animation:grow 1.3s .4s both;background:var(--gold);display:block;height:100%;transform-origin:left;width:82%}.section-heading{align-items:center;display:flex;justify-content:space-between;margin:0 0 15px}.section-heading.tight{margin-top:37px}.section-heading button{background:none;border:0;color:#345060;font-size:11px;font-weight:bold;padding:0}.section-heading b{color:var(--gold);font-size:15px;margin-left:4px}.training-card,.checkin-card{align-items:center;background:#fff;box-shadow:0 4px 16px rgba(8,21,30,.05);cursor:pointer;display:flex;gap:14px;padding:18px;transition:transform .2s ease}.training-card:active,.checkin-card:active{transform:scale(.985)}.training-icon{align-items:center;background:#e9e3d8;color:#a27f3e;display:flex;font-family:Georgia,serif;font-size:13px;height:45px;justify-content:center;width:45px}.grow{flex:1;min-width:0}.training-card .eyebrow{color:#a47f3a;margin-bottom:5px}.training-card h3,.checkin-card h3{font-family:Georgia,serif;font-size:21px;font-weight:400;margin:0 0 5px}.training-card span,.checkin-card small{color:#75828a;font-size:11px}.arrow{color:var(--gold);font-size:19px}.metrics-grid{display:grid;gap:11px;grid-template-columns:1fr 1fr;margin-top:12px}.metrics-grid article{border:1px solid #dcd9d1;padding:16px}.metrics-grid .eyebrow{margin-bottom:13px}.metrics-grid strong{font-family:Georgia,serif;font-size:32px;font-weight:400}.metrics-grid strong span{color:#7e898f;font-size:17px}.metrics-grid small{color:#77848a;display:block;font-size:10px;margin-top:7px}.gold{color:#b78e42}.checkin-card{background:#e5dfd3;justify-content:space-between}.checkin-card .eyebrow{color:#a47f3a;margin-bottom:5px}.checkin-card button{background:var(--navy);border:0;color:#fff;font-size:10px;font-weight:bold;padding:11px 13px}.checkin-card button b{color:var(--gold);font-size:15px}.check-dot{background:#74b88b;border-radius:50%;display:inline-block;height:7px;margin-right:5px;width:7px}.page-head{gap:18px}.back-button{background:var(--navy);border:0;color:var(--gold);font-size:18px;height:35px;order:-1;width:35px}.page-head h1{font-size:45px;line-height:.93}.page-head em{color:var(--gold);font-style:italic}.time{color:var(--gold);font-family:Georgia,serif;font-size:30px;line-height:.72;text-align:right}.time small{color:#76838b;font-family:Arial;font-size:8px;font-weight:bold;letter-spacing:.12em}.workout-note{background:#e6dfd2;border-left:2px solid var(--gold);display:flex;gap:12px;margin:36px 0 27px;padding:14px}.workout-note span{color:#a37f3c;font-family:Georgia,serif;font-size:14px}.workout-note p{color:#52616b;font-size:12px;line-height:1.55;margin:0}.exercise-list{border-top:1px solid #d7d5ce}.exercise{align-items:center;background:transparent;border:0;border-bottom:1px solid #d7d5ce;display:flex;gap:15px;padding:18px 0;text-align:left;width:100%}.exercise>span{color:#a5813f;font-family:Georgia,serif;font-size:15px}.exercise div{flex:1}.exercise b{color:#142b3c;display:block;font-family:Georgia,serif;font-size:20px;font-weight:400;margin-bottom:4px}.exercise small{color:#7e898f;font-size:10px}.exercise i{color:#a7803a;font-size:16px;font-style:normal}.exercise.done i{color:#6cae82}.primary-button{background:var(--navy);border:0;color:#fff;cursor:pointer;font-size:11px;font-weight:bold;letter-spacing:.07em;margin-top:31px;padding:18px;width:100%}.primary-button span{color:var(--gold);font-size:17px;margin-left:7px}.simple{display:block}.intro{color:#617078;font-size:13px;line-height:1.7;margin:24px 0 30px}.score-card{background:var(--navy);color:#f1f0e9;padding:22px}.score-card .eyebrow{color:#d5b773}.score-card strong{font-family:Georgia,serif;font-size:51px;font-weight:400}.score-card input{accent-color:var(--gold);margin:24px 0 0;width:100%}.quick-question{border-bottom:1px solid #d4d2cb;padding:31px 0}.score-buttons{display:flex;gap:8px}.score-buttons button{background:transparent;border:1px solid #c9c8c1;color:#7e8b90;font-family:Georgia,serif;font-size:18px;height:41px;width:41px}.score-buttons button.active{background:var(--gold);border-color:var(--gold);color:var(--navy)}.comment-field{display:block;margin-top:30px}.comment-field textarea{background:#fff;border:1px solid #d7d6d0;font-family:Arial;font-size:13px;margin-top:10px;min-height:98px;padding:13px;resize:none;width:100%}.form-message{color:#59916b;font-size:12px;margin-top:13px;text-align:center}.progress-hero{background:var(--navy);color:#fff;display:flex;margin-top:32px;min-height:185px;overflow:hidden;padding:23px;position:relative}.progress-hero .eyebrow{color:#cdb06d}.progress-hero strong{font-family:Georgia,serif;font-size:42px;font-weight:400}.progress-hero strong small{color:#a8b7bb;font-size:15px}.up{color:#7fc695;display:block;font-size:10px;margin-top:8px}.chart{bottom:17px;position:absolute;right:-11px;width:56%}.chart i{background:#274153;bottom:0;display:block;height:70px;position:absolute;width:1px}.chart i:nth-child(1){left:10%}.chart i:nth-child(2){left:31%}.chart i:nth-child(3){left:52%}.chart i:nth-child(4){left:73%}.chart i:nth-child(5){left:94%}.chart svg{height:86px;overflow:visible;width:100%}.chart path{animation:draw 1.6s .35s both;fill:none;stroke:var(--gold);stroke-width:2}.progress-stats{border-bottom:1px solid #d9d6ce;border-top:1px solid #d9d6ce;display:grid;grid-template-columns:repeat(3,1fr);margin-top:13px}.progress-stats article{padding:19px 7px}.progress-stats article+article{border-left:1px solid #d9d6ce}.progress-stats strong{display:block;font-family:Georgia,serif;font-size:26px;font-weight:400}.progress-stats span{color:#75828a;font-size:9px;line-height:1.4}.next-milestone{background:#e9e3d8;margin-top:17px;padding:19px}.next-milestone h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:0 0 21px}.next-milestone>div{align-items:center;color:#77848a;display:flex;font-size:10px;gap:9px}.next-milestone i{background:#c5c3bb;display:block;flex:1;height:3px}.next-milestone i b{background:var(--gold);display:block;height:100%;width:65%}.profile-top{align-items:center;display:flex;flex-direction:column;text-align:center}.profile-top .eyebrow{color:#a7813c}.profile-top h1{font-size:42px}.profile-top>span{color:#7a858c;font-size:11px;margin-top:16px}.profile-menu{border-top:1px solid #d9d7d0;margin-top:39px}.profile-menu button{align-items:center;background:none;border:0;border-bottom:1px solid #d9d7d0;color:#263a48;display:flex;font-size:13px;gap:11px;padding:19px 0;text-align:left;width:100%}.profile-menu button span{color:#a47f3a;font-size:19px}.profile-menu button b{color:#7b898f;font-size:10px;font-weight:400;margin-left:auto}.quiet-button{background:transparent;border:1px solid #cbc9c1;color:#6d7a82;font-size:11px;margin-top:31px;padding:15px;width:100%}.tabbar{backdrop-filter:blur(18px);background:rgba(6,19,35,.94);bottom:0;display:flex;left:50%;max-width:520px;padding:9px 8px calc(9px + env(safe-area-inset-bottom));position:fixed;transform:translateX(-50%);width:100%;z-index:5}.tabbar button{background:none;border:0;color:#82949d;display:flex;flex:1;flex-direction:column;font-size:8px;gap:5px;letter-spacing:.06em;padding:6px 0;text-transform:uppercase}.tabbar i{font-size:17px;font-style:normal}.tabbar button.active{color:var(--gold)}.toast{background:#f2efe8;bottom:83px;box-shadow:0 9px 30px #0003;color:#10283b;font-size:12px;left:50%;opacity:0;padding:12px 16px;pointer-events:none;position:fixed;transform:translate(-50%,15px);transition:.25s;width:max-content;z-index:9}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes draw{from{stroke-dasharray:300;stroke-dashoffset:300}to{stroke-dasharray:300;stroke-dashoffset:0}}@media(min-width:700px){body{background:radial-gradient(circle at top,#1a3547,#071421 60%);padding:24px}.app-shell{box-shadow:0 30px 85px rgba(0,0,0,.42);min-height:calc(100dvh - 48px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}