.creatine-calculator{--creatine-border:#d5dfed;--creatine-shadow:0 2px 4px #11182708, 0 8px 24px #1d4ed80d}.creatine-calculator .calculator-workspace{border:1px solid var(--creatine-border);box-shadow:var(--creatine-shadow);background:#fff;border-radius:1.25rem;gap:2rem;padding:clamp(1rem,3vw,2rem)}.creatine-eyebrow{color:#1d4ed8;text-transform:uppercase;letter-spacing:.07em;margin:0;font-size:.75rem;font-weight:700}.creatine-calculator fieldset{border:0;min-width:0;margin:1rem 0;padding:0}.creatine-calculator legend{margin-bottom:.5rem;font-weight:700}.creatine-units{flex-wrap:wrap;gap:1rem;display:flex}.creatine-units label,.creatine-adult{align-items:center;gap:.625rem;min-height:44px;display:flex}.creatine-calculator input[type=radio],.creatine-calculator input[type=checkbox]{accent-color:#2563eb;flex:none;width:18px;height:18px}.creatine-goals label{border:1px solid var(--creatine-border);cursor:pointer;border-radius:1rem;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:1rem;transition:border-color .18s,background .18s;display:flex}.creatine-goals label:has(:checked){background:#eff6ff;border-color:#2563eb;box-shadow:inset 3px 0 #2563eb}:is(.creatine-goals label:has(:focus-visible),.creatine-days label:has(:focus-visible)){outline-offset:3px;outline:3px solid #2563eb}.creatine-goals small{color:#4b5563;margin-top:.125rem;font-size:.875rem;display:block}.creatine-adult{margin-block:1rem}.creatine-calculator .button{border-radius:.75rem;min-height:48px}.creatine-primary{background:#eff6ff;border:1px solid #cbdcf4;border-radius:1.125rem;height:100%;min-height:28rem;padding:1.5rem}.creatine-primary h2{color:#1d4ed8;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.creatine-dose{letter-spacing:-.04em;color:#1d4ed8;margin-top:1.25rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:750;line-height:1.2}.creatine-dose>span{letter-spacing:-.015em;white-space:nowrap;font-size:1.25rem}.creatine-serving{font-size:1.25rem;font-weight:700}.creatine-schedule{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin:1.25rem 0;padding:0;list-style:none;display:grid}.creatine-schedule li{background:#fff;border:1px solid #d5dfed;border-radius:.75rem;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.creatine-schedule span{color:#4b5563;font-size:.75rem}.creatine-duration{font-weight:650}.creatine-maintenance{border-top:1px solid #cbdcf4;padding-top:1rem}.creatine-maintenance strong{color:#1d4ed8;font-size:1.5rem;display:block}.creatine-primary p:not(.creatine-dose,.creatine-serving,.creatine-maintenance){font-size:.875rem}.creatine-placeholder>span{color:#93b4ef;margin-top:2rem;font-size:3rem;display:block}.creatine-review{background:#fff;border:1px solid #94a3b8;border-radius:.75rem;padding:.75rem}.creatine-health-note{color:#4b5563;border-left:3px solid #93b4ef;padding:1rem 1.25rem;font-size:.875rem}.creatine-panel{border:1px solid var(--creatine-border);box-shadow:var(--creatine-shadow);background:#fff;border-radius:1.125rem;margin-top:1.5rem;padding:clamp(1rem,3vw,1.5rem)}.creatine-panel h2{font-size:1.375rem}.creatine-panel>p{color:#4b5563}.creatine-panel>.button{margin-top:1rem;margin-right:.5rem}.creatine-table-scroll{margin-top:1rem;overflow-x:auto}.creatine-panel table{border-collapse:collapse;width:100%;font-size:.875rem}.creatine-panel caption{text-align:left;color:#4b5563;padding-bottom:.75rem}.creatine-panel th,.creatine-panel td{text-align:left;border-bottom:1px solid #e2e8f0;padding:.875rem .625rem}.creatine-panel thead{background:#eff6ff}.creatine-panel th:first-child{width:34%}.creatine-scoop-result{background:#eff6ff;border-radius:.75rem;padding:1rem}.creatine-days{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem;margin-top:1rem;display:grid}.creatine-days label{border:1px solid var(--creatine-border);cursor:pointer;border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.875rem;display:flex}.creatine-days label:has(:checked){background:#eff6ff;border-color:#2563eb}.creatine-days small{color:#4b5563;flex-basis:100%;font-size:.6875rem}.creatine-tracker h3{margin-top:1.5rem}.creatine-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.creatine-calculator textarea{width:100%}@media (max-width:47.99rem){.creatine-primary{min-height:19rem}.creatine-panel th,.creatine-panel td{padding:.75rem .375rem}}@media (max-width:25rem){.creatine-panel table{font-size:.8125rem}.creatine-panel th:first-child{width:40%}}@media (prefers-reduced-motion:reduce){.creatine-calculator *{transition:none!important}}@media (forced-colors:active){:is(.creatine-goals label:has(:checked),.creatine-days label:has(:checked)){border-color:highlight}}