.kit{max-width:640px;min-height:100dvh;padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--s-10));padding-left:var(--safe-left);padding-right:var(--safe-right);margin:0 auto}.kit-actions{gap:var(--s-3);padding:var(--s-4);flex-wrap:wrap;display:flex}.kit-section{padding:var(--s-10) var(--s-4) 0}.kit-section h2{margin:0 0 var(--s-4);padding-bottom:var(--s-2);border-bottom:1px solid var(--line);font:600 var(--flap-l) / 1 var(--font-flap);letter-spacing:var(--track-label);text-transform:uppercase}.kit-text{margin:0 0 var(--s-4);max-width:60ch;color:var(--letter-dim);text-wrap:pretty}.kit-row{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.kit-row+.kit-row{margin-top:var(--s-3)}.kit-swatches{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:0;padding:0;list-style:none;display:grid}.kit-categories{gap:var(--s-4) var(--s-2);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.kit-quiz{margin-bottom:var(--s-5)}.kit-category{align-items:center;gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.kit-category__thumb{background:var(--thumb);border-radius:14px;place-items:center;width:72px;height:72px;display:grid}.kit-category__label{text-align:center;color:var(--letter-dim);overflow-wrap:break-word;font-size:.875rem;line-height:1.2}.swatch{gap:var(--s-3);grid-template-columns:40px 1fr;align-items:center;display:grid}.swatch__chip{border-radius:var(--r-flap);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--line)}.swatch__name{font-size:var(--text-note);display:block}.swatch__token{color:var(--letter-dim);font-size:.875rem}.type-flap{margin:0 0 var(--s-3);font:600 var(--flap-xl) / 1.1 var(--font-flap);letter-spacing:var(--track-flap);text-transform:uppercase}.type-text{max-width:60ch;margin:0}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#1c1916;--ground-raised:#27231e;--flap:#15120f;--flap-top:#1d1915;--flap-hinge:#2d2721;--line:#383229;--letter:#f3ece2;--letter-dim:#b3a899;--thumb:#332d25;--thumb-ink:#b9a68c;--card-shadow:#00000040;--food-cream:#f1e6d4;--food-paper:#cbbb9f;--food-butter:#f2d48f;--food-cheese:#e2b864;--food-ochre:#a88334;--food-tan:#d9a46f;--food-crust:#c4874a;--food-cocoa:#8f5e3d;--food-meat-light:#e3a795;--food-meat:#c26e5c;--food-meat-dark:#94493f;--food-tomato:#cf5c42;--food-apple:#b9504a;--food-orange:#d98b52;--food-sage:#a5ae6c;--food-plum:#946283;--food-plum-light:#c88a9f;--food-fish:#93a7ae;--food-fish-dark:#4f6067;--food-ice:#cddada;--amber:#ffb000;--on-amber:#111214;--amber-text:#ffbf3a;--red-lamp:#ff4b36;--red-text:#ff7a66;--yellow-lamp:#ffb000;--yellow-text:var(--amber-text);--green-lamp:#3ccf6e;--lamp-off:#4a4238;--focus:#ffb000;--font-flap:"Barlow Condensed", "DIN Condensed", "Arial Narrow", sans-serif;--font-text:-apple-system, system-ui, "Segoe UI", sans-serif;--text-body:1.0625rem;--text-note:1rem;--flap-xl:2.125rem;--flap-l:1.375rem;--flap-m:1.1875rem;--flap-s:.875rem;--track-flap:.05em;--track-label:.12em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--r-flap:3px;--r-plate:10px;--r-card:16px;--r-thumb:12px;--tap:48px;--tabbar-h:64px;--flap-step:55ms;--ease-out:cubic-bezier(.16, 1, .3, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--ground);scroll-padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--s-4))}body{background:var(--ground);color:var(--letter);font-family:var(--font-text);font-size:var(--text-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.4}button,input{font:inherit;color:inherit;touch-action:manipulation}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.flap-text{font-family:var(--font-flap);font-variant-numeric:tabular-nums;font-weight:600;line-height:1;font-size:var(--flap-m);gap:2px;display:inline-flex}.flap-text[data-size=s]{font-size:var(--flap-s)}.flap-text[data-size=l]{font-size:var(--flap-l)}.flap-text[data-size=xl]{font-size:var(--flap-xl);gap:3px}.flap-tile{background:linear-gradient(var(--flap-top) 0 50%, var(--flap) 50% 100%);color:var(--letter);border-radius:var(--r-flap);box-shadow:inset 0 0 0 1px var(--line), 0 1px 2px #00000038;position:relative}.flap-tile:after{content:"";background:var(--flap-hinge);pointer-events:none;height:1px;position:absolute;top:50%;left:0;right:0}.flap-tile{place-items:center;min-width:.8em;height:1.45em;padding:.14em .1em 0;display:inline-grid;overflow:hidden}.flap-tile.is-flipping:before{content:"";background:var(--flap-top);transform-origin:50% 100%;animation:flap-fall var(--flap-step) linear both;z-index:1;position:absolute;inset:0 0 50%}@keyframes flap-fall{0%{transform:perspective(80px)rotateX(0)}to{transform:perspective(80px)rotateX(-90deg)}}.lamp{background:var(--lamp-off);border-radius:50%;flex:none;width:8px;height:8px}.lamp[data-urgency=scaduto],.lamp[data-urgency=rosso]{background:var(--red-lamp)}.lamp[data-urgency=giallo]{background:var(--yellow-lamp)}.lamp[data-urgency=verde]{background:var(--green-lamp)}.urgency-pill{padding:2px var(--s-3) 2px var(--s-2);background:color-mix(in srgb, var(--letter) 7%, transparent);font:600 var(--text-note) / 1.3 var(--font-text);color:var(--letter-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;display:inline-flex}.urgency-pill[data-urgency=scaduto],.urgency-pill[data-urgency=rosso]{background:color-mix(in srgb, var(--red-lamp) 16%, transparent);color:var(--red-text)}.urgency-pill[data-urgency=giallo]{background:color-mix(in srgb, var(--amber) 20%, transparent);color:var(--yellow-text)}.screen-head,.tabbar{background-color:var(--ground-raised)}.screen-head{justify-content:space-between;align-items:center;gap:var(--s-3);padding:calc(var(--safe-top) + var(--s-5)) var(--s-4) var(--s-4);display:flex}.screen-head h1{margin:0;line-height:1}.screen-head__clock{font:600 var(--flap-l) / 1 var(--font-flap);letter-spacing:var(--track-flap);color:var(--amber-text);font-variant-numeric:tabular-nums;white-space:nowrap}.product-group__title{margin:var(--s-5) var(--s-4) var(--s-2);font:600 var(--text-note) / 1.2 var(--font-text);color:var(--letter-dim)}.product-group__count{font-weight:400}.product-group__list{gap:var(--s-2);padding:0 var(--s-3);margin:0;list-style:none;display:grid}.card{align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-card);background:var(--ground-raised);box-shadow:0 1px 0 var(--line), 0 2px 8px var(--card-shadow);display:flex}.card[data-highlighted=true]{animation:card-glow 1.6s var(--ease-out) both}@keyframes card-glow{0%,35%{box-shadow:0 0 0 3px var(--amber), 0 2px 8px var(--card-shadow)}}@media (prefers-reduced-motion:reduce){.card[data-highlighted=true]{outline:3px solid var(--amber);outline-offset:-3px}}.card__thumb{border-radius:var(--r-thumb);background:var(--thumb);width:52px;height:52px;color:var(--thumb-ink);flex:none;place-items:center;display:grid;overflow:hidden}.card__thumb img{object-fit:cover;width:100%;height:100%}.card__thumb svg{width:30px;height:30px}.card__body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.card__name{font:600 var(--text-body) / 1.25 var(--font-text);color:var(--letter);overflow-wrap:anywhere}.card__qty{color:var(--amber-text)}.card__meta{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.card__where{font-size:var(--text-note);color:var(--letter-dim);line-height:1.3}.announcement{gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--ground-raised);border-block:1px solid var(--line);text-wrap:pretty;grid-template-columns:auto 1fr;align-items:start;margin:0;line-height:1.4;display:grid}.announcement__icon{color:var(--amber-text);padding-top:1px}.toast-region{left:0;right:0;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--s-3));z-index:30;padding:0 var(--s-3);pointer-events:none;justify-content:center;display:flex;position:fixed}.toast{pointer-events:auto;align-items:center;gap:var(--s-3);width:min(100%,520px);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);background:var(--ground-raised);color:var(--letter);border-radius:var(--r-card);box-shadow:inset 0 0 0 1px var(--line), 0 10px 28px #00000073;animation:toast-in .32s var(--ease-out) both;grid-template-columns:auto 1fr auto;display:grid}@keyframes toast-in{0%{opacity:.4;transform:translateY(14px)}}.toast__icon{color:var(--amber-text);display:grid}.toast__text{font-size:var(--text-note);margin:0;line-height:1.3}.toast__undo{min-height:44px;padding:0 var(--s-4);border-radius:var(--r-plate);background:var(--amber);color:var(--on-amber);font:600 var(--flap-m) / 1 var(--font-flap);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:0;align-items:center;gap:6px;display:inline-flex}.toast__undo span{padding-top:.12em}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-5);border-radius:var(--r-plate);font:600 var(--flap-m) / 1 var(--font-flap);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .14s var(--ease-out), background-color .14s var(--ease-out), color .14s var(--ease-out);border:0;display:inline-flex;position:relative}.btn__label{padding-top:.12em}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--amber);color:var(--on-amber)}.btn--primary:active:not(:disabled){background:#e89f00}.btn--secondary{background:var(--ground-raised);color:var(--letter);box-shadow:inset 0 0 0 1px var(--line), 0 1px 2px var(--card-shadow)}.btn--secondary:active:not(:disabled){color:var(--amber-text)}.btn--quiet{color:var(--amber-text);padding:0 var(--s-3);background:0 0}@media (hover:hover){.btn--primary:hover:not(:disabled){background:#ffbd2e}.btn--secondary:hover:not(:disabled),.btn--quiet:hover:not(:disabled){color:var(--amber-text)}.btn--quiet:hover:not(:disabled){text-underline-offset:.2em;text-decoration:underline}}.btn:disabled{opacity:.42;cursor:not-allowed}.btn[aria-busy=true]{opacity:1;cursor:progress}.btn__lamp{background:currentColor;border-radius:50%;width:10px;height:10px;animation:.9s steps(2,jump-none) infinite lamp-blink}@keyframes lamp-blink{to{opacity:.2}}.field-label{margin-bottom:var(--s-2);font:600 var(--flap-s) / 1 var(--font-flap);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--letter-dim);display:block}.code-field__board{max-width:420px;position:relative}.code-field__tiles{font-family:var(--font-flap);font-variant-numeric:tabular-nums;border-radius:var(--r-plate);gap:3px;font-size:1.5rem;font-weight:600;display:flex}.code-field__tiles .flap-tile{flex:1 1 0;min-width:0;height:1.8em;padding:.12em 0 0}.code-field__tiles .flap-tile:nth-child(2),.code-field__tiles .flap-tile:nth-child(8){margin-left:6px}.code-field__board:focus-within .code-field__tiles{outline:3px solid var(--focus);outline-offset:3px}.code-field__board:focus-within .flap-tile.is-next{box-shadow:inset 0 0 0 1px var(--line), inset 0 -4px 0 var(--amber)}.code-field[data-invalid] .flap-tile{box-shadow:inset 0 0 0 1.5px var(--red-text)}.code-field__input{opacity:0;cursor:text;background:0 0;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.field-message{margin:var(--s-2) 0 0;font-size:var(--text-note);color:var(--letter-dim)}.field-message--error{color:var(--red-text);font-weight:600}.tabbar{z-index:20;padding:6px max(var(--s-1), var(--safe-right), calc((100% - 640px) / 2)) calc(6px + var(--safe-bottom)) max(var(--s-1), var(--safe-left), calc((100% - 640px) / 2));border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar__item{min-height:52px;color:var(--letter-dim);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;display:flex;position:relative}.tabbar__label{font:600 .8125rem / 1 var(--font-flap);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.tabbar__item[aria-current=page]{color:var(--amber-text)}.tabbar__item[aria-current=page]:before{content:"";background:var(--amber);border-radius:0 0 2px 2px;height:3px;position:absolute;top:-7px;left:22%;right:22%;transform:translateY(1px)}.tabbar__item--add{color:var(--letter)}.tabbar__item>svg{height:30px}.tabbar__plate{border-radius:var(--r-plate);background:var(--amber);width:52px;height:30px;color:var(--on-amber);place-items:center;display:grid}.tabbar__item--add[aria-current=page]:before{display:none}.tabbar__badge{border-radius:var(--r-flap);background:var(--red-lamp);min-width:20px;height:20px;color:var(--on-amber);font:700 .8125rem / 1 var(--font-flap);text-align:center;padding:3px 5px 0;position:absolute;top:0;left:calc(50% + 8px)}.install__title{margin:0 0 var(--s-3);text-wrap:balance;font-size:1.375rem;line-height:1.2}.install__intro{margin:0 0 var(--s-4);text-wrap:pretty;max-width:60ch}.install__steps{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.install__step{gap:var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid var(--line);text-wrap:pretty;grid-template-columns:auto 1fr;align-items:center;display:grid}.install__key{vertical-align:-7px;background:var(--ground-raised);width:30px;height:26px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;place-items:center;display:inline-grid}:root{--bg:var(--ground);--fg:var(--letter);--muted:var(--letter-dim);--accent:var(--amber-text);--on-accent:var(--ground);font-family:var(--font-text)}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-size:1rem;line-height:1.5}.page{max-width:40rem;padding:max(1.5rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));margin:0 auto}h1{margin:0 0 .5rem;font-size:2.5rem;line-height:1.1}p{margin:0 0 1rem}.build{color:var(--muted);font-variant-numeric:tabular-nums;font-size:1rem}h2{margin:2rem 0 .75rem;font-size:1.25rem}a{color:var(--accent);min-height:44px;padding:.6rem 0;display:inline-block}button{background:var(--accent);min-height:44px;color:var(--on-accent);font:inherit;border:0;border-radius:.75rem;padding:.6rem 1.25rem;font-weight:600}button:disabled{opacity:.6}button.secondary{color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);background:0 0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.status-list{margin:0 0 1rem}.status-list div{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:0 .75rem;padding:.6rem 0;display:flex}.status-list dt{min-width:6.5rem;font-weight:600}.status-list dd{margin:0}.camera-frame{aspect-ratio:3/4;background:#000;border-radius:1rem;max-height:60dvh;margin:0 auto 1rem;position:relative;overflow:hidden}.camera-frame video{object-fit:cover;width:100%;height:100%}.camera-overlay{color:#fff;text-align:center;justify-content:center;align-items:center;margin:0;padding:1.5rem;display:flex;position:absolute;inset:0}.actions{gap:.75rem;min-height:44px;display:flex}.log{overflow-wrap:anywhere;margin:0 0 1rem;padding:0;font-size:1rem;list-style:none}.log li{border-bottom:1px solid var(--line);padding:.25rem 0}.log-time{color:var(--muted);font-variant-numeric:tabular-nums}.links{margin:0;padding:0;list-style:none}.camera-frame-scan{aspect-ratio:4/3}.scan-guide{pointer-events:none;border:2px solid #ffffffd9;border-radius:.5rem;height:40%;position:absolute;top:30%;left:8%;right:8%;box-shadow:0 0 0 100vmax #00000040}.field{flex-direction:column;gap:.25rem;display:flex}.field label{font-weight:600}select{border:1px solid var(--line);background:var(--bg);min-height:44px;color:var(--fg);font:inherit;border-radius:.75rem;padding:.5rem .75rem}.scan-status{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.scan-status p{margin:0}.scan-timer{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.result{border:1px solid var(--line);border-radius:1rem;margin:1.5rem 0 0;padding:1rem}.result h2{margin-top:0}.result-name{font-variant-numeric:tabular-nums;font-weight:700}.result-product{align-items:flex-start;gap:.75rem;display:flex}.result-product img{object-fit:contain;background:#fff;border-radius:.5rem;flex:none}.result-product p{margin:0 0 .25rem}.undo{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}