:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#ff6b352e,#0000 22rem),linear-gradient(135deg,#f5f7fb 0%,#e7edf3 50%,#f4f8f5 100%);min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{margin:0}.appShell{place-items:start center;min-height:100vh;padding:22px;display:grid}.phoneFrame{background:#f7fafc;border:1px solid #0f172a14;border-radius:30px;width:min(100%,430px);min-height:calc(100vh - 44px);overflow:hidden;box-shadow:0 24px 80px #0f172a2e}.hero{color:#fff;background:linear-gradient(135deg,#111827e6,#1d2739c7),url(/assets/fit-buddy-gym-hero-BVhWAti2.png) 50%/cover;justify-content:space-between;align-items:flex-start;gap:16px;min-height:178px;padding:24px 20px 42px;display:flex;position:relative}.eyebrow{color:#ffd4be;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:10px;font-size:.78rem;font-weight:800;display:inline-flex}.hero h1{letter-spacing:0;max-width:280px;font-size:1.82rem;line-height:1.02}.iconButton,.secondaryControl,.deleteButton,.draftList button{color:#111827;background:#fff;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.heroActions{justify-items:end;gap:8px;display:grid}.accountTab{color:#111827;background:#fffffff0;border:1px solid #ffffffb8;border-radius:8px;justify-content:center;align-items:center;gap:7px;max-width:142px;height:38px;padding:0 10px;font-size:.82rem;font-weight:900;display:inline-flex}.accountTab span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.accountPanel{z-index:5;color:#111827;background:#fff;border:1px solid #0f172a1f;border-radius:8px;gap:10px;width:min(310px,100% - 28px);padding:12px;display:grid;position:absolute;top:70px;right:14px;box-shadow:0 18px 44px #0f172a3d}.accountStatus{border-bottom:1px solid #e2e8f0;gap:2px;padding-bottom:8px;display:grid}.accountStatus span{color:#64748b;text-transform:uppercase;font-size:.72rem;font-weight:900}.accountStatus strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.accountPanel form{gap:9px;display:grid}.accountPanel form button{color:#fff;background:#111827;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:900;display:inline-flex}.profileList{flex-wrap:wrap;gap:7px;display:flex}.profileList button{color:#334155;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-width:128px;min-height:34px;padding:0 10px;font-size:.78rem;font-weight:900;overflow:hidden}.profileList button.selected{color:#fff;background:#111827;border-color:#111827}.timerPanel,.chimePanel,.editPanel,.queuePanel,.builderPanel,.programPanel,.analyticsPanel,.goalsPanel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin:14px;padding:14px;box-shadow:0 12px 30px #0f172a0f}.timerPanel{margin-top:-20px}.programStrip{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.programStrip::-webkit-scrollbar{display:none}.programStrip button{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:none;align-items:center;gap:8px;height:38px;padding:0 12px;font-size:.86rem;font-weight:800;display:inline-flex}.programStrip button.selected{color:#111827;border-color:var(--accent);background:#fff}.programStrip span{border-radius:50%;width:10px;height:10px}.timerRing{place-items:center;width:236px;height:236px;margin:18px auto 12px;display:grid;position:relative}.timerRing svg{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}.timerRing circle{fill:none;stroke:#edf2f7;stroke-width:15px}.timerRing .meter{stroke:var(--accent);stroke-dasharray:590;stroke-linecap:round;transition:stroke-dashoffset .35s}.timerRing.rest .meter{stroke:#0f9f8f}.timerRing>div{text-align:center;justify-items:center;gap:4px;display:grid}.timerRing span{color:#64748b;text-transform:uppercase;font-size:.82rem;font-weight:900}.timerRing strong{color:#0f172a;font-size:3.4rem;line-height:1}.timerRing small{color:#475569;max-width:160px;font-weight:750}.segmentMeta{grid-template-columns:1fr 94px;gap:10px;display:grid}.segmentMeta div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:12px}.segmentMeta span,.sectionHead span,label,.draftList span,.queueList span,.programList span{color:#64748b;font-size:.78rem;font-weight:800}.segmentMeta strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;display:block;overflow:hidden}.controls{grid-template-columns:54px 1fr 54px;align-items:center;gap:12px;margin-top:14px;display:grid}.primaryControl{color:#fff;background:#111827;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:56px;font-weight:900;display:inline-flex}.secondaryControl{width:54px;height:54px}.chimePanel,.editPanel{padding:0}.chimeTab,.editTab{color:#111827;text-align:left;background:#fff;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:10px;width:100%;min-height:54px;padding:0 13px;display:grid}.chimeTab span,.editTab span{color:#0f172a;align-items:center;gap:7px;min-width:0;font-size:1rem;font-weight:900;display:inline-flex}.chimeTab strong,.editTab strong{color:#64748b;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.78rem;overflow:hidden}.chimeTab svg:last-child,.editTab svg:last-child{color:#64748b;transition:transform .18s}.chimePanel.open .chimeTab svg:last-child,.editPanel.open .editTab svg:last-child{transform:rotate(90deg)}.editBody{gap:12px;padding:0 13px 13px;display:grid}.editExerciseList{gap:10px;display:grid}.editExerciseList article{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:9px;padding:10px;display:grid}.editExerciseHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.editExerciseHead strong{color:#111827;font-size:.92rem}.editExerciseHead button{color:#dc2626;background:#fff;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.editActions{grid-template-columns:1fr 1.2fr;gap:8px;display:grid}.editActions button{color:#111827;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:900;display:inline-flex}.editActions button:last-child{color:#fff;background:#111827;border-color:#111827}.sectionHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sectionHead h2{color:#0f172a;letter-spacing:0;align-items:center;gap:7px;font-size:1.08rem;display:inline-flex}.chimeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 13px 13px;display:grid}.chimeGrid button{color:#111827;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:7px 9px;min-height:66px;padding:9px;display:grid}.chimeGrid button.selected{background:#fff7ed;border-color:#ff6b35;box-shadow:inset 0 0 0 1px #ff6b353d}.chimeGrid i{color:#fff;background:#111827;border-radius:8px;grid-row:span 2;place-items:center;width:34px;height:34px;display:grid}.chimeGrid strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;display:block;overflow:hidden}.chimeGrid span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:800;display:block;overflow:hidden}.queueList,.draftList,.programList{gap:8px;display:grid}.queueList article,.draftList article,.programList article{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:9px;display:grid}.queueList article.active{background:#fff7ed;border-color:#fed7aa}.queueList i,.programList i{color:#fff;background:#111827;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.queueList strong,.draftList strong,.programList strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.queueList time{color:#111827;font-size:.9rem;font-weight:900}.saveButton,.exerciseForm button,.goalEditor button{color:#fff;background:#111827;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-weight:900;display:inline-flex}.programFields{grid-template-columns:minmax(0,1fr) 70px;gap:10px;margin-bottom:10px;display:grid}label{gap:6px;display:grid}input,select{color:#111827;background:#f8fafc;border:1px solid #dbe4ee;border-radius:8px;outline:0;width:100%;min-width:0;height:42px;padding:0 10px}input:focus,select:focus{border-color:#111827;box-shadow:0 0 0 3px #11182717}input[type=color]{padding:4px}.exerciseForm{gap:10px;display:grid}.exercisePicker{grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:8px;display:grid}.exercisePicker button{place-items:center;width:44px;height:42px;min-height:42px;padding:0;display:grid}.exercisePicker button.active{color:#111827;background:#fff7ed;border:1px solid #ff6b35}.numberGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.draftList{margin-top:12px}.draftList article{grid-template-columns:minmax(0,1fr) 38px}.draftList button,.deleteButton{color:#dc2626;width:38px;height:38px}.programList article{grid-template-columns:minmax(0,1fr) 38px;padding:0;overflow:hidden}.programList article>button:first-child{text-align:left;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:60px;padding:9px;display:grid}.deleteButton{margin-right:8px}.chartCards{gap:10px;display:grid}.chartCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.chartCard h3{color:#334155;align-items:center;gap:6px;margin-bottom:10px;font-size:.9rem;display:inline-flex}.barGraph{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:118px;display:grid}.barGraph span{align-items:end;gap:5px;height:100%;display:grid}.barGraph i{background:linear-gradient(#ff6b35,#111827);border-radius:8px 8px 3px 3px;min-height:10px;display:block}.barGraph small{color:#64748b;text-align:center;font-size:.72rem;font-weight:900}.lineGraph{width:100%;height:118px}.lineGraph polyline{fill:none;stroke:#0f9f8f;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.lineGraph circle{fill:#fff;stroke:#0f9f8f;stroke-width:3px}.goalPlanner{gap:10px;margin-bottom:12px;display:grid}.goalPlanner>button{color:#111827;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:42px;font-weight:900;display:inline-flex}.goalPlanner>button.active{color:#fff;background:#111827;border-color:#111827}.goalProgress{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:5px;padding:10px;display:grid}.goalProgress span,.goalProgress small{color:#64748b;font-size:.78rem;font-weight:800}.goalProgress strong{color:#111827;font-size:.95rem}.goalProgress i{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.goalProgress b{border-radius:inherit;background:#0f9f8f;height:100%;display:block}.goalEditor{grid-template-columns:minmax(0,1fr) 82px;gap:10px;margin-bottom:12px;display:grid}.goalEditor button{align-self:end}.calendarGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.calendarGrid button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;place-items:center;min-height:82px;padding:8px 4px;display:grid;position:relative;overflow:hidden}.calendarGrid button.today{border-color:#111827}.calendarGrid button.planned{background:#fff7ed;border-color:#fed7aa}.calendarGrid button.selected{box-shadow:0 0 0 3px #1118271f}.calendarGrid i{z-index:0;background:linear-gradient(#0f9f8f29,#0f9f8f6b);position:absolute;bottom:0;left:0;right:0}.calendarGrid span,.calendarGrid strong,.calendarGrid svg{z-index:1;position:relative}.calendarGrid span{color:#64748b;font-size:.68rem;font-weight:900}.calendarGrid strong{color:#111827;font-size:1.1rem}.calendarGrid svg{color:#0f9f8f}@media (width<=520px){.appShell{padding:0}.phoneFrame{width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0}}