:root{--action:#111;--action-hover:#333;--action-pressed:#111;--action-text:#fff;--bg:#f7f6f3;--border:#eaeaea;--border-strong:#00000024;--focus:#11111129;--input:#fff;--muted:#787774;--shadow:#0000000a;--surface:#fff;--surface-strong:#fff;--text:#2f3437;--warning:#9f2f2d;--warning-bg:#fdebec;--warning-border:#f2c8ca;color:var(--text);background:var(--bg);font-synthesis:none;font-variant-numeric:tabular-nums;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.6 SF Pro Display,Geist Sans,Geist,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100dvh;margin:0}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#00000006 1px,#0000 1px),linear-gradient(90deg,#00000005 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}h1,h2,p{margin:0}h1{letter-spacing:-.035em;text-wrap:balance;font-family:Newsreader,Instrument Serif,Georgia,serif;font-size:3.45rem;font-weight:650;line-height:1}h2{letter-spacing:0;text-wrap:balance;font-size:1.12rem;font-weight:700;line-height:1.2}@media (width<=720px){h1{font-size:2.3rem}}.recipe-empty{background:#fbfbfa;border:1px dashed #d8d8d5;border-radius:12px;gap:4px;padding:14px;display:grid}.recipe-empty strong{color:var(--text);font-weight:700}.recipe-empty p{color:var(--muted);margin:0;font-size:.88rem}.refill-instruction{background:#fbfbfa;border:1px solid #eaeaea;border-radius:8px;gap:3px;padding:12px;display:grid}.refill-instruction span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:800}.refill-instruction strong{color:var(--text);font-size:.95rem}.refill-instruction small{color:var(--muted);font-size:.78rem;font-weight:700}.recipe-actions{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px;display:grid}.recipe-actions p{color:var(--muted);margin:0;font-size:.8rem;font-weight:600}.recipe-status{background:0 0;border:0;border-radius:0;gap:10px;padding:0;display:grid}.recipe-status div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.recipe-status span,.recipe-status p{color:var(--muted);margin:0;font-size:.82rem;font-weight:600}.recipe-status strong{color:var(--text);font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:1.08rem}.recipe-status progress{appearance:none;background:#f1f1ef;border:0;border-radius:999px;width:100%;height:8px;overflow:hidden}.recipe-status progress::-webkit-progress-bar{background:#f1f1ef}.recipe-status progress::-webkit-progress-value{background:#111;border-radius:999px}.recipe-status progress::-moz-progress-bar{background:#111;border-radius:999px}.recipe-editor{box-shadow:none;background:#fff;border:1px solid #eaeaea;border-radius:12px;gap:14px;padding:16px;display:grid}.recipe-editor-grid{grid-template-columns:minmax(240px,.82fr) minmax(0,1.18fr);gap:14px;display:grid}.container-tabs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.container-tab{box-shadow:none;color:var(--text);cursor:grab;text-align:left;background:#fff;gap:2px;min-width:142px;padding:10px 12px;display:grid}.container-tab.dragging{opacity:.55}.container-tab:active{cursor:grabbing}.container-tab.active{color:#111;background:#f7f6f3;border-color:#111}.container-tab small{color:inherit;opacity:.76;font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:.74rem}.recipe-summary{box-shadow:none;background:0 0;border:0;border-radius:0;gap:16px;padding:0;display:grid}.recipe-summary-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.recipe-summary-hero span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.recipe-summary-hero strong{color:var(--text);grid-row:span 2;font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:1.55rem;line-height:1}.recipe-summary-hero div{flex-wrap:wrap;gap:8px;display:flex}.recipe-summary-hero small{color:#346538;background:#edf3ec;border:1px solid #d7e5d5;border-radius:999px;padding:4px 8px;font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:.74rem;font-weight:700}.recipe-summary ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.recipe-summary li{border-top:1px solid #eaeaea;grid-template-columns:7rem 1fr;align-items:baseline;gap:12px;padding:10px 0 0;display:grid}.recipe-summary li strong{color:var(--text);font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:1.08rem}.recipe-summary li span{color:var(--text);font-weight:600}.ingredient-library-list{gap:14px;display:grid}.ingredient-library-group{gap:7px;display:grid}.ingredient-library-group-heading{gap:1px;display:grid}.ingredient-library-group h4{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:800}.ingredient-library-group-heading small{color:var(--muted);font-size:.76rem;font-weight:600}.ingredient-library-group-items{box-shadow:none;background:#fff;border:1px solid #eaeaea;border-radius:12px;display:grid;overflow:hidden}.ingredient-library-item,.custom-ingredient-trigger{box-shadow:none;color:var(--text);cursor:pointer;text-align:left;background:#fff;border:0;border-radius:0;align-items:center;gap:10px;min-height:64px;padding:12px 13px;display:grid}.ingredient-library-item{border-bottom:1px solid #eaeaea;grid-template-columns:minmax(0,1fr) auto}.ingredient-library-item:last-child{border-bottom:0}.ingredient-library-item:hover:not(:disabled),.custom-ingredient-trigger:hover{background:#f7f6f3}.ingredient-library-item.selected{cursor:default;background:#fbfbfa}.ingredient-library-main,.custom-ingredient-trigger span{gap:2px;display:grid}.ingredient-library-main strong,.custom-ingredient-trigger strong{font-weight:800;line-height:1.18}.ingredient-library-main span,.ingredient-library-main small,.ingredient-library-metrics,.custom-ingredient-trigger small,.hint,.empty-state{color:var(--muted);font-size:.82rem;font-weight:600}.ingredient-library-main small{font-size:.76rem;font-weight:500}.ingredient-library-side{place-items:end;gap:6px;display:grid}.ingredient-library-metrics{color:#346538;text-overflow:ellipsis;white-space:nowrap;background:#edf3ec;border:1px solid #d7e5d5;border-radius:999px;justify-self:end;max-width:9.5rem;padding:4px 8px;font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:.76rem;overflow:hidden}.ingredient-library-action{color:var(--text);font-size:.78rem;font-weight:800}.ingredient-library-item.selected .ingredient-library-action{color:var(--muted)}.custom-ingredient-trigger{background:#fff;border:1px dashed #d8d8d5;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;margin-top:2px}.custom-ingredient-trigger b{background:var(--action);color:var(--action-text);border-radius:6px;padding:5px 9px;font-size:.78rem}.empty-state{background:#fbfbfa;border:1px dashed #d8d8d5;border-radius:8px;padding:12px}.amount-list{gap:8px;display:grid}.amount-table-head{display:none}.amount-row{background:#fff;border:1px solid #eaeaea;border-radius:8px;grid-template-columns:4px minmax(0,1.4fr) minmax(104px,.4fr) minmax(140px,.65fr) auto;gap:12px 14px;padding:12px 14px;display:grid}.amount-row-accent{background:#c8d6b8;border-radius:999px;align-self:stretch}.amount-row-accent.electrolyte{background:#d8c37c}.amount-row-accent.mix{background:#9fbf93}.amount-row-main{align-self:center;gap:0;display:grid}.amount-row-title{gap:2px;display:grid}.amount-row-title strong{color:var(--text);font-weight:800;line-height:1.2}.amount-row-title span{color:var(--muted);font-size:.78rem;font-weight:600;line-height:1.35}.amount-row-dose{align-self:center}.amount-row-dose input{text-align:right;font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:1.08rem;font-weight:800}.amount-row-contribution{color:var(--muted);align-self:center;font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:.78rem;font-weight:700;line-height:1.35}.amount-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.amount-row-actions button{min-height:34px;padding:6px 10px}.ingredient-picker{background:0 0;border:0;border-radius:0;padding:0}.recipe-lines-panel{background:0 0;border:0;border-radius:0;gap:12px;padding:0;display:grid}.editor-panel-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.editor-panel-heading span{color:var(--text);font-weight:800}.editor-panel-heading small{color:var(--muted);font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:.76rem;font-weight:700}.ingredient-picker-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.ingredient-picker-heading span{color:var(--text);font-weight:800}.ingredient-picker-heading small{color:var(--muted);font-size:.76rem;font-weight:600}.ingredient-picker .quick-add{margin-top:12px}@media (width<=1080px){.amount-row,.recipe-editor-grid{grid-template-columns:1fr}.amount-row-actions{grid-column:auto;justify-content:flex-start}.recipe-actions{grid-template-columns:1fr}}@media (width<=720px){.ingredient-library-item,.custom-ingredient-trigger{grid-template-columns:1fr}.ingredient-library-metrics{white-space:normal;justify-self:start}.ingredient-library-side{place-items:start}.recipe-actions{flex-direction:column;align-items:stretch}.recipe-summary li{grid-template-columns:1fr}}.planner-workflow{gap:28px;display:grid}.plan-snapshot div,.ride-settings,.container-builder{animation:.6s cubic-bezier(.16,1,.3,1) both settle-in}.ride-settings{animation-delay:80ms}.container-builder{animation-delay:.14s}@keyframes settle-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ride-settings{box-shadow:none;background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:12px 14px}.ride-settings summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.ride-settings summary span{color:var(--text);font-size:1.02rem;font-weight:700}.ride-settings summary small{color:var(--muted);font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:.78rem}.ride-settings .form-grid{border-top:1px solid #eaeaea;margin-top:12px;padding-top:12px}.mix-workspace{width:100%}.section-heading{margin-bottom:14px}.section-heading .eyebrow{margin-bottom:4px}h3{margin:0}.form-grid,.custom-ingredient-form{gap:12px;display:grid}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.container-builder,.recipe-block,.amount-list,.quick-add{gap:16px;display:grid}.container-empty{background:#fff;border:1px dashed #d8d8d5;border-radius:12px;gap:4px;padding:20px;display:grid}.container-empty strong{color:var(--text);font-weight:700}.container-empty p{color:var(--muted);margin:0}.add-container-control{max-width:18rem}.container-card{border-radius:12px;gap:22px;padding:28px;display:grid}.container-card-header{grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:10px;display:grid}.container-card-header input{font-size:1.05rem;font-weight:700}.container-workspace{grid-template-columns:minmax(240px,.48fr) minmax(0,1.52fr);gap:28px;display:grid}.container-target-panel{background:#fbfbfa;border:1px solid #eaeaea;border-radius:12px;align-self:start;gap:14px;padding:16px;display:grid}.container-target-context{background:0 0;border:0;border-radius:0;gap:3px;padding:0 0 4px;display:grid}.container-target-context span,.container-target-context small{color:var(--muted);font-size:.78rem;font-weight:700}.container-target-context strong{color:var(--text);font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:1.35rem;line-height:1.05}.status-pill{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning);border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:700}.status-pill.ok{color:#346538;background:#edf3ec;border-color:#d7e5d5}.checkbox-row{align-items:center;gap:8px;display:flex}.checkbox-row input{width:auto;min-height:auto}.split-row{gap:6px;margin-top:5px;display:flex}.split-badge{color:var(--text);border:1px solid #0000;border-radius:7px;gap:4px;padding:2px 7px;font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:.76rem;font-weight:700;display:inline-flex}.split-badge.glucose{background:#e1f3fe;border-color:#c8e7fb}.split-badge.fructose{background:#fbf3db;border-color:#f1e2b9}.custom-ingredient-form{border-radius:12px;grid-column:span 2;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px}.custom-ingredient-form.inline-editor{grid-column:1/-1}.validation-list{color:var(--warning);border-radius:12px;margin:0 0 22px;padding:12px 14px 12px 30px}dd{color:var(--text);margin:3px 0 0;font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-weight:700}label{color:var(--muted);gap:6px;font-size:.8rem;font-weight:700;display:grid}.field-hint{color:var(--muted);font-size:.72rem;font-weight:600;line-height:1.35}input,select,button{border:1px solid var(--border-strong);font:inherit;border-radius:6px;min-height:40px;transition:background-color .22s cubic-bezier(.16,1,.3,1),border-color .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),color .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1)}input,select{background:var(--input);color:var(--text);width:100%;min-width:0;padding:8px 10px}input:disabled{color:var(--muted);cursor:not-allowed;opacity:.68}button:disabled{cursor:not-allowed;opacity:.64}button{background:var(--action);box-shadow:none;color:var(--action-text);cursor:pointer;padding:8px 15px;font-weight:700}button.secondary{box-shadow:none;color:var(--text);background:#fff}button:hover{border-color:#d8d8d5;transform:none;box-shadow:0 2px 8px #0000000a}button:not(.secondary):not(.ingredient-library-item):not(.custom-ingredient-trigger):not(.container-tab):hover{background:var(--action-hover);border-color:var(--action-hover)}button.secondary:hover,.ingredient-library-item:hover,.custom-ingredient-trigger:hover,.container-tab:hover{background:#f7f6f3;border-color:#d8d8d5}.container-tab.active:hover{background:#f7f6f3;border-color:#111}button:active,.ingredient-library-item:active,.custom-ingredient-trigger:active{transform:scale(.98)}button:focus-visible,input:focus-visible,select:focus-visible,.ingredient-library-item:focus-visible,.custom-ingredient-trigger:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (width<=1080px){.planner-header{grid-template-columns:1fr}.plan-actions{align-self:stretch;min-width:0}.form-grid,.custom-ingredient-form,.container-card-header,.container-workspace{grid-template-columns:1fr}.container-target-panel{padding:16px}}@media (width<=720px){.planner-shell{padding:32px 16px 56px}.plan-snapshot{grid-template-columns:1fr}.plan-snapshot div,.plan-snapshot div:first-child,.plan-snapshot div:last-child{border:1px solid #eaeaea;border-radius:12px}.button-row{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.plan-snapshot div,.ride-settings,.container-builder{animation:none}input,select,button{transition:none}}.skip-link{background:var(--action);color:var(--action-text);z-index:10;border-radius:0 0 6px 6px;padding:10px 14px;font-weight:700;transition:transform .52s cubic-bezier(.32,.72,0,1);position:fixed;top:0;left:24px;transform:translateY(-110%)}.skip-link:focus{transform:translateY(0)}.planner-shell{width:100%;max-width:1320px;margin:0 auto;padding:64px 32px 80px}.planner-header{grid-template-columns:minmax(0,1fr) minmax(250px,320px);align-items:start;gap:18px 28px;margin-bottom:28px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;background:#fff;border:1px solid #eaeaea;border-radius:999px;margin:0 0 12px;padding:4px 9px;font-size:.68rem;font-weight:800;display:inline-flex}.button-row{align-items:center;gap:10px;display:flex}.plan-actions{background:#fff;border:1px solid #eaeaea;border-radius:12px;align-self:start;gap:12px;min-width:250px;padding:14px;display:grid}.plan-actions-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.plan-document{gap:1px;min-width:0;display:grid}.plan-actions span,.saved-plan-library{color:var(--text);font-size:.86rem;font-weight:800}.plan-document strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:1.08rem;line-height:1.15;overflow:hidden}.plan-actions small{color:var(--muted);font-size:.74rem;font-weight:700}.plan-save-status{color:#956400;background:#fbf3db;border:1px solid #efe1b4;border-radius:999px;margin:0;padding:5px 9px}.plan-save-status span{color:inherit;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.68rem}.plan-save-status.saved{color:#346538;background:#edf3ec;border-color:#d7e5d5}.plan-save-status.dirty{color:#9f2f2d;background:#fdebec;border-color:#f5d0d2}.plan-action-buttons{grid-template-columns:1fr;gap:8px;display:grid}.saved-plan-library{border-top:1px solid #eaeaea;gap:6px;padding-top:12px;display:grid}.saved-plan-library>div{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.saved-plan-library p{color:var(--muted);background:#fbfbfa;border:1px dashed #d8d8d5;border-radius:8px;margin:0;padding:9px 10px;font-size:.78rem;font-weight:700}.container-card,.custom-ingredient-form,.validation-list{background:var(--surface);box-shadow:none;border:1px solid #eaeaea}dt{color:var(--muted);font-size:.78rem;font-weight:700;display:block}.plan-snapshot{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:4px 0 0;display:grid}.plan-snapshot div{box-shadow:none;background:#fff;border:1px solid #eaeaea;border-right:0;min-height:96px;padding:16px}.plan-snapshot div:first-child{border-radius:12px 0 0 12px}.plan-snapshot div:last-child{border-right:1px solid #eaeaea;border-radius:0 12px 12px 0}.plan-snapshot dd{font-size:1.08rem;line-height:1.1}.plan-snapshot progress{appearance:none;background:#f1f1ef;border:0;border-radius:999px;width:100%;height:6px;margin-top:8px;display:block;overflow:hidden}.plan-snapshot progress::-webkit-progress-bar{background:#f1f1ef}.plan-snapshot-carbs progress::-webkit-progress-value{background:#111;border-radius:999px}.plan-snapshot-carbs progress::-moz-progress-bar{background:#111;border-radius:999px}.plan-snapshot-water progress::-webkit-progress-value{background:#1f6c9f;border-radius:999px}.plan-snapshot-water progress::-moz-progress-bar{background:#1f6c9f;border-radius:999px}.plan-snapshot-sodium progress::-webkit-progress-value{background:#346538;border-radius:999px}.plan-snapshot-sodium progress::-moz-progress-bar{background:#346538;border-radius:999px}.plan-snapshot small{color:var(--muted);margin-top:5px;font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:.72rem;font-weight:700;display:block}.carry-summary{background:#fff;border:1px solid #eaeaea;border-radius:12px;gap:12px;margin-top:16px;padding:14px;display:grid}.carry-summary>div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.carry-summary span{color:var(--text);font-weight:800}.carry-summary small{color:var(--muted);font-size:.78rem;font-weight:700}.carry-summary ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.carry-summary li{background:#fbfbfa;border:1px solid #eaeaea;border-radius:8px;gap:2px;min-width:150px;padding:9px 10px;display:grid}.carry-summary li strong{color:var(--text);font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:.9rem}.carry-summary li span{color:var(--muted);font-size:.78rem;font-weight:700}@media (width<=900px){.plan-snapshot{grid-template-columns:1fr;gap:8px}.plan-snapshot div,.plan-snapshot div:first-child,.plan-snapshot div:last-child{border:1px solid #eaeaea;border-radius:12px}}