:root{--fondo: oklch(.955 .009 80);--superficie: oklch(.99 .004 85);--riempimento: oklch(.935 .01 78);--separatore: oklch(.88 .012 75);--bordo-campo: oklch(.78 .014 72);--testo: oklch(.21 .012 60);--secondario: oklch(.47 .014 60);--neutro: oklch(.66 .012 70);--kraft: oklch(.76 .07 68);--kraft-chiaro: oklch(.86 .045 72);--filo-kraft: oklch(.62 .05 65);--bruno: oklch(.3 .05 58);--accento: oklch(.36 .06 58);--accento-tenue: oklch(.9 .035 72);--azione: oklch(.53 .19 29);--azione-premuta: oklch(.47 .18 29);--su-azione: oklch(1 0 0);--carboidrati: oklch(.62 .12 75);--proteine: oklch(.48 .11 255);--grassi: oklch(.55 .09 165);--sistema: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", "Helvetica Neue", Roboto, system-ui, sans-serif;--t-titolo: 2.125rem;--t-numero: 2.5rem;--t-sezione: 1.25rem;--t-corpo: 1.0625rem;--t-secondario: .9375rem;--t-nota: .875rem;--t-barra: .75rem;--margine: 16px;--raggio-gruppo: 14px;--raggio-campo: 10px;--barra-h: 49px;--colonna: 480px;--dura-breve: .16s;--curva-uscita: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--fondo);color-scheme:light}body{font-family:var(--sistema);font-size:var(--t-corpo);line-height:1.375;color:var(--testo);background:var(--fondo);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;caret-color:var(--accento)}::selection{background:var(--accento-tenue);color:var(--testo)}button,input,select{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}a{color:var(--accento);text-underline-offset:3px}:focus-visible{outline:3px solid var(--accento);outline-offset:2px;border-radius:6px}.icona{flex:none;display:block}.nascosto{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.guscio{min-height:100dvh;max-width:var(--colonna);margin:0 auto;background:var(--fondo);padding-bottom:calc(var(--barra-h) + env(safe-area-inset-bottom) + 24px)}@media(min-width:600px){html{background:var(--riempimento)}.guscio{box-shadow:0 0 0 1px var(--separatore)}}.testata{background:var(--kraft);box-shadow:0 1px 0 var(--filo-kraft);padding:calc(env(safe-area-inset-top) + 12px) var(--margine) 10px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.testata h1{font-size:var(--t-titolo);line-height:1.2;font-weight:700;letter-spacing:.01em}.testata .accanto{color:var(--bruno);font-size:var(--t-corpo);font-weight:600;padding-bottom:6px}.contenuto{padding:16px var(--margine) 0;display:grid;gap:16px}.gruppo{background:var(--superficie);border-radius:var(--raggio-gruppo);padding:16px}.gruppo>h2{font-size:var(--t-sezione);line-height:1.25;font-weight:600;margin-bottom:8px}.righe{list-style:none}.riga{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 0}.riga+.riga{border-top:1px solid var(--separatore)}.riga b{font-weight:600}.riga .sotto{display:block;color:var(--secondario);font-size:var(--t-secondario);line-height:1.33}.riga .valore{color:var(--secondario);font-size:var(--t-secondario)}.giornata{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;text-align:center}.lato b{display:block;font-size:var(--t-sezione);line-height:1.25;font-weight:700}.lato span{display:block;font-size:var(--t-nota);line-height:1.3;color:var(--secondario)}.anello{position:relative;width:124px;height:124px}.anello svg{transform:rotate(-90deg)}.anello .centro{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.anello .numero{font-size:var(--t-numero);line-height:1.1;font-weight:700;letter-spacing:-.02em}.anello .unita{font-size:var(--t-nota);line-height:1.3;color:var(--secondario)}.macro{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.macro li{display:grid;gap:6px}.macro .nome{font-size:var(--t-secondario);line-height:1.33}.macro .binario{height:6px;border-radius:3px;border:1.5px solid}.macro .grammi{font-size:var(--t-secondario);line-height:1.33;font-weight:600}.nota-giornata{margin-top:16px;padding-top:14px;border-top:1px solid var(--separatore);font-size:var(--t-corpo);color:var(--secondario);text-wrap:pretty}.vuoto{display:grid;justify-items:start;gap:8px}.vuoto .segno{color:var(--accento)}.vuoto h2{font-size:var(--t-sezione);line-height:1.25;font-weight:600;margin-top:4px}.vuoto p{color:var(--secondario);font-size:var(--t-corpo);max-width:40ch;text-wrap:pretty}.barra{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(100%,var(--colonna));background:var(--kraft-chiaro);box-shadow:0 -1px 0 var(--filo-kraft);padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);z-index:10}.barra a{height:var(--barra-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:var(--t-barra);line-height:1.33;font-weight:500;color:var(--bruno);text-decoration:none}.barra a[aria-current=page]{color:var(--testo);font-weight:700}.barra a[aria-current=page] .icona{stroke-width:2.25}.barra .aggiungi .tondo{width:36px;height:26px;border-radius:13px;background:var(--azione);color:var(--su-azione);display:grid;place-items:center;transition:transform var(--dura-breve) var(--curva-uscita),background-color var(--dura-breve) var(--curva-uscita)}.barra .aggiungi{color:var(--testo)}.barra .aggiungi:active .tondo{transform:scale(.94);background:var(--azione-premuta)}.installa{display:flex;gap:12px;align-items:flex-start}.installa .icona{color:var(--accento);margin-top:2px}.installa p{font-size:var(--t-corpo);color:var(--secondario)}.installa b{color:var(--testo);font-weight:600}