:root{color:#17211c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7f2;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(120deg,#39775c1f,#0000 38%),linear-gradient(300deg,#e05f501f,#0000 36%),#f5f7f2;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{width:min(1180px,100% - 32px);padding:28px 0 max(40px, env(safe-area-inset-bottom));margin:0 auto}.topbar,.workspace{gap:20px;display:grid}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-bottom:20px}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;background:#2f7f61;border-radius:16px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 18px 38px #2f7f6138}.eyebrow{color:#5a6b62;letter-spacing:0;margin:0 0 3px;font-size:.9rem;font-weight:700}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.1}.summary{grid-template-columns:repeat(3,minmax(78px,1fr));gap:10px;display:grid}.summary div,.entry-panel,.list-panel,.notice,.food-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #25362e1f;box-shadow:0 18px 44px #1f2d2714}.summary div{border-radius:8px;min-height:72px;padding:12px 16px}.summary span{font-size:1.55rem;font-weight:800;display:block}.summary small{color:#65756d}.notice{color:#743716;background:#fff3e4;border-color:#c25e3238;border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.notice p{color:#855034;margin-top:3px}.notify-panel{color:#29483b;background:#ffffffd1;border:1px solid #2f7f612e;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:14px 16px;display:flex;box-shadow:0 18px 44px #1f2d2714}.notify-panel.enabled{background:#edf8f1;border-color:#2f7f6147}.notify-copy{align-items:center;gap:12px;min-width:0;display:flex}.notify-copy p{color:#63756c;margin-top:3px;line-height:1.45}.notify-copy strong,.notice strong{line-height:1.3}.secondary-button{color:#245e49;background:#fff;border:1px solid #2f7f6147;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:800;display:inline-flex}.workspace{grid-template-columns:340px minmax(0,1fr);align-items:start}.entry-panel,.list-panel{border-radius:8px}.entry-panel{gap:16px;padding:20px;display:grid;position:sticky;top:22px}.panel-heading,.food-main,.food-meta,.search-box,.list-tools,.tabs{align-items:center;display:flex}.panel-heading{color:#245e49;gap:10px}.panel-heading h2{font-size:1.2rem}label{color:#364940;gap:8px;font-size:.95rem;font-weight:700;display:grid}input{color:#17211c;background:#fff;border:1px solid #ccd8d0;border-radius:8px;outline:none;width:100%;min-height:46px;padding:0 12px;font-size:16px;transition:border-color .16s,box-shadow .16s}input:focus{border-color:#2f7f61;box-shadow:0 0 0 3px #2f7f6129}.primary-button,.tabs button,.icon-button{border:0;border-radius:8px}.primary-button{color:#fff;background:#2f7f61;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:800;display:inline-flex}.list-panel{min-height:520px;padding:18px}.list-tools{justify-content:space-between;gap:12px;margin-bottom:16px}.search-box{background:#fff;border:1px solid #ccd8d0;border-radius:8px;flex:1;gap:8px;min-width:180px;height:46px;padding:0 12px}.search-box input{min-height:0;box-shadow:none;border:0;padding:0}.tabs{background:#e7ede8;border-radius:8px;gap:6px;padding:4px}.tabs button{color:#4b5e54;background:0 0;min-width:58px;min-height:38px;padding:0 12px}.tabs button.active{color:#fff;background:#2f7f61}.food-list{gap:12px;display:grid}.food-card{border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:92px;padding:16px;display:grid}.food-card.soon{background:#fffaf0;border-color:#d18c2452}.food-card.expired{background:#fff1ef;border-color:#c43f384d}.food-main{gap:12px;min-width:0}.status-icon{color:#2f7f61;background:#e8f4ed;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;display:grid}.soon .status-icon{color:#a76810;background:#fff0cf}.expired .status-icon{color:#b4362f;background:#ffe0dc}.food-main h3{overflow-wrap:anywhere;font-size:1.08rem}.food-main p{color:#66756d;margin-top:4px;font-size:.92rem}.food-meta{color:#29483b;white-space:nowrap;justify-content:flex-end;gap:12px;font-weight:800}.food-card.soon .food-meta{color:#915b0e}.food-card.expired .food-meta{color:#a3322c}.icon-button{color:#51665c;background:#eef3ef;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover{color:#a3322c;background:#ffe7e4}.empty-state{color:#68786f;text-align:center;align-content:center;place-items:center;gap:10px;min-height:390px;display:grid}.empty-state h2{color:#21352b;font-size:1.2rem}.empty-state p{max-width:360px;line-height:1.6}@media (width<=860px){.topbar,.workspace{grid-template-columns:1fr}.summary{grid-template-columns:repeat(3,1fr)}.entry-panel{position:static}}@media (width<=620px){.app-shell{width:100%;padding:12px 10px max(18px, env(safe-area-inset-bottom))}.topbar{gap:14px;margin-bottom:12px}.brand{align-items:center;gap:10px;min-width:0}.brand-mark{border-radius:12px;width:42px;height:42px}.eyebrow{margin-bottom:1px;font-size:.78rem}h1{font-size:1.38rem;line-height:1.18}.summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.summary div{min-height:58px;padding:8px 10px}.summary span{font-size:1.28rem;line-height:1.1}.summary small{margin-top:2px;font-size:.78rem;display:block}.notice,.notify-panel,.entry-panel,.list-panel,.food-card{box-shadow:0 10px 28px #1f2d2712}.notice{align-items:flex-start;margin-bottom:12px;padding:12px}.notice p,.notify-copy p{font-size:.88rem}.food-card,.list-tools,.notify-panel{grid-template-columns:1fr}.list-tools{gap:10px;display:grid}.notify-panel{gap:12px;margin-bottom:12px;padding:12px;display:grid}.notify-copy{align-items:flex-start}.secondary-button{width:100%;min-height:44px}.workspace{gap:12px}.entry-panel,.list-panel{padding:14px}.entry-panel{gap:12px}.panel-heading h2{font-size:1.05rem}label{gap:6px;font-size:.9rem}input,.search-box{min-height:44px}.primary-button{min-height:48px}.list-panel{min-height:360px}.search-box{min-width:0}.tabs{gap:4px;width:100%}.tabs button{flex:1;min-width:0;min-height:40px;padding:0 8px}.food-list{gap:10px}.food-card{gap:12px;min-height:0;padding:13px}.food-main{align-items:flex-start}.status-icon{width:38px;height:38px}.food-main h3{font-size:1rem;line-height:1.35}.food-main p{font-size:.86rem}.food-meta{justify-content:space-between;gap:10px;width:100%;font-size:.94rem}.icon-button{width:42px;height:42px}.empty-state{min-height:270px;padding:20px 10px}.empty-state h2{font-size:1.05rem}.empty-state p{font-size:.9rem}}@media (width<=390px){.app-shell,.summary div{padding-inline:8px}.notify-copy,.food-main{gap:10px}.entry-panel,.list-panel{padding:12px}}