.creatine-app{width:min(100% - 2rem,44rem);color:var(--portfolio-ink);font-family:var(--portfolio-font);margin:2rem auto 4rem}.creatine-app *,.creatine-app :before,.creatine-app :after{box-sizing:border-box}.creatine-app [hidden]{display:none!important}.creatine-app h1,.creatine-app h2,.creatine-app p{margin:0}.creatine-app h1{letter-spacing:-.045em;overflow-wrap:anywhere;font-size:clamp(2.1rem,8vw,3.6rem);line-height:.98}.creatine-app h2{letter-spacing:-.03em;font-size:clamp(1.35rem,4vw,1.75rem)}.creatine-setup,.creatine-dashboard{gap:1rem;display:grid}.creatine-setup[hidden],.creatine-dashboard[hidden],.creatine-undo[hidden],.creatine-settings[hidden],.creatine-recovery[hidden]{display:none}.creatine-saving{border:1px solid var(--portfolio-rule);border-radius:var(--portfolio-radius);background:var(--portfolio-card);gap:.25rem;margin-top:1rem;padding:.875rem 1rem;display:grid}.creatine-saving .creatine-helper{min-height:0}.creatine-saved-copy{border-top:1px solid var(--portfolio-rule);overflow-wrap:anywhere;gap:.375rem;padding-block:.75rem;display:grid}#reloadTracker{margin-bottom:1rem}.creatine-setup{border:1px solid var(--portfolio-rule);border-radius:var(--portfolio-radius);background:var(--portfolio-card);padding:clamp(1.25rem,5vw,2.5rem)}.creatine-intro{max-width:58ch;color:var(--portfolio-copy);font-size:1.0625rem;line-height:1.5}.creatine-kicker{color:var(--portfolio-muted);font-family:var(--portfolio-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;line-height:1.5}.creatine-form{gap:1rem;display:grid}.creatine-form--compact{border:1px solid var(--portfolio-rule);border-radius:var(--portfolio-radius);background:var(--portfolio-card);padding:1rem}.creatine-field{gap:.375rem;min-width:0;display:grid}.creatine-field label{font-size:.9375rem;font-weight:600}.creatine-field input,.creatine-field select{border:1px solid var(--portfolio-muted);background:var(--portfolio-card);width:100%;min-width:0;max-width:100%;min-height:3rem;color:var(--portfolio-ink);font:inherit;border-radius:.25rem;padding:.625rem .75rem;font-size:1rem}.creatine-field input[readonly]{background:var(--portfolio-paper);color:var(--portfolio-copy)}.creatine-field input:focus-visible,.creatine-field select:focus-visible,.creatine-button:focus-visible,.creatine-text-button:focus-visible,.creatine-data-actions button:focus-visible,.creatine-shortcuts button:focus-visible,.creatine-icon-button:focus-visible,.creatine-history button:focus-visible,.creatine-details summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.creatine-weight-row{grid-template-columns:minmax(0,1fr) 5rem;gap:.5rem;display:grid}.creatine-dose-choice{border:0;gap:.625rem;min-width:0;margin:0;padding:0;display:grid}.creatine-dose-choice legend{margin-bottom:.375rem;font-size:.9375rem;font-weight:600}.creatine-dose-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.creatine-dose-options label{border:1px solid var(--portfolio-rule);background:var(--portfolio-card);cursor:pointer;border-radius:999px;place-items:center;min-height:3rem;padding:.5rem;font-size:.875rem;font-weight:700;display:grid;position:relative}.creatine-dose-options input{opacity:0;width:1px;height:1px;position:absolute}.creatine-dose-options label:has(input:checked){border-color:var(--portfolio-blue);background:var(--portfolio-paper);color:var(--portfolio-blue)}.creatine-dose-options label:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.creatine-dose-warning{border-left:3px solid var(--color-danger);background:var(--portfolio-paper);color:var(--portfolio-copy);padding:.75rem;font-size:.8125rem;line-height:1.45}.creatine-helper{min-height:1lh;color:var(--portfolio-muted);font-size:.8125rem;line-height:1.45}.creatine-notice,.creatine-details__content{border-left:3px solid var(--portfolio-blue);background:var(--portfolio-paper);color:var(--portfolio-copy);gap:.625rem;padding:1rem;font-size:.875rem;line-height:1.45;display:grid}.creatine-button{border:1px solid var(--portfolio-ink);min-height:3rem;color:var(--portfolio-ink);font:700 .875rem/1 var(--portfolio-font);white-space:nowrap;cursor:pointer;transition:transform var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1rem;display:inline-flex}.creatine-button:active,.creatine-text-button:active,.creatine-data-actions button:active{transform:translateY(1px)}.creatine-button--primary{border-color:var(--portfolio-blue);background:var(--portfolio-blue);color:var(--portfolio-card)}.creatine-button--secondary{background:var(--portfolio-card)}.creatine-button--danger{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-accent-ink)}.creatine-button:disabled{border-color:var(--portfolio-rule);background:var(--portfolio-paper);color:var(--portfolio-muted);cursor:not-allowed}.creatine-dashboard__header,.creatine-progress-card__top,.creatine-progress-row,.creatine-today-card,.creatine-section-heading,.creatine-dialog__heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.creatine-dashboard__header{align-items:center}.creatine-text-button,.creatine-data-actions button,.creatine-history button,.creatine-shortcuts button{min-height:2.75rem;color:var(--portfolio-blue);font:600 .875rem/1.2 var(--portfolio-font);text-underline-offset:.18em;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:.5rem .625rem;text-decoration:underline}.creatine-progress-card,.creatine-today-card{border:1px solid var(--portfolio-rule);border-radius:var(--portfolio-radius);background:var(--portfolio-card);padding:clamp(1.125rem,4vw,1.5rem)}.creatine-progress-card{gap:.875rem;display:grid}.creatine-progress-card__top>p{font-weight:600}.creatine-progress-row{align-items:center}.creatine-progress{background:var(--portfolio-paper);border-radius:999px;flex:1;min-width:0;height:1rem;overflow:hidden}.creatine-progress span{width:var(--progress,0%);background:var(--portfolio-blue);height:100%;transition:width var(--dur-short) var(--ease-out);display:block}.creatine-progress-row strong{min-width:4rem;color:var(--portfolio-blue);letter-spacing:-.05em;font-size:clamp(1.75rem,7vw,2.5rem)}.creatine-progress-row strong[data-state=maintained]{letter-spacing:-.025em;font-size:clamp(1.125rem,5vw,1.5rem)}.creatine-today-card{gap:1rem;display:grid}.creatine-today-line{letter-spacing:-.02em;font-size:1.125rem;font-weight:600;margin-top:.25rem!important}.creatine-today-schedule{border-top:1px solid var(--portfolio-rule);gap:.5rem;min-width:0;padding-top:.875rem;display:grid}.creatine-today-schedule h2{letter-spacing:0;font-size:.9375rem;line-height:1.3}.creatine-today-schedule ol{gap:0;min-width:0;margin:0;padding:0;list-style:none;display:grid}.creatine-today-schedule ol:empty{display:none}.creatine-schedule-slot{border-bottom:1px solid var(--portfolio-rule);grid-template-columns:minmax(3.5rem,auto) minmax(0,1fr);align-items:baseline;gap:.75rem;min-width:0;padding:.4375rem 0;display:grid}.creatine-schedule-slot:last-child{border-bottom:0}.creatine-schedule-slot__label{color:var(--portfolio-muted);font-family:var(--portfolio-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.creatine-schedule-slot__time{min-width:0;color:var(--portfolio-copy);overflow-wrap:anywhere;font-size:.9375rem;font-weight:600}.creatine-today-schedule #todayScheduleNote{margin-top:.125rem}.creatine-actions{gap:.625rem;display:grid}.creatine-missed{border:1px solid var(--portfolio-rule);border-radius:var(--portfolio-radius);background:var(--portfolio-paper);color:var(--portfolio-copy);padding:.875rem 1rem;font-size:.875rem;line-height:1.45}.creatine-undo{border-radius:var(--portfolio-radius);background:var(--portfolio-ink);color:var(--portfolio-dark-text);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.creatine-undo button{min-height:2.75rem;color:var(--portfolio-blue-light);font:700 .875rem/1 var(--portfolio-font);cursor:pointer;background:0 0;border:0;text-decoration:underline}.creatine-settings{margin-top:1rem}.creatine-settings>.creatine-details__content{gap:1rem}.creatine-settings .creatine-form--compact{background:0 0;border:0;border-radius:0;padding:0}.creatine-data-actions{flex-wrap:wrap;gap:.25rem .75rem;display:flex}.creatine-data-actions input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.creatine-data-actions .creatine-danger{color:var(--color-danger)}.creatine-recovery{border:1px solid var(--portfolio-rule);border-radius:var(--portfolio-radius);background:var(--portfolio-paper);gap:.75rem;padding:1rem;display:grid}.creatine-recovery p{color:var(--portfolio-copy);font-size:.875rem;line-height:1.45}.creatine-privacy{color:var(--portfolio-copy);font-size:.8125rem;line-height:1.45}.creatine-history>summary h2{letter-spacing:0;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.35;display:inline}.creatine-history>.creatine-details__content{gap:.75rem}.creatine-history #historyList{min-width:0}.creatine-section-heading{align-items:baseline}.creatine-section-heading p{color:var(--portfolio-muted);font-size:.8125rem}.creatine-history-day{border-top:1px solid var(--portfolio-rule);padding-top:.875rem}.creatine-history-day__heading{color:var(--portfolio-copy);justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.875rem;font-weight:600;display:flex}.creatine-history-entry{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;min-width:0;padding:.625rem 0 0;font-size:.875rem;display:flex}.creatine-history-actions{flex-wrap:wrap;justify-content:flex-end;display:flex}.creatine-empty{color:var(--portfolio-muted);font-size:.9375rem}.creatine-details{border:1px solid var(--portfolio-rule);border-radius:var(--portfolio-radius);background:var(--portfolio-card)}.creatine-details summary{overflow-wrap:anywhere;cursor:pointer;min-height:3rem;padding:.9rem 1rem;font-size:.9375rem;font-weight:600;line-height:1.35}.creatine-details__content{border-left:0}.creatine-warning,.creatine-error{border:1px solid var(--color-danger);border-radius:var(--portfolio-radius);background:var(--portfolio-card);color:var(--color-danger);padding:.875rem 1rem;font-size:.875rem;line-height:1.45}.creatine-error:empty{display:none}.creatine-live{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.creatine-dialog{border-radius:var(--portfolio-radius);width:min(100% - 2rem,30rem);min-width:0;max-width:30rem;max-height:min(86dvh,44rem);color:var(--portfolio-ink);box-shadow:var(--shadow-photo);border:0;padding:0}.creatine-dialog::backdrop{background:oklch(20% .01 64/.5)}.creatine-dialog .creatine-form{background:var(--portfolio-card);width:100%;min-width:0;max-width:100%;padding:1.25rem;overflow-x:hidden}.creatine-dialog__heading h2{overflow-wrap:anywhere;min-width:0}.creatine-icon-button{width:2.75rem;height:2.75rem;color:var(--portfolio-ink);cursor:pointer;background:0 0;border:0;flex:0 0 2.75rem;place-items:center;font-size:1.75rem;display:grid}.creatine-shortcuts{gap:.5rem;display:flex}@supports selector(:has(*)){.creatine-dialog:has(#doseDate:focus) #saveDose{visibility:hidden}}@media (width>=40rem){.creatine-today-card{grid-template-columns:minmax(0,1fr) minmax(15rem,.85fr);align-items:center}.creatine-today-card>:first-child,.creatine-today-schedule{grid-column:1}.creatine-today-card>.creatine-actions{grid-area:1/2/span 2}}@media (hover:hover) and (pointer:fine){.creatine-button--primary:hover{background:var(--color-blue-ink)}.creatine-button--secondary:hover{background:var(--portfolio-paper)}.creatine-text-button:hover,.creatine-data-actions button:hover,.creatine-history button:hover{color:var(--portfolio-ink)}}@media (prefers-reduced-motion:reduce){.creatine-progress span,.creatine-button{transition-duration:0s}}