:root{color:#242822;background:#f7f4eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--forest: #293225;--olive: #607b4f;--coral: #e2835b;--cream: #f7f4eb;--paper: #fffdf8;--line: #dad6ca;--muted: #697068;--focus: #1769aa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--cream)}button,input,select{font:inherit}button,label[for]{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,.file-button:focus-within{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;transform:translateY(-160%);border-radius:.5rem;padding:.75rem 1rem;background:#fff;color:#111}.skip-link:focus{transform:translateY(0)}.shell{width:min(1180px,calc(100% - 2rem));margin-inline:auto}.site-header{overflow:hidden;color:#fff;background:var(--forest);border-radius:0 0 3rem 3rem}.topbar{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgb(255 255 255 / .14)}.brand{display:inline-flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand-icon{display:grid;width:40px;height:40px;place-items:center;border:1px solid #a9b4a3;border-radius:.75rem 1.25rem;font-size:.7rem}.topbar-actions{display:flex;align-items:center;gap:.65rem}.network-status{display:inline-flex;align-items:center;gap:.45rem;border-radius:99px;padding:.42rem .7rem;background:#ffffff14;color:#d4ddd0;font-size:.72rem}.network-status i{width:.45rem;height:.45rem;border-radius:50%;background:#8fc67f;box-shadow:0 0 0 4px #8fc67f1a}.network-status.is-offline i{background:#efad68}.mini-link{border-radius:.55rem;padding:.5rem .7rem;color:#fff;background:var(--coral);text-decoration:none;font-size:.75rem;font-weight:800}.hero{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3rem;padding-block:clamp(3rem,7vw,6rem)}.hero:before,.hero:after{content:"";position:absolute;border:1px solid rgb(255 255 255 / .07);border-radius:50%;pointer-events:none}.hero:before{width:420px;height:420px;right:-170px;top:-80px}.hero:after{width:270px;height:270px;right:-95px;top:0}.eyebrow{margin:0 0 .65rem;color:var(--coral);font-size:.69rem;font-weight:850;letter-spacing:.18em}h1{max-width:780px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,7.5vw,6.5rem);font-weight:500;letter-spacing:-.055em;line-height:.92}h1 em{color:#bcd3a9;font-weight:400}.hero>div:first-child>p:last-child{max-width:610px;margin:1.7rem 0 0;color:#c7d0c3;font-size:clamp(.98rem,2vw,1.14rem);line-height:1.7}.today-card{position:relative;z-index:1;display:grid;width:170px;min-height:190px;place-items:center;align-content:center;border:1px solid rgb(255 255 255 / .18);border-radius:5rem 5rem 1.2rem 1.2rem;background:#fff1;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.today-card span{color:#d4ddd0;font-size:.65rem;font-weight:850;letter-spacing:.2em}.today-card strong{font-family:Georgia,serif;font-size:4.4rem;font-weight:400;line-height:1}.today-card small{max-width:120px;color:#d4ddd0;line-height:1.4}main{padding-block:2rem 4rem}.priority-panel{display:grid;grid-template-columns:minmax(240px,.36fr) 1fr;overflow:hidden;margin-bottom:1rem;border:1px solid var(--line);border-radius:1.35rem;background:var(--paper);box-shadow:0 14px 40px #1f281c09}.priority-intro{display:flex;gap:1rem;padding:clamp(1.35rem,3vw,2rem);background:#ece8dc}.priority-intro h2,.section-heading h2,.data-card h2,.reminder-bar h2{margin:0;color:var(--forest);font-family:Georgia,serif;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:500;letter-spacing:-.02em}.priority-intro p:last-child{margin:.6rem 0 0;color:var(--muted);font-size:.84rem;line-height:1.55}.section-number{display:grid;flex:0 0 auto;width:2rem;height:2rem;place-items:center;border-radius:50%;background:#d9e4d1;color:#48603a;font-size:.65rem;font-weight:850}.section-number.inverse{color:#dbe8d4;background:#ffffff1f}.priority-content{min-width:0;padding:clamp(1rem,2vw,1.45rem)}.priority-list{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.priority-list li{display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto;align-items:center;gap:.85rem;min-height:68px;padding:.65rem;border-bottom:1px solid var(--line)}.priority-list li:last-child{border-bottom:0}.rank{color:#9ca099;font-family:Georgia,serif;font-size:1.15rem}.item-main{min-width:0}.item-main strong,.item-main small{display:block}.item-main strong{overflow:hidden;color:#232a21;text-overflow:ellipsis;white-space:nowrap}.item-main small{margin-top:.25rem;color:var(--muted);font-size:.72rem}.urgency{border-radius:99px;padding:.42rem .65rem;font-size:.7rem;font-weight:800;white-space:nowrap}.urgency.expired{color:#8a271b;background:#f9ded7}.urgency.today{color:#7e3416;background:#ffe4c9}.urgency.soon{color:#675016;background:#f5e9b7}.urgency.week{color:#36512c;background:#dfead7}.urgency.later{color:#53605a;background:#eaeeeb}.quick-actions,.row-actions{display:flex;gap:.35rem}.quick-actions button,.row-actions button,.history-card button{min-height:36px;border:1px solid #b7bdb3;border-radius:.55rem;padding:.4rem .55rem;background:#fff;color:#33402f;cursor:pointer;font-size:.69rem;font-weight:750}.quick-actions button:hover,.row-actions button:hover,.history-card button:hover{background:#eaf1e5}.row-actions button.remove{color:#8a271b}.empty-state{display:flex;align-items:center;gap:1rem;height:100%;min-height:100px;border:1px dashed #bec4b9;border-radius:.85rem;padding:1rem}.empty-state>span{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:#dcebd4;color:#38582d;font-weight:900}.empty-state strong{color:var(--forest)}.empty-state p{margin:.25rem 0 0;color:var(--muted);font-size:.82rem}.reminder-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:1rem;border-radius:1.1rem;padding:1rem 1.25rem;color:#fff;background:#80513d}.reminder-bar.granted{background:#47623d}.reminder-bar .bell{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgb(255 255 255 / .24);border-radius:50%;font-size:1.3rem}.reminder-bar h2{color:#fff;font-family:inherit;font-size:.95rem;font-weight:800}.reminder-bar p{margin:.25rem 0 0;color:#f1e5df;font-size:.78rem;line-height:1.45}.reminder-bar.granted p{color:#e1ebdd}.content-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:1rem;margin-bottom:1rem}.panel{border:1px solid var(--line);border-radius:1.25rem;padding:clamp(1.25rem,3vw,1.8rem);background:var(--paper);box-shadow:0 14px 40px #1f281c08}.section-heading{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:1.35rem}.section-heading .eyebrow{margin-bottom:.25rem}.split-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.count-badge{border-radius:99px;padding:.4rem .7rem;background:#edf1ea;color:#53604e;font-size:.7rem;font-weight:800}.item-form{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.wide-field{grid-column:1 / -1}label{display:block;margin-bottom:.45rem;color:#414a3e;font-size:.75rem;font-weight:800}input,select{width:100%;min-height:47px;border:1px solid #bcbdb4;border-radius:.7rem;padding:.7rem .8rem;background:#fff;color:#20251f}input::placeholder{color:#8a9087}.button{min-height:44px;border:1px solid transparent;border-radius:.7rem;padding:.65rem .9rem;cursor:pointer;font-weight:800;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:var(--coral)}.button.primary:hover{background:#c76540}.button.light{color:#513021;background:#fff}.button.outline{color:var(--forest);border-color:#a8afa4;background:transparent}.button.danger{color:#8b261c;border-color:#d9a99f;background:#fff0ec}.file-button{display:inline-flex;align-items:center;justify-content:center;margin:0;font-size:.8rem}.stats-panel{background:#eef0e5}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.stats-grid article{min-height:110px;border:1px solid #d0d5c9;border-radius:.85rem;padding:.9rem;background:#ffffff94}.stats-grid article.waste{background:#f8e6dd;border-color:#e8c2b1}.stats-grid span,.stats-grid small{display:block;color:var(--muted);font-size:.69rem}.stats-grid strong{display:block;margin:.25rem 0;color:var(--forest);font-family:Georgia,serif;font-size:2.2rem;font-weight:500}.stats-note{margin:.8rem 0 0;color:#5f675c;font-size:.75rem;line-height:1.55}.inventory-panel{margin-bottom:1rem}.inventory-list{display:grid;margin:0;padding:0;list-style:none}.inventory-list li{display:grid;grid-template-columns:auto minmax(160px,1fr) auto auto;align-items:center;gap:.8rem;min-height:70px;border-top:1px solid var(--line);padding:.65rem 0}.category-dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--olive);box-shadow:0 0 0 5px #607b4f1a}.category-1{background:#5d7892;box-shadow:0 0 0 5px #5d78921a}.category-2{background:#a3668a;box-shadow:0 0 0 5px #a3668a1a}.category-3{background:#b8873b;box-shadow:0 0 0 5px #b8873b1a}.category-4{background:#777;box-shadow:0 0 0 5px #7777771a}.empty-inventory{border-top:1px solid var(--line);padding-top:1.25rem;color:var(--forest)}.empty-inventory p{margin:.35rem 0 0;color:var(--muted)}.bottom-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:1rem}.history-card,.data-card{border-radius:1.25rem;padding:clamp(1.25rem,3vw,1.8rem)}.history-card{color:#fff;background:var(--forest)}.history-card h2{color:#fff}.history-card ul{display:grid;margin:0;padding:0;list-style:none}.history-card li{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid rgb(255 255 255 / .12);padding:.75rem 0}.history-card li strong,.history-card li span{display:block}.history-card li span{margin-top:.2rem;color:#bfc9ba;font-size:.7rem}.history-card button{color:#fff;border-color:#ffffff40;background:transparent}.muted{color:#bfc9ba;font-size:.82rem;line-height:1.55}.data-card{border:1px solid #d8c4a8;background:#f1e2cb}.data-card>p:not(.eyebrow){max-width:590px;color:#675e50;line-height:1.6}.data-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}footer{display:flex;justify-content:space-between;gap:1rem;padding-block:0 2rem;color:var(--muted);font-size:.73rem}.toast{position:fixed;z-index:30;left:50%;bottom:1rem;max-width:min(92vw,680px);transform:translate(-50%,150%);border-radius:.75rem;padding:.85rem 1rem;color:#fff;background:#172014;box-shadow:0 15px 45px #00000040;opacity:0;transition:.25s}.toast.visible{transform:translate(-50%);opacity:1}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.priority-panel{grid-template-columns:1fr}.priority-list li{grid-template-columns:auto minmax(120px,1fr) auto}.priority-list .quick-actions{grid-column:2 / -1}.content-grid,.bottom-grid{grid-template-columns:1fr}.inventory-list li{grid-template-columns:auto minmax(120px,1fr) auto}.inventory-list .row-actions{grid-column:2 / -1}}@media(max-width:620px){.shell{width:min(100% - 1.25rem,1180px)}.site-header{border-radius:0 0 1.8rem 1.8rem}.network-status{display:none}.hero{grid-template-columns:1fr;padding-block:3rem}.today-card{display:none}.reminder-bar{grid-template-columns:auto 1fr}.reminder-bar .button{grid-column:1 / -1;width:100%}.priority-list li{grid-template-columns:auto minmax(0,1fr)}.priority-list .urgency,.priority-list .quick-actions{grid-column:2;justify-self:start}.item-form{grid-template-columns:1fr}.wide-field{grid-column:auto}.split-heading{grid-template-columns:auto 1fr}.split-heading .count-badge{grid-column:2;justify-self:start}.inventory-list li{grid-template-columns:auto minmax(0,1fr)}.inventory-list .urgency,.inventory-list .row-actions{grid-column:2;justify-self:start}.data-actions{display:grid;grid-template-columns:1fr 1fr}.data-actions .button{width:100%}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}