@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--gold:#e4bb58;--pink:#c83c75;--muted:#9c9c9f}*{box-sizing:border-box}body{margin:0;background:#080809;color:#f6f4f1;font:14px Inter,system-ui,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app{max-width:480px;margin:auto;min-height:100dvh;background:radial-gradient(ellipse at top right,#251c1a55,transparent 45%),#101011;padding-bottom:100px}header{height:98px;display:flex;align-items:center;justify-content:center;position:relative;padding:10px 20px}header img{width:85px;height:85px;object-fit:contain}.demo{position:absolute;left:20px;font-size:8px;letter-spacing:1.4px;color:var(--muted);width:70px;line-height:1.8}.bell{position:absolute;right:20px;background:none;border:1px solid #343436;border-radius:50%;width:35px;height:35px;font-size:23px}main{padding:8px 20px 24px}h1{font-size:26px;letter-spacing:-1px;margin:6px 0 6px}h2{font-size:18px;margin:24px 0 12px}p{line-height:1.6}.sub{color:#b3b1b1;margin:0 0 20px;font-size:13px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:700}.hero{height:130px;position:relative;overflow:hidden;border-radius:14px;border:1px solid #51402c;margin-bottom:20px;background:#201014}.hero img{width:100%;height:100%;object-fit:cover;object-position:50% 27%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#170a13c9,transparent 80%)}.hero strong{position:absolute;z-index:1;left:22px;top:34px;font:37px 'Permanent Marker',cursive;color:#ed4a8d;text-shadow:2px 3px #160b12}.hero small{display:block;font:9px Inter;letter-spacing:2px;color:#fff;margin-top:4px;text-shadow:none}.card{border:1px solid #343331;background:linear-gradient(125deg,#202020,#171717);border-radius:15px;padding:17px}.calhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.calhead b{text-transform:uppercase;letter-spacing:1px;color:var(--gold);font-size:12px}.arrow{border:0;background:none;color:var(--gold);font-size:24px;padding:0 7px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.week{font-size:10px;color:var(--muted);margin-bottom:9px}.day{background:none;border:0;min-height:37px;position:relative;font-size:12px;padding:6px 0}.day.selected{background:var(--pink);border-radius:50%;width:32px;min-height:32px;margin:2px auto 3px}.dot{display:block;position:absolute;bottom:0;left:calc(50% - 2px);height:4px;width:4px;background:var(--gold);border-radius:50%}.stats{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:13px}.stat{border:1px solid #343331;background:#1a1a1b;border-radius:14px;padding:16px 12px;text-align:left}.label{font-size:10px;font-weight:700;letter-spacing:1px;color:#d8d3ca;display:block}.value{font-size:20px;font-weight:800;display:block;margin:11px 0 8px}.value small{font-size:10px;color:var(--muted);font-weight:400}.bar{height:5px;border-radius:8px;background:#363537;overflow:hidden;margin:10px 0}.bar span{display:block;height:100%;background:var(--gold);width:80%;border-radius:8px}.pink span{background:var(--pink);width:70%}.micro{font-size:9px;color:#b4b0ae}.sectionhead{display:flex;justify-content:space-between;align-items:center}.sectionhead h2{font-size:12px;letter-spacing:1px}.sectionhead a{font-size:10px;color:var(--gold);text-decoration:none}.workout{position:relative;overflow:hidden;padding:18px}.workout .tag{display:inline-block;font-size:9px;color:var(--gold);background:#46391e66;padding:5px 8px;border-radius:5px}.workout h3{margin:14px 0 6px;font-size:22px}.workout p{font-size:11px;color:var(--muted);margin:0 0 17px}.primary{background:var(--pink);border:0;border-radius:9px;padding:13px 18px;font-weight:700;width:100%;font-size:12px}.secondary{background:#272322;border:1px solid #65502e;border-radius:9px;padding:12px 16px;color:var(--gold);font-size:12px}.note{font-size:10px;color:#7f7d7d;text-align:center;margin-top:18px;line-height:1.7}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:#121213f5;border-top:1px solid #343331;display:flex;justify-content:space-around;padding:12px 7px calc(12px + env(safe-area-inset-bottom));z-index:5;backdrop-filter:blur(20px)}nav button{border:0;background:none;color:#929195;display:flex;align-items:center;flex-direction:column;gap:6px;font-size:9px;min-width:55px}svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}nav button.active{color:var(--gold)}.resource{display:flex;gap:13px;align-items:center;padding:17px;border:1px solid #343331;background:#19191a;border-radius:12px;color:inherit;text-decoration:none;margin:10px 0}.resource span{font-size:22px;color:var(--gold)}.resource b{display:block;font-size:13px}.resource small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.resource em{margin-left:auto;color:var(--gold);font-style:normal}.program{margin:12px 0}.program h3{margin:4px 0 10px}.program p{color:var(--muted);font-size:12px}.chat{display:flex;flex-direction:column;gap:13px;margin-top:22px;min-height:270px}.bubble{background:#282624;padding:15px;border-radius:13px 13px 13px 0;max-width:85%;line-height:1.6;font-size:12px}.bubble.mine{align-self:flex-end;background:#59223b;border-radius:13px 13px 0 13px}.bubble small{display:block;color:#aaa;font-size:9px;margin-top:7px}.composer{display:flex;gap:8px;margin-top:16px}input{background:#202021;border:1px solid #454140;border-radius:8px;padding:12px;color:white;width:100%;min-width:0}.composer button{width:45px}.profile{display:flex;gap:15px;align-items:center;margin:22px 0}.avatar{width:60px;height:60px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-weight:800;font-size:22px;background:#302618}.formrow{display:flex;gap:8px;margin:16px 0}.listrow{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #343331;font-size:12px}.listrow span{color:var(--muted)}dialog{background:#181819;border:1px solid #66512e;border-radius:18px;color:white;padding:27px;width:calc(100% - 35px);max-width:420px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:26px;color:#aaa}.set{display:grid;grid-template-columns:30px 1fr 1fr 35px;gap:8px;align-items:center;margin:10px 0}.set button{border:1px solid #66512e;background:#302618;border-radius:7px;padding:10px;color:var(--gold)}#toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);background:#e5bd62;color:#17120b;border-radius:8px;font-size:12px;padding:12px 18px;z-index:20;display:none;max-width:90%;text-align:center}.food{padding:12px 0;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.food small{display:block;color:#aaa;font-size:10px;margin-top:5px}.food button{background:#332b1d;border:0;border-radius:6px;color:var(--gold);width:32px;height:32px}.macrogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.macrogrid div{text-align:center;font-size:11px;color:#aaa}.macrogrid b{display:block;font-size:18px;color:#eee;margin-bottom:5px}@media(min-width:700px){body{padding:22px 0}.app{border:1px solid #333;border-radius:24px;overflow:hidden;box-shadow:0 25px 100px #000}nav{bottom:0}}