.wellness-card{margin-top:18px;padding:30px;border:1px solid var(--line);background:var(--panel);box-shadow:0 28px 80px #0003}.wellness-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px}.wellness-heading h2{margin:0;font:700 42px/.9 var(--heading)}.wellness-tabs{display:flex;gap:6px}.wellness-tabs button{padding:10px 12px;border:1px solid var(--line);background:none;color:var(--muted);font-size:7px;font-weight:800}.wellness-tabs button.active{border-color:var(--accent);color:var(--accent)}#wellness-content{display:grid;gap:16px}.wellness-form{padding:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border:1px solid var(--line);background:#0d0f0c}.wellness-form label{display:grid;gap:7px;color:#a8aca3;font-size:7px;font-weight:800;letter-spacing:.7px}.wellness-form input,.wellness-form select,.wellness-form textarea{width:100%;padding:12px;border:1px solid var(--line);background:#090b09;color:var(--text);outline:0}.wellness-form input:focus,.wellness-form select:focus,.wellness-form textarea:focus{border-color:var(--accent)}.wellness-form .wide{grid-column:1/-1}.wellness-form button{grid-column:1/-1;min-height:47px;border:0;background:var(--accent);color:#17130f;font-size:8px;font-weight:800;letter-spacing:1px}.wellness-form button:disabled{opacity:.6}.wellness-status{grid-column:1/-1;margin:0;color:var(--red);font-size:8px}.wellness-status.success{color:var(--green)}.member-progress-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.member-progress-cards article{padding:17px;border:1px solid var(--line);background:#0d0f0c}.member-progress-cards span{color:var(--muted);font-size:7px;font-weight:800}.member-progress-cards strong{display:block;margin:8px 0;font:700 31px/1 var(--heading)}.member-progress-cards strong small{font-size:14px}.member-progress-cards p{margin:0;color:var(--muted);font-size:7px}.member-chart{padding:18px;border:1px solid var(--line);color:var(--accent)}.member-chart span{font-size:7px;font-weight:800}.member-chart svg{width:100%;height:130px;margin-top:10px}.wellness-history,.checkin-history{display:grid;gap:7px}.wellness-history article{padding:14px 16px;display:grid;grid-template-columns:150px 1fr auto;gap:15px;border:1px solid var(--line)}.wellness-history strong,.wellness-history b{font-size:8px}.wellness-history b{color:var(--accent)}.wellness-history span{color:var(--muted);font-size:8px}.checkin-history article{padding:18px;border:1px solid var(--line);background:#0d0f0c}.checkin-history article.reviewed{border-left:3px solid var(--green)}.checkin-history strong,.checkin-history span{display:block}.checkin-history strong{font-size:9px}.checkin-history span{margin-top:7px;color:var(--muted);font-size:8px;line-height:1.6}.checkin-history>article>p{font-size:9px;line-height:1.7}.checkin-history blockquote{margin:14px 0 0;padding:15px;border-left:3px solid var(--accent);background:#ed854b0a}.checkin-history blockquote b{color:var(--accent);font-size:7px}.checkin-history blockquote p{margin:7px 0 0;white-space:pre-wrap;font-size:9px;line-height:1.7}.feature-empty{padding:25px;color:var(--muted);font-size:9px}.feature-empty.error{color:var(--red)}.member-photo-gallery{display:grid;gap:18px}.member-photo-gallery section{padding-top:5px}.member-photo-gallery h3{margin:0 0 10px;font:700 26px/1 var(--heading)}.member-photo-gallery section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.member-photo-gallery figure{margin:0;border:1px solid var(--line);background:#0b0d0b}.member-photo-gallery img{width:100%;height:260px;display:block;object-fit:cover;cursor:zoom-in}.member-photo-gallery figcaption{padding:10px;color:var(--muted);font-size:7px;font-weight:800}.member-photo-viewer{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:30px;background:#000e}.member-photo-viewer[hidden]{display:none}.member-photo-viewer img{max-width:95vw;max-height:92vh;object-fit:contain}.member-photo-viewer button{position:absolute;top:20px;right:25px;border:0;background:none;color:#fff;font-size:40px}.photo-upload{grid-template-columns:repeat(2,1fr)}
@media(max-width:800px){.wellness-heading{align-items:flex-start;flex-direction:column}.wellness-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.wellness-tabs button{padding:10px 3px}.wellness-form,.photo-upload{grid-template-columns:1fr 1fr}.member-progress-cards{grid-template-columns:1fr 1fr}.member-photo-gallery section>div{grid-template-columns:1fr 1fr}.wellness-history article{grid-template-columns:1fr}.wellness-card{padding:20px}.wellness-heading h2{font-size:34px}}
@media(max-width:520px){.wellness-form,.photo-upload{grid-template-columns:1fr}.member-progress-cards{grid-template-columns:1fr}.member-photo-gallery section>div{grid-template-columns:1fr}.member-photo-gallery img{height:320px}}