.supplements-card{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer}.supplements-card h2{font-size:1.25rem;margin-bottom:8px}.supplements-card p{color:var(--muted);line-height:1.45}.supplements-card strong{color:var(--text)}.supplements-section{scroll-margin-top:92px}.supplement-panel{padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(7,17,31,.6);margin:16px 0}.supplement-panel h3{margin:0 0 8px}.supplement-help{color:var(--muted);line-height:1.45;margin-bottom:14px}.starter-list{display:grid;gap:9px;margin-bottom:14px}.starter-item{display:flex;flex-direction:row;align-items:flex-start;padding:12px;background:#0a1625;border:1px solid var(--line);border-radius:13px}.starter-item input{width:23px;min-height:23px;flex:0 0 23px}.starter-item strong,.starter-item small{display:block}.starter-item small{color:var(--muted);margin-top:4px}.routine-group{margin-top:18px}.routine-group h3{font-size:.82rem;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.routine-item,.regimen-item,.dose-record{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.routine-item strong,.routine-item span,.regimen-item strong,.regimen-item span,.regimen-item small,.dose-record strong,.dose-record span,.dose-record small{display:block}.routine-item span,.regimen-item span,.dose-record span{color:var(--muted);font-size:.8rem;margin-top:4px}.regimen-item small,.dose-record small{color:var(--accent);font-size:.72rem;margin-top:5px}.routine-actions,.regimen-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.routine-actions button,.regimen-actions button{padding:8px 10px;min-height:38px}.dose-status{padding:8px 10px;border-radius:10px;font-size:.78rem;font-weight:800}.dose-status.taken{background:rgba(71,215,172,.12);color:#9ff3d9}.dose-status.skipped{background:rgba(159,176,198,.12);color:var(--muted)}.supplement-management{display:grid;gap:16px;margin-top:22px}.supplement-management>section{padding:16px;background:#0a1625;border:1px solid var(--line);border-radius:16px}.supplement-management h3{margin:0}.manager-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.day-picker{display:flex;flex-wrap:wrap;gap:7px}.day-picker label{display:flex;flex-direction:row;align-items:center;background:#0a1625;border:1px solid var(--line);padding:8px;border-radius:10px}.day-picker input{width:20px;min-height:20px}.supplement-history{margin-top:24px}.supplement-filters{display:flex;gap:7px}.supplement-filters button{padding:8px 11px;min-height:38px}.supplement-filters .active{background:var(--accent);color:#052016}.seven-day{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px}.seven-day>div{padding:13px;background:#0a1625;border:1px solid var(--line);border-radius:13px}.seven-day span,.seven-day strong{display:block}.seven-day span{color:var(--muted);font-size:.73rem}.seven-day strong{font-size:1.25rem;margin-top:5px}@media(min-width:760px){.supplement-management{grid-template-columns:1fr 1fr}.seven-day{grid-template-columns:repeat(5,1fr)}}@media(max-width:620px){.supplements-card,.routine-item,.regimen-item,.dose-record{align-items:flex-start;flex-direction:column}.supplements-card button,.routine-actions,.regimen-actions{width:100%}.routine-actions button,.regimen-actions button{flex:1}.manager-heading{align-items:flex-start;flex-direction:column}.supplement-filters{width:100%}.supplement-filters button{flex:1}}