.cct-chart{height:110px;margin:30px 4px 6px;position:relative}.cct-zone{background:#22c55e1a;border:1px dashed #22c55e66;border-radius:8px;width:24%;position:absolute;top:0;bottom:26px;left:14%}.cct-baseline{background:#e2e8f0;height:1px;position:absolute;bottom:26px;left:0;right:0}.cct-cols{height:84px;display:flex;position:relative}.cct-col{flex:1 1 0;min-width:0;height:100%;position:relative}.cct-dot{background:#94a3b8;border-radius:50%;width:10px;height:10px;position:absolute;left:50%;transform:translate(-50%,50%)}.cct-col.peak .cct-dot{background:#16a34a;width:13px;height:13px}.cct-time{color:#6b7280;white-space:nowrap;font-size:.64rem;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.cct-caption{text-align:center;color:#888;margin:4px 0 0;font-size:.8rem;font-style:italic}@media (max-width:480px){.cct-time{font-size:.56rem}}
.ccb-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.ccb-label{color:#444;flex:0 0 158px;font-size:.8rem;font-weight:600}.ccb-track{background:#eef2f5;border-radius:12px;flex:auto;min-width:0;height:22px;overflow:hidden}.ccb-fill{color:#fff;white-space:nowrap;background:linear-gradient(90deg,#92400e,#78350f);border-radius:12px;justify-content:flex-end;align-items:center;height:100%;padding-right:10px;font-size:.72rem;font-weight:700;display:flex}.ccb-fill.energy{background:linear-gradient(90deg,#0ea5e9,#0369a1)}.ccb-fill.preworkout{background:linear-gradient(90deg,#ef4444,#b91c1c)}.ccb-fill.mild{background:linear-gradient(90deg,#94a3b8,#64748b)}.ccb-caption{text-align:center;color:#888;margin:10px 0 0;font-size:.8rem;font-style:italic}@media (max-width:480px){.ccb-label{flex:0 0 100px;font-size:.7rem}.ccb-fill{font-size:.64rem}}
.cdc-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:22px 0 10px;display:grid}.cdc-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 12px}.cdc-icon{margin-bottom:6px;font-size:1.5rem}.cdc-name{color:#1f2937;margin-bottom:6px;font-size:.82rem;font-weight:700}.cdc-kcal{border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-block}.cdc-kcal.low{color:#15803d;background:#22c55e1f}.cdc-kcal.mid{color:#b45309;background:#f59e0b24}.cdc-kcal.high{color:#b91c1c;background:#ef44441f}@media (max-width:480px){.cdc-grid{grid-template-columns:repeat(2,1fr)}.cdc-name{font-size:.76rem}}
.ccl-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:20px 0 8px;display:flex}.ccl-step{text-align:center;background:#fff;border:2px solid #fde68a;border-radius:12px;flex-direction:column;flex:130px;align-items:center;gap:6px;min-width:0;padding:12px;display:flex}.ccl-icon{font-size:1.5rem}.ccl-text{color:#374151;font-size:.76rem;font-weight:600;line-height:1.3}.ccl-arrow{color:#d97706;flex:none;font-size:1.2rem}.ccl-loop{text-align:center;color:#b45309;background:#fffbeb;border:2px dashed #fde68a;border-radius:10px;margin-top:10px;padding:8px 12px;font-size:.82rem;font-weight:700}@media (max-width:480px){.ccl-row{gap:6px}.ccl-text{font-size:.68rem}.ccl-loop{font-size:.74rem}}