:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#080808;--color-bg-deep:#030303;--color-panel:#151515;--color-panel-raised:#202020;--color-steel:#5f6468;--color-steel-dark:#2b2f31;--color-rust:#c44727;--color-rust-hot:#f26938;--color-ember:#ff9a3d;--color-text:#f4f1e8;--color-text-muted:#b1aca1;--color-text-dim:#7c776d;--color-border:#343434;--color-danger:#d33d2e;--color-success:#a7b86a;--font-display:"Bahnschrift Condensed", "Agency FB", "Arial Narrow", sans-serif;--font-body:"Aptos", "Segoe UI", sans-serif;--font-mono:"Cascadia Mono", "Consolas", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-panel:0 1.25rem 3rem #00000073, inset 0 1px 0 #ffffff14;--shadow-cut:inset 0 0 0 1px #ffffff0f, inset 0 -1.5rem 2rem #00000038;--max-content:72rem}
*{box-sizing:border-box}html{background:var(--color-bg);-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:320px;overflow-x:hidden}body{background:radial-gradient(circle at 12% 8%, #c4472733, transparent 24rem), radial-gradient(circle at 78% 4%, #5f646829, transparent 28rem), linear-gradient(135deg, #ffffff09 0 1px, transparent 1px 15px), linear-gradient(180deg, var(--color-bg), var(--color-bg-deep));min-height:100dvh;color:var(--color-text);font-family:var(--font-body);margin:0;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";mix-blend-mode:screen;opacity:.62;background:repeating-linear-gradient(97deg,#0000 0 10px,#ffffff05 10px 11px),repeating-linear-gradient(4deg,#ffffff03 0 1px,#0000 1px 7px);position:fixed;inset:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--color-ember);outline-offset:3px}.tracker-shell{width:min(100%, var(--max-content));min-height:100dvh;margin:0 auto;padding:clamp(1rem,4vw,2rem)}.app-topbar{gap:var(--space-3);margin-bottom:var(--space-4);justify-content:flex-end;display:flex}.settings-link,.back-link{z-index:2;align-items:center;gap:var(--space-2);min-height:2.85rem;padding:var(--space-2) var(--space-4);color:var(--color-text);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#ffffff14,#0000 50%),#00000061;border:1px solid #ffffff24;border-radius:999px;font-size:.78rem;font-weight:900;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 .75rem 1.5rem #00000047}.settings-link:hover,.back-link:hover{color:var(--color-rust-hot);border-color:#c4472794}.settings-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.15rem;height:1.15rem}@media (max-width:28rem){.app-topbar{gap:var(--space-2);align-items:stretch;width:100%}.app-topbar .settings-link{justify-content:center;gap:var(--space-1);width:auto;min-width:0;max-width:100%;min-height:2.35rem;padding:var(--space-1) var(--space-2);letter-spacing:.08em;flex:1 1 0;font-size:.68rem}.app-topbar .settings-link span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.settings-icon{width:1rem;height:1rem}}.tracker-board{gap:var(--space-6);display:grid;position:relative}.hero{gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel), var(--shadow-cut);background:linear-gradient(120deg,#ffffff14,#0000 34%),linear-gradient(#202020f0,#0c0c0cfa);padding:clamp(1.25rem,5vw,3rem);display:grid;overflow:hidden}.hero:before{aspect-ratio:1;content:"";border:clamp(1.4rem,4vw,2.75rem) solid #5f646833;border-radius:50%;width:clamp(12rem,30vw,22rem);position:absolute;bottom:clamp(-4rem,-8vw,-1.5rem);right:clamp(-5rem,-8vw,-2rem);box-shadow:inset 0 0 0 .7rem #00000080,inset 0 0 2rem #ffffff14,0 0 0 1rem #00000029}.hero:after,.panel:after,.entry-card:after{pointer-events:none;content:"";opacity:.54;background:linear-gradient(118deg,#0000 0 18%,#ffffff0a 18.2%,#0000 18.8% 58%,#ffffff08 58.4%,#0000 59%),repeating-linear-gradient(0deg,#0000 0 18px,#0000002e 18px 19px);position:absolute;inset:0}.kicker{color:var(--color-rust-hot);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.hero-title{max-width:11ch;color:var(--color-text);font-family:var(--font-display);letter-spacing:-.07em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(3.6rem,15vw,8.5rem);font-weight:900;font-stretch:75%;line-height:.78}.hero-copy{max-width:42rem;color:var(--color-text-muted);margin:0;font-size:clamp(1rem,2vw,1.15rem);line-height:1.6}.date-selector{gap:var(--space-3);padding:var(--space-4) clamp(.5rem, 2vw, var(--space-4));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg, #ffffff0f, transparent 42%), linear-gradient(180deg, var(--color-panel-raised), var(--color-panel));box-shadow:var(--shadow-panel), var(--shadow-cut);display:grid;position:relative}.date-week{gap:clamp(.15rem, 1vw, var(--space-2));grid-template-columns:repeat(7,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.date-day{justify-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) 0;border-radius:var(--radius-lg);color:var(--color-text-muted);-webkit-tap-highlight-color:transparent;appearance:none;background:0 0;border:0;display:grid}.date-day:focus,.date-day:active{outline:0}.date-day:focus-visible{outline:3px solid var(--color-ember);outline-offset:3px}.date-day:active:not(.date-day-selected):not(.date-day-future){background:0 0}.date-weekday{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}.date-number{aspect-ratio:1;width:clamp(2rem,8vw,2.75rem);font-family:var(--font-display);justify-content:center;align-items:center;font-size:clamp(1.1rem,4vw,1.5rem);font-weight:900;display:inline-flex;position:relative}.date-number-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.date-number-ring-track,.date-number-ring-progress{fill:none;stroke-width:2.5px}.date-number-ring-track{stroke:#ffffff1f}.date-number-ring-progress{stroke:var(--color-rust-hot);stroke-linecap:round;transition:stroke-dashoffset .5s}.date-number-label{z-index:1;position:relative}.date-day:hover:not(.date-day-future) .date-number{color:var(--color-text)}.date-day:hover:not(.date-day-future) .date-number-ring-track{stroke:#c4472759}.date-day-today{color:var(--color-text)}.date-day-today .date-weekday{color:var(--color-rust-hot)}.date-day-today .date-number{color:var(--color-text)}.date-day-today .date-number-ring-track{stroke:#ffffff61}.date-day-selected{color:var(--color-text);background:#00000073;box-shadow:inset 0 0 0 1px #ffffff0f}.date-day-selected .date-number{color:var(--color-text);filter:drop-shadow(0 0 .7rem #f2693880)}.date-day-selected .date-number-ring-track{stroke:#f2693838}.date-day-selected .date-number-ring-progress{stroke-width:3.5px}.date-day-today.date-day-selected{background:#f269381f;box-shadow:inset 0 0 0 1px #f2693859}.date-day-today.date-day-selected .date-weekday{color:var(--color-ember)}.date-day-today.date-day-selected .date-number{filter:none}.date-day-future{opacity:.4}.summary-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.summary-card,.panel,.entry-card,.modal-card{border:1px solid var(--color-border);background:linear-gradient(135deg, #ffffff14, transparent 42%), linear-gradient(180deg, var(--color-panel-raised), var(--color-panel));box-shadow:var(--shadow-panel), var(--shadow-cut);position:relative}.summary-card{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);display:flex}.summary-text{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.summary-label,.section-label,.entry-meta{color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:800}.summary-value{font-family:var(--font-display);letter-spacing:-.05em;align-items:baseline;gap:.08em;font-size:clamp(2.2rem,7vw,3.4rem);font-weight:900;line-height:.85;display:flex}.summary-divider,.summary-calorie-target{color:var(--color-text-muted);font-size:.55em}.summary-unit{color:var(--color-rust-hot);font-family:var(--font-mono);letter-spacing:.08em;margin-left:var(--space-2);font-size:clamp(.7rem,1.6vw,.9rem)}.summary-ring{flex:none;width:4.75rem;height:4.75rem;position:relative}.summary-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.summary-ring-track{fill:none;stroke:#ffffff12;stroke-width:5px}.summary-ring-progress{fill:none;stroke:var(--ring-accent,var(--color-rust-hot));stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset .5s}.summary-ring-icon{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.summary-ring-icon svg{width:1.6rem;height:1.6rem;fill:var(--ring-accent,var(--color-rust-hot));transform:none}.summary-ring-calories{--ring-accent:var(--color-rust-hot)}.summary-ring-calories .summary-calories-icon{width:2rem;height:2rem;fill:var(--color-rust-hot)}.summary-ring-protein{--ring-accent:var(--color-rust-hot)}.main-grid{gap:var(--space-6);min-width:0;display:grid}.panel{border-radius:var(--radius-xl);min-width:0;padding:clamp(1rem,4vw,1.5rem)}.panel-header{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex;position:relative}.panel-title{font-family:var(--font-display);letter-spacing:-.05em;text-transform:uppercase;margin:0;font-size:clamp(2rem,6vw,3.25rem);font-weight:900;line-height:.9}.entry-list{z-index:1;gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid;position:relative}.entry-card{border-radius:var(--radius-md);width:100%;min-height:5.25rem;padding:0;overflow:hidden}.entry-button{z-index:1;gap:var(--space-3);width:100%;min-height:5.25rem;padding:var(--space-4);color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:1fr auto;align-items:center;display:grid;position:relative}.entry-button:hover{background:#ffffff0a}.entry-button:active{background:#c4472724}.entry-note{margin:var(--space-2) 0 0;color:var(--color-text);font-size:1rem;font-weight:800;line-height:1.35}.entry-macros{gap:var(--space-1);color:var(--color-text-muted);font-family:var(--font-mono);justify-items:end;font-size:.86rem;font-weight:800;display:grid}.empty-state{z-index:1;min-height:13rem;padding:var(--space-8);border-radius:var(--radius-lg);color:var(--color-text-muted);background:#0000002e;border:1px dashed #ffffff2e;position:relative}.empty-state strong{margin-bottom:var(--space-2);color:var(--color-text);font-family:var(--font-display);letter-spacing:-.05em;text-transform:uppercase;font-size:2.25rem;line-height:.9;display:block}.record-zone{bottom:var(--space-4);z-index:5;gap:var(--space-3);display:grid;position:sticky}.record-button{width:100%;min-width:0;min-height:7.5rem;padding:var(--space-5);border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 12%, #fff3, transparent 28%), linear-gradient(180deg, var(--color-rust-hot), var(--color-rust));color:#160806;font-family:var(--font-display);letter-spacing:-.06em;text-transform:uppercase;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:2px solid #ffffff1f;place-items:center;font-size:clamp(2.2rem,9vw,5rem);font-weight:900;line-height:.9;transition:filter .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 1rem 2.5rem #0000006b,inset 0 3px #ffffff3d,inset 0 -10px #0003}.record-button:hover{filter:brightness(1.08)}.record-button:active,.record-button[data-recording=true]{filter:saturate(1.2);transform:translateY(2px)}.record-button[data-recording=true]{animation:1.4s ease-in-out infinite record-button-breathe}.record-content{z-index:1;justify-items:center;display:grid;position:relative}.record-visual{aspect-ratio:1;width:4rem;margin-bottom:var(--space-3);place-items:center;display:grid;position:relative}.record-dot{aspect-ratio:1;background:#160806;border-radius:50%;width:1.25rem;animation:1.1s ease-in-out infinite record-dot-pulse;box-shadow:0 0 0 .45rem #1608061f}.record-mic-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25px;width:2.4rem;height:2.4rem}.record-label{display:block}.record-subtext{margin-top:var(--space-2);color:#160806c7;font-family:var(--font-mono);letter-spacing:.12em;font-size:.78rem;display:block}.manual-log-button{min-height:2.65rem;padding:var(--space-2) var(--space-4);color:var(--color-text);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#ffffff14,#0000 50%),#00000061;border:1px solid #ffffff24;border-radius:999px;justify-self:end;font-size:.78rem;font-weight:900;box-shadow:0 .75rem 1.5rem #00000047}.manual-log-button:hover{color:var(--color-rust-hot);border-color:#c4472794}.modal-backdrop{z-index:20;padding:var(--space-4);background:#000000ad;place-items:end center;display:grid;position:fixed;inset:0}.modal-card{width:min(100%,42rem);max-height:min(90dvh,46rem);padding:var(--space-5);border-radius:var(--radius-xl);overflow:auto}.modal-title{margin:0 0 var(--space-2);font-family:var(--font-display);letter-spacing:-.06em;text-transform:uppercase;font-size:clamp(2.2rem,9vw,4rem);font-weight:900;line-height:.85}.modal-copy{margin:0 0 var(--space-5);color:var(--color-text-muted);line-height:1.55}.field-stack{gap:var(--space-4);display:grid}.followup-question{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.4rem,5vw,2rem);font-weight:800;line-height:1.05}.suggested-answers{gap:var(--space-2);flex-wrap:wrap;display:flex}.suggested-answer{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);cursor:pointer;background:#ffffff0f;font-size:.85rem;font-weight:700;transition:background .15s,border-color .15s}.suggested-answer:hover:not(:disabled){border-color:var(--color-rust-hot);background:#ffffff1f}.suggested-answer:disabled{opacity:.5;cursor:not-allowed}.field{gap:var(--space-2);display:grid}.field label{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:800}.field textarea,.field input,.field select{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-height:3.25rem;color:var(--color-text);padding:var(--space-3) var(--space-4);background:#00000057}.field select{appearance:none;background:linear-gradient(45deg, transparent 50%, var(--color-rust-hot) 50%) right 1.2rem center / .45rem .45rem no-repeat, linear-gradient(135deg, var(--color-rust-hot) 50%, transparent 50%) right .88rem center / .45rem .45rem no-repeat, #00000057}.select-field{gap:var(--space-3)}.select-field label{color:var(--color-rust-hot)}.select-shell{border-radius:var(--radius-lg);background:linear-gradient(135deg, #ffffff1a, transparent 36%), linear-gradient(180deg, var(--color-panel-raised), var(--color-panel));box-shadow:var(--shadow-cut), 0 1rem 2rem #00000047;border:1px solid #ffffff24;position:relative;overflow:hidden}.select-shell:before{pointer-events:none;content:"";opacity:.48;background:linear-gradient(118deg,#0000 0 24%,#ffffff0b 24.4%,#0000 25.2% 72%,#ffffff09 72.4%,#0000 73%),repeating-linear-gradient(0deg,#0000 0 16px,#0000002e 16px 17px);position:absolute;inset:0}.select-shell:after{top:50%;right:var(--space-4);border-right:3px solid var(--color-rust-hot);border-bottom:3px solid var(--color-rust-hot);pointer-events:none;content:"";width:.68rem;height:.68rem;position:absolute;transform:translateY(-65%)rotate(45deg)}.select-shell select{z-index:1;min-height:5.25rem;color:var(--color-text);font-family:var(--font-display);letter-spacing:-.05em;padding:var(--space-5) 4.75rem var(--space-4) var(--space-4);text-transform:uppercase;background:0 0;border:0;border-radius:0;font-size:clamp(2rem,7vw,3.5rem);font-weight:900;line-height:.9;position:relative;box-shadow:inset 0 -.55rem #0003}.select-shell select:hover{color:#fff8ec}.select-shell select:focus-visible{outline:0}.select-shell:focus-within{box-shadow:0 0 0 3px #ff9a3d40, var(--shadow-cut), 0 1.1rem 2.4rem #c447272e;border-color:#f26938b8}.select-shell option{background:var(--color-panel);color:var(--color-text);font-family:var(--font-body);font-size:1rem}.select-accent{right:3.35rem;bottom:var(--space-3);z-index:1;color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.14em;pointer-events:none;text-transform:uppercase;font-size:.68rem;font-weight:900;position:absolute}.field textarea{resize:vertical;min-height:8.5rem;line-height:1.5}.field-error{color:#ffb09d;font-size:.9rem;font-weight:700}.food-editor-list{gap:var(--space-3);display:grid}.food-editor-card{gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-3);border:1px solid #ffffff1a;display:grid}.food-editor-summary{-webkit-tap-highlight-color:transparent;appearance:none;justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-1) var(--space-1);cursor:pointer;text-align:left;color:inherit;border-radius:var(--radius-sm);background:0 0;border:0;display:flex}.food-editor-summary:hover,.food-editor-summary:active,.food-editor-summary:focus,.food-editor-summary:focus-visible{background:0 0;outline:0}.food-editor-summary-text{gap:.15rem;display:grid}.food-editor-name{font-weight:600}.entry-macro-stats{flex-wrap:wrap;align-items:center;gap:.35em;display:inline-flex}.entry-macro-stat{align-items:center;gap:.2em;display:inline-flex}.entry-macro-icon{width:.75rem;height:.75rem;fill:var(--color-rust-hot);flex:none}.entry-macro-icon-calories{width:1.4rem;height:1.4rem}.entry-macro-separator{opacity:.6}.food-editor-chevron{opacity:.7;flex:none;transition:transform .18s}.food-editor-chevron.is-open{transform:rotate(180deg)}.food-editor-body{gap:var(--space-3);display:grid}.food-editor-header{justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.field-actions{margin-top:var(--space-2);justify-content:flex-end;display:flex}.field-row{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.button-row{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.modal-card .button-row .action-button{flex:1;min-width:0}.modal-card .button-row .action-button.danger{margin-right:0}.content-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.action-button.with-icon{align-items:center;gap:var(--space-2);display:inline-flex}.action-button-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none;width:1rem;height:1rem}.action-button{border-radius:var(--radius-md);min-width:7rem;min-height:3rem;padding:var(--space-3) var(--space-5);background:var(--color-panel-raised);color:var(--color-text);text-transform:uppercase;border:1px solid #ffffff1f;font-weight:900}.action-button.primary{background:var(--color-rust);color:#170807}.action-button.danger{color:#ffb09d;border-color:#d33d2e8f;margin-right:auto}.speech-status{margin-top:var(--space-3);color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.settings-shell{align-content:start;gap:var(--space-6);display:grid}.settings-header{gap:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel), var(--shadow-cut);background:radial-gradient(circle at 88% 12%,#f2693833,#0000 18rem),linear-gradient(120deg,#ffffff14,#0000 34%),linear-gradient(#202020f0,#0c0c0cfa);align-items:start;padding:clamp(1.25rem,5vw,3rem);display:grid;overflow:hidden}.settings-title{max-width:8ch;margin:var(--space-2) 0 0;font-family:var(--font-display);letter-spacing:-.07em;text-transform:uppercase;font-size:clamp(4rem,17vw,8.5rem);font-weight:900;line-height:.78}.settings-copy{max-width:38rem;margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:clamp(1rem,2vw,1.15rem);line-height:1.6}.settings-panel{overflow:hidden}.settings-form{z-index:1;position:relative}.settings-section-title{margin:0 0 var(--space-4);letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.save-status{color:var(--color-rust-hot);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:900}.memory-row{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#00000038;grid-template-columns:minmax(0,1fr) auto;display:grid}.memory-row .field-actions{margin-top:0}.memory-delete-button{border-radius:var(--radius-md);background:var(--color-panel-raised);color:#ffb09d;border:1px solid #d33d2e8f;place-items:center;width:3.25rem;height:3.25rem;display:inline-grid}.memory-delete-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:1.15rem;height:1.15rem}.auth-shell{align-content:center;gap:var(--space-6);max-width:44rem;display:grid}.auth-panel{overflow:hidden}.auth-title{z-index:1;margin:var(--space-2) 0 0;font-family:var(--font-display);letter-spacing:-.07em;text-transform:uppercase;font-size:clamp(4rem,17vw,8.5rem);font-weight:900;line-height:.78;position:relative}.auth-copy{z-index:1;margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:clamp(1rem,2vw,1.15rem);line-height:1.6;position:relative}.auth-form{z-index:1;margin-top:var(--space-6);position:relative}.auth-form .action-button{width:100%}.auth-links{z-index:1;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;justify-content:space-between;display:flex;position:relative}.auth-links a{color:var(--color-rust-hot);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:900;text-decoration:none}.auth-links a:hover{color:var(--color-text)}.auth-success{color:#b8f7bc;margin:0;font-size:.9rem;font-weight:800}.onboarding-shell{align-content:start;gap:var(--space-6);display:grid}.onboarding-hero{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel), var(--shadow-cut);background:radial-gradient(circle at 88% 18%,#f2693847,#0000 18rem),linear-gradient(120deg,#ffffff14,#0000 34%),linear-gradient(#202020f0,#0c0c0cfa);padding:clamp(1.25rem,6vw,3.5rem);position:relative;overflow:hidden}.onboarding-hero:before{aspect-ratio:1;content:"";border:clamp(1.5rem,5vw,3rem) solid #5f646838;border-radius:50%;width:clamp(13rem,34vw,24rem);position:absolute;bottom:clamp(-6rem,-10vw,-3rem);right:clamp(-6rem,-10vw,-2rem);box-shadow:inset 0 0 0 .7rem #00000085,inset 0 0 2rem #ffffff14,0 0 0 1rem #00000029}.onboarding-title{z-index:1;max-width:18ch;font-family:var(--font-body);letter-spacing:-.02em;color:var(--color-text);margin:0;font-size:clamp(1.75rem,5vw,2.35rem);font-weight:500;line-height:1.25;position:relative}.onboarding-copy{z-index:1;max-width:39rem;margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:clamp(1rem,2vw,1.15rem);line-height:1.6;position:relative}.onboarding-panel{overflow:hidden}.onboarding-form{z-index:1;gap:var(--space-4);display:grid;position:relative}.onboarding-accordion{gap:var(--space-3);display:grid}.onboarding-section{border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffffff13,#0000 45%),#0000002e;border:1px solid #ffffff1f;overflow:hidden;box-shadow:inset 0 -.6rem 1rem #00000029,0 .75rem 1.75rem #0000002e}.onboarding-section.is-open{background:radial-gradient(circle at 92% 8%,#f2693829,#0000 12rem),linear-gradient(135deg,#ffffff17,#0000 45%),#0003;border-color:#f2693847}.onboarding-section-trigger{-webkit-tap-highlight-color:transparent;appearance:none;justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;min-height:4.4rem;padding:var(--space-4) clamp(1rem, 3vw, 1.35rem);color:var(--color-text);cursor:pointer;font-family:var(--font-display);letter-spacing:-.055em;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:0 0;border:0;font-size:clamp(2rem,7vw,3.25rem);font-weight:900;line-height:.9;display:flex}.onboarding-section.is-open .onboarding-section-trigger{color:var(--color-rust-hot)}.onboarding-section-icon{width:2.45rem;height:2.45rem;color:var(--color-rust-hot);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;border:1px solid #f2693861;border-radius:999px;flex:none;padding:.55rem;transition:background-color .16s,border-color .16s,color .16s,transform .18s}.onboarding-section.is-open .onboarding-section-icon{color:var(--color-rust-hot);background:#f2693824;border-color:#f26938b8;transform:rotate(90deg)}.onboarding-section.is-open .onboarding-section-trigger:hover .onboarding-section-icon,.onboarding-section.is-open .onboarding-section-trigger:focus-visible .onboarding-section-icon{color:var(--color-rust-hot);background:#f2693824;border-color:#f26938b8}.onboarding-section-trigger:hover,.onboarding-section-trigger:active,.onboarding-section-trigger:focus-visible{background:0 0;outline:0}.onboarding-section-body{gap:var(--space-4);padding:0 clamp(1rem,3vw,1.35rem) clamp(1rem,3vw,1.35rem);animation:.22s ease-out exercise-step-in;display:grid}.onboarding-stats-grid,.onboarding-measure-stack{gap:var(--space-4);display:grid}.onboarding-field{gap:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffffff18,#0000 42%),#0003;border:1px solid #ffffff1f;padding:clamp(1rem,3vw,1.35rem);display:grid;box-shadow:inset 0 -.75rem 1.3rem #0003,0 .75rem 1.75rem #0000003d}.onboarding-field-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.onboarding-field-header label,.onboarding-field-header legend{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0;padding:0;font-size:.76rem;font-weight:900;display:block}.onboarding-field-header p{margin:var(--space-1) 0 0;color:var(--color-text-dim);font-size:.85rem;line-height:1.35}.onboarding-field-header span{padding:var(--space-1) var(--space-3);color:var(--color-rust-hot);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:#f269381a;border:1px solid #f2693852;border-radius:999px;flex:none;font-size:.72rem;font-weight:900}.stat-input-shell{border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffffff14,#0000 45%),#00000059;border:1px solid #ffffff24;align-items:end;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -.65rem #0003,0 .9rem 1.8rem #00000038}.stat-input-shell:focus-within{border-color:#f26938b8;box-shadow:0 0 0 3px #ff9a3d2e,inset 0 -.65rem #0003,0 1rem 2rem #c4472729}.stat-input-shell input{width:100%;min-width:0;color:var(--color-text);font-family:var(--font-display);letter-spacing:-.075em;padding:var(--space-4) var(--space-4) var(--space-3);text-align:left;background:0 0;border:0;font-size:clamp(3rem,11vw,5.5rem);font-weight:900;line-height:.78}.stat-input-shell input:focus-visible{outline:0}.stat-input-shell span{padding:0 var(--space-4) var(--space-4) 0;color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;font-weight:900}.gender-field{min-inline-size:0;margin:0}.gender-options{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gender-option{gap:var(--space-2);border-radius:var(--radius-lg);min-height:6rem;padding:var(--space-4);cursor:pointer;background:linear-gradient(135deg,#ffffff14,#0000 45%),#00000059;border:1px solid #ffffff24;align-content:end;justify-items:start;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -.65rem #0003,0 .9rem 1.8rem #00000038}.gender-option:focus-within{border-color:#f26938b8;box-shadow:0 0 0 3px #ff9a3d2e,inset 0 -.65rem #0003,0 1rem 2rem #c4472729}.gender-option:has(input:checked){border-color:#f26938b8;box-shadow:0 0 0 3px #ff9a3d2e,inset 0 -.65rem #0003,0 1rem 2rem #c4472729}.gender-option input{opacity:0;pointer-events:none;position:absolute}.gender-option-label{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.075em;text-transform:uppercase;font-size:clamp(2rem,7vw,3.6rem);font-weight:900;line-height:.78}.onboarding-option-icon{width:clamp(2.2rem,6vw,3rem);height:clamp(2.2rem,6vw,3rem);color:var(--color-rust-hot);fill:none;opacity:.86;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.gender-option:focus-within .onboarding-option-icon,.exercise-option:focus-within .onboarding-option-icon{opacity:1}.gender-option:has(input:checked) .onboarding-option-icon{opacity:1}.exercise-option:has(input:checked) .onboarding-option-icon{opacity:1}.exercise-step{gap:var(--space-4);animation:.26s ease-out exercise-step-in;display:grid}.baseline-card{border-radius:var(--radius-lg);background:radial-gradient(circle at 88% 10%,#f269383d,#0000 12rem),linear-gradient(135deg,#ffffff1a,#0000 42%),#00000047;border:1px solid #f2693842;padding:clamp(1.1rem,4vw,1.5rem);position:relative;overflow:hidden;box-shadow:inset 0 -.75rem 1.3rem #00000038,0 1rem 2rem #c447271f}.baseline-value{align-items:baseline;gap:var(--space-2);margin:var(--space-4) 0 0;font-family:var(--font-display);letter-spacing:-.075em;font-size:clamp(4rem,14vw,7rem);font-weight:900;line-height:.78;display:flex}.baseline-value span{color:var(--color-rust-hot);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:clamp(.8rem,2vw,1rem);font-weight:900}.baseline-copy{max-width:28rem;margin:var(--space-4) 0 0;color:var(--color-text-muted);line-height:1.5}.exercise-picker{gap:var(--space-3);border:0;min-width:0;margin:0;padding:0;display:grid}.exercise-picker legend{margin:0 0 var(--space-3);color:var(--color-text);font-family:var(--font-display);letter-spacing:-.055em;text-transform:uppercase;font-size:clamp(2rem,7vw,3.4rem);font-weight:900;line-height:.9}.exercise-options{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.exercise-option{gap:var(--space-2);min-height:7rem;padding:var(--space-4);border-radius:var(--radius-lg);cursor:pointer;background:linear-gradient(135deg,#ffffff14,#0000 48%),#0000003d;border:1px solid #ffffff1f;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -.65rem 1rem #0003,0 .75rem 1.5rem #0000002e}.exercise-option:focus-within{background:radial-gradient(circle at 90% 8%,#f2693833,#0000 8rem),linear-gradient(135deg,#ffffff1c,#0000 48%),#c4472729;border-color:#f26938b8;box-shadow:0 0 0 3px #ff9a3d24,inset 0 -.65rem 1rem #0003,0 1rem 1.9rem #c4472729}.exercise-option:has(input:checked){background:radial-gradient(circle at 90% 8%,#f2693833,#0000 8rem),linear-gradient(135deg,#ffffff1c,#0000 48%),#c4472729;border-color:#f26938b8;box-shadow:0 0 0 3px #ff9a3d24,inset 0 -.65rem 1rem #0003,0 1rem 1.9rem #c4472729}.exercise-option input{opacity:0;pointer-events:none;position:absolute}.exercise-option-label{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.055em;text-transform:uppercase;font-size:clamp(2rem,8vw,3.35rem);font-weight:900;line-height:.86}.exercise-option-helper{color:var(--color-text-dim);font-size:.9rem;font-weight:800;line-height:1.35}.weekly-change-card{gap:var(--space-3);display:grid}.preset-row{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.preset-row button{min-height:2.4rem;color:var(--color-text-muted);font-family:var(--font-mono);background:linear-gradient(135deg,#ffffff14,#0000 55%),#00000038;border:1px solid #ffffff1a;border-radius:999px;font-size:.78rem;font-weight:900}.preset-row button:hover,.preset-row button:focus-visible{color:var(--color-rust-hot);background:#c447272e;border-color:#f2693880}.onboarding-submit{min-height:4.5rem;margin-top:var(--space-2);border-radius:var(--radius-lg);font-family:var(--font-display);letter-spacing:-.05em;font-size:clamp(2rem,7vw,3.5rem)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (min-width:860px){.tracker-board{grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);align-items:start}.hero{grid-column:1/-1}.main-grid{grid-template-columns:minmax(0,1fr)}.record-zone{position:static}.settings-header{grid-template-columns:1fr auto}.onboarding-stats-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.gender-field,.onboarding-submit{grid-column:1/-1}}@media (max-width:640px){.summary-grid,.field-row,.entry-button{grid-template-columns:1fr}.entry-macros{justify-items:start}.preset-row{grid-template-columns:repeat(2,minmax(0,1fr))}.exercise-options{grid-template-columns:1fr}.modal-backdrop{padding:var(--space-2)}.modal-card .button-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.modal-card .button-row .action-button{width:100%;min-width:0;padding-inline:var(--space-3)}.modal-card .button-row .action-button.danger{grid-column:1/-1}.modal-card .button-row .action-button:not(.danger){flex:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes record-button-breathe{0%,to{box-shadow:0 1rem 2.5rem #0000006b,inset 0 3px #ffffff3d,inset 0 -10px #0003}50%{box-shadow:0 1rem 3.15rem #c4472747,inset 0 3px #ffffff4d,inset 0 -10px #00000040}}@keyframes record-dot-pulse{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}@keyframes exercise-step-in{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}.toast-stack{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-6));z-index:60;gap:var(--space-2);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;align-items:center;gap:var(--space-2);max-width:min(90vw,22rem);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-panel-raised);color:var(--color-text);font-family:var(--font-body);text-align:left;cursor:pointer;box-shadow:var(--shadow-panel);font-size:.95rem;line-height:1.2;animation:.24s ease-out toast-in;display:inline-flex}.toast-icon{fill:none;width:1.1rem;height:1.1rem;stroke:var(--color-success);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none}.toast-message{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes toast-in{0%{opacity:0;transform:translateY(.75rem)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}