@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#192d57;--gold:#c4a76c;--paper:#f5f2eb;--muted:#727b88;--line:#e3e0d9}*{box-sizing:border-box}body{margin:0;background:#e7e7e2;color:var(--ink);font-family:'DM Sans',sans-serif}.app{max-width:560px;margin:auto;background:var(--paper);min-height:100vh;padding-bottom:110px;box-shadow:0 0 90px #192d5712}header{padding:26px 24px 18px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-weight:800;font-size:30px;letter-spacing:-2px}.brand>span{font-size:13px;letter-spacing:2px;border-left:1px solid var(--gold);padding-left:13px}.brand small{display:block;font-size:8px;letter-spacing:1.7px;color:var(--muted);margin-top:5px}.avatar{background:var(--ink);color:#ead6b2;border:3px solid #fff;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:12px}.demo{text-align:center;font-size:9px;letter-spacing:1.8px;color:#7a7469;padding:8px;background:#ebe5da}main{padding:26px 23px}h1,h2,h3,p{margin:0}h1{font-family:Manrope,sans-serif;font-weight:800;font-size:32px;letter-spacing:-1.1px;line-height:1.2}h1 em{font-style:normal;font-weight:400}p.sub{font-size:14px;color:var(--muted);line-height:1.6;margin:10px 0 24px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#b49458;margin-bottom:9px}.hero{position:relative;border-radius:23px;overflow:hidden;background:#112038;color:white;box-shadow:0 16px 30px #192d5724;margin:22px 0 28px}.hero>img{width:100%;height:195px;object-fit:cover;display:block}.hero .shade{height:90px;background:linear-gradient(transparent,#112038);position:absolute;top:106px;width:100%;pointer-events:none}.hero-content{position:relative;padding:0 23px 24px;margin-top:-22px}.hero h2{font:800 29px/1.12 Manrope;letter-spacing:-.8px;max-width:290px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 20px}.tag{font-size:10px;letter-spacing:.4px;padding:6px 9px;border:1px solid #ffffff30;border-radius:6px;color:#e8e7e0}.primary{background:#dbc28e;color:#17294d;width:100%;padding:16px;border:0;border-radius:12px;font:700 14px 'DM Sans';cursor:pointer;box-shadow:0 5px 12px #0002;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#ead5ac}.section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 15px}h2{font-size:18px;letter-spacing:-.4px}.quiet{font-size:11px;color:var(--muted)}.week{background:white;border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:0 5px 12px #192d5705}.days{display:flex;justify-content:space-between;margin:13px 0 5px}.day{font-size:9px;text-align:center;padding:8px;border-radius:10px;color:var(--muted)}.day b{display:block;font-size:16px;margin-top:5px}.day.on{background:var(--ink);color:#ead5ac}.week .foot{border-top:1px solid var(--line);margin-top:15px;padding-top:13px;font-size:12px;color:var(--muted)}.quick{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{border:1px solid var(--line);background:#fff;border-radius:17px;padding:19px;text-align:left;color:var(--ink);cursor:pointer;box-shadow:0 5px 10px #192d5705}.tile .symbol{display:block;color:#b49458;font-size:23px;margin-bottom:17px}.tile strong{font-size:14px;display:block}.tile small{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:6px}.coach{border-left:2px solid var(--gold);padding:1px 0 1px 16px;margin:27px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}.back{background:transparent;border:0;color:var(--muted);font-size:13px;padding:0 0 22px;cursor:pointer}.tabs{display:flex;border-bottom:1px solid var(--line);margin:0 0 22px}.tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:none;padding:15px;font-weight:700;color:var(--muted);cursor:pointer}.tabs button.active{border-color:var(--ink);color:var(--ink)}.exercise-row{display:flex;text-align:left;align-items:center;gap:15px;background:white;border:1px solid var(--line);border-radius:16px;padding:14px;width:100%;margin-bottom:11px;box-shadow:0 6px 16px #192d5707;cursor:pointer;color:var(--ink)}.thumb{width:62px;height:68px;border-radius:11px;object-fit:cover}.exercise-row strong{font-size:14px;display:block}.exercise-row small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.exercise-row .arrow{margin-left:auto;color:#b49458}.step{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin:24px 0 12px}.info{background:white;border-radius:17px;border:1px solid var(--line);padding:20px;font-size:14px;line-height:1.6;margin:15px 0}.info strong{display:block;margin-bottom:7px}.detail-image{width:100%;height:165px;object-fit:cover;border-radius:19px;margin:22px 0 8px}.pill{display:inline-block;padding:7px 10px;background:#e9e2d4;border-radius:6px;font-size:10px;font-weight:700;margin:12px 4px 0 0}.stats{display:flex;gap:0;background:var(--ink);color:white;border-radius:17px;padding:22px 0;margin:20px 0}.stats>div{flex:1;text-align:center;border-right:1px solid #ffffff26}.stats>div:last-child{border:0}.stats strong{font-size:21px}.stats small{display:block;color:#c3cad6;font-size:10px;margin-top:6px}.result{background:white;border-radius:20px;border:1px solid #d8c6a3;padding:20px;margin-top:25px;box-shadow:0 9px 24px #192d5709}.result h2{margin-bottom:7px}.result p{font-size:12px;color:var(--muted);line-height:1.5}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}label{font-size:11px;color:var(--muted)}input{display:block;width:100%;border:1px solid var(--line);border-radius:9px;padding:13px;font-size:17px;color:var(--ink);background:#faf9f5;margin-top:6px}input:focus{outline:2px solid var(--gold)}.saved{color:#446a55!important;margin-top:12px!important}.fine{font-size:11px;line-height:1.6;color:var(--muted);margin:14px 0}nav{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);width:calc(100% - 30px);max-width:520px;background:#142443f2;backdrop-filter:blur(16px);border:1px solid #ffffff25;border-radius:23px;display:flex;padding:9px 5px;box-shadow:0 12px 25px #0c193b38;z-index:10}nav button{flex:1;background:none;border:0;color:#aab5c7;font-size:10px;cursor:pointer;padding:4px}nav span{font-size:23px;display:block;margin-bottom:3px}nav button.active{color:#e4c995}#toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:#192d57;color:white;padding:13px 21px;border-radius:12px;font-size:12px;display:none;z-index:20}.toast-on{display:block!important}button:focus-visible,a:focus-visible{outline:3px solid #b49458;outline-offset:4px}@media(min-width:700px){.app{margin:25px auto;border-radius:30px;overflow:hidden}h1{font-size:38px}main{padding:30px}.hero>img{height:220px}.hero .shade{top:131px}}