:root{--wheat:#f2e1b5;--wheat-light:#faf0d6;--cocoa:#1e1008;--cocoa-soft:#5c4636;--rust:#8c3a0d;--rust-dark:#6e2d09;--pink:#e5197c;--tile-art:#d9c08a;--line:#1e10082e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--wheat);color:var(--cocoa);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,sans-serif}a{color:var(--rust)}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:3px solid var(--cocoa);outline-offset:2px}.header{border-bottom:1px solid var(--line);padding:.75rem 1rem}.brand{color:var(--cocoa);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}main{max-width:32rem;margin:0 auto;padding:1rem}.page-title,.tub-name{margin:0 0 1rem;font-size:2rem;line-height:1.15}.primary,.secondary{border-radius:12px;min-height:3.25rem;padding:0 1.25rem;font-size:1.1rem;font-weight:700}.primary{background:var(--rust);color:#fff;border:2px solid var(--rust)}.primary:active{background:var(--rust-dark)}.secondary{color:var(--cocoa);border:2px solid var(--cocoa);background:0 0}input{background:var(--wheat-light);border:2px solid var(--line);border-radius:12px;min-height:3rem;padding:0 .85rem;font-size:1rem}input:focus{border-color:var(--rust);outline:none}.error{color:var(--rust-dark);font-weight:600}.login form{gap:.75rem;display:grid}.note-row{gap:.5rem;margin-bottom:.75rem;display:flex}.note{flex:1;min-width:0}.buttons{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:.75rem;display:grid}.tile{background:var(--rust);color:#fff;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:88px;padding:.75rem .5rem;font-size:1.2rem;font-weight:700;line-height:1.15;transition:transform 80ms;display:flex}.tile:active{transform:scale(.97)}.tile-problem{background:var(--pink)}.icon{flex:none;width:28px;height:28px}.status-spot{min-height:3.5rem;margin:.75rem 0}.status{background:var(--wheat-light);border:2px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;margin:0;padding:0 1rem;font-size:1.05rem;font-weight:600;display:flex}.status.error{border-color:var(--rust)}.link{color:var(--rust);text-underline-offset:3px;background:0 0;border:none;margin:-.75rem -.25rem;padding:.75rem .25rem;font-weight:700;text-decoration:underline}.fade{animation:8.5s forwards fade-out}@keyframes fade-out{0%,94%{opacity:1}to{opacity:0}}.food{background:var(--wheat-light);border:2px solid var(--line);border-radius:16px;padding:1rem}.food:focus{outline:none}.food,.other-food{scroll-margin:1rem}.food-title{margin:0 0 .75rem;font-size:1.15rem;font-weight:700}.chips{flex-wrap:wrap;gap:.6rem;display:flex}.chip{background:var(--wheat);min-height:3.25rem;color:var(--cocoa);border:2px solid var(--cocoa);border-radius:999px;padding:0 1.1rem;font-size:1.05rem;font-weight:700}.chip[aria-pressed=true]{background:var(--cocoa);color:var(--wheat)}.other-food{width:100%;margin-top:.75rem}.food-actions{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;display:grid}.history{margin-top:1.5rem}.history-title{margin:0 0 .5rem;font-size:1.3rem}.history-empty{color:var(--cocoa-soft)}.history-list{background:var(--wheat-light);border:2px solid var(--line);border-radius:12px;margin:0;padding:0;list-style:none}.history-item{padding:.75rem 1rem}.history-item+.history-item{border-top:1px solid var(--line)}.history-line{font-size:1.05rem;font-weight:600;display:block}.history-note{color:var(--cocoa-soft);overflow-wrap:anywhere;margin-top:.2rem;display:block}.view-all{width:100%;margin-top:.75rem}.tub-group+.tub-group{margin-top:1.25rem}.tub-group-title{letter-spacing:.06em;text-transform:uppercase;color:var(--cocoa-soft);margin:0 0 .5rem;font-size:.85rem;font-weight:700}.tub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem .6rem;margin:0;padding:0;list-style:none;display:grid}.tub-tile{color:var(--cocoa);flex-direction:column;gap:.35rem;text-decoration:none;display:flex}.tub-tile-art{aspect-ratio:1;background:var(--tile-art);border-radius:14px;display:block}.tub-tile:active .tub-tile-art{outline:3px solid var(--rust);outline-offset:-3px}.tub-tile-name{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.tub-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.tub-head .tub-name{min-width:0}.small-link{color:var(--rust);text-underline-offset:3px;flex:none;padding:.5rem 0;font-weight:700;text-decoration:underline}.back{margin:0 0 .25rem}.section-title{margin:0 0 .5rem;font-size:1.3rem}.section-date{color:var(--cocoa-soft);font-size:1rem;font-weight:400}.hint{color:var(--cocoa-soft);margin:0 0 .75rem}.wide{width:100%;margin:1rem 0}.setup-current,.setup-past{margin-top:1rem}.setup-past{margin-top:1.5rem}.setup-details{background:var(--wheat-light);border:2px solid var(--line);border-radius:12px;margin:0;padding:.25rem 1rem}.setup-details div{gap:1rem;padding:.55rem 0;display:flex}.setup-details div+div{border-top:1px solid var(--line)}.setup-details dt{color:var(--cocoa-soft);flex:0 0 8.5rem}.setup-details dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:600}.setup-past details summary{cursor:pointer;list-style:none}.setup-past details summary::-webkit-details-marker{display:none}.setup-past details[open] .setup-details{margin-top:.75rem}.setup-form{background:var(--wheat-light);border:2px solid var(--line);border-radius:16px;margin-top:1rem;padding:1rem;scroll-margin:1rem}.setup-form:focus{outline:none}.field{border:none;gap:.35rem;min-width:0;margin:0 0 .9rem;padding:0;display:grid}.field>span,.field>legend{padding:0;font-weight:700}.field select,.field textarea,.field input{width:100%}select,textarea{font:inherit;color:inherit;background:var(--wheat);border:2px solid var(--line);border-radius:12px;font-size:1rem}select{min-height:3rem;padding:0 .75rem}textarea{resize:vertical;padding:.65rem .85rem}select:focus,textarea:focus{border-color:var(--rust);outline:none}.setup-form input{background:var(--wheat)}.pair{align-items:center;gap:.6rem;display:flex}.pair input{flex:1;min-width:0}.more-toggle{margin:0 0 .9rem;padding:.5rem 0;display:block}