:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17202a;background:#f4f7f6;line-height:1.45;--brand:#0f766e;--brand2:#115e59;--ink:#17202a;--muted:#667085;--line:#d8e2df;--card:#fff;--danger:#b42318}*{box-sizing:border-box}body{margin:0;padding:0 0 88px;background:#f4f7f6}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:12px;padding:.68rem .9rem;color:var(--ink)}button:hover{border-color:#9eb8b3}button.primary,.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}button.primary:hover{background:var(--brand2)}button.ghost{background:transparent}button.danger{color:var(--danger)}button.wide{width:100%;margin-top:1rem}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.75rem max(1rem,env(safe-area-inset-left));background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.stage{margin-left:.55rem;padding:.18rem .42rem;border-radius:999px;background:#ecfdf3;color:#067647;font-size:.68rem;font-weight:800;letter-spacing:.05em}main{max-width:1100px;margin:0 auto;padding:1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:0 1px 2px rgba(16,24,40,.04)}.auth{max-width:460px;margin:8vh auto}.auth h1{margin-bottom:.3rem}.muted{color:var(--muted)}.small{font-size:.85rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800;color:var(--brand);margin:0 0 .3rem}.hero,.split{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.hero{margin-bottom:1rem}.hero h1,.hero h2,.split h2,.split h3{margin:.15rem 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.period-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.period-card{text-align:left;display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:linear-gradient(145deg,#fff,#f1fbf8)}.period-card strong{color:var(--brand)}.period-card b{font-size:1.4rem}.period-card small,.right small,.stock small{color:var(--muted)}.tabs{display:flex;gap:.45rem;margin-bottom:1rem}.tabs button.active,.bottom-nav button.active{background:#e7f5f2;color:var(--brand2);border-color:#acd7cf;font-weight:800}.period-tabs{overflow:auto}.inline-form,.item-form,.auth form,#profileForm,#suggestForm{display:grid;gap:.75rem}.inline-form{grid-template-columns:2fr 1fr 1.4fr auto;align-items:end}.item-form{margin:1rem 0}.row{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}label{display:grid;gap:.35rem;font-weight:650}input,select,textarea{width:100%;padding:.72rem .78rem;border:1px solid #cbd5d2;border-radius:11px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(15,118,110,.12);border-color:var(--brand)}.budget{text-align:right}.budget b{display:block;font-size:1.35rem}.budget small{color:var(--muted)}.list-stack{display:grid;gap:.75rem}.item.done{opacity:.78;background:#f8faf9}.pill{display:inline-block;padding:.15rem .45rem;border-radius:999px;background:#eef4f2;font-size:.72rem;font-weight:750;color:#475467}.right{text-align:right}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.stock{text-align:center;min-width:80px;padding:.55rem;border-radius:12px;background:#ecfdf3}.stock b{display:block;font-size:1.4rem}.stock.low{background:#fff1f0;color:#b42318}.feed{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #edf1f0;padding:.6rem 0;margin:0}.feed:last-child{border-bottom:0}.feed>span:last-child{text-align:right}.trip{display:grid;grid-template-columns:1fr auto;gap:.2rem .7rem;border-bottom:1px solid #edf1f0;padding:.7rem 0}.trip small,.trip p{grid-column:1/-1;margin:.1rem 0;color:var(--muted)}.search-results{display:grid;gap:.55rem;margin-top:1rem}.result{display:grid;grid-template-columns:auto minmax(130px,2fr) minmax(120px,1fr) auto auto;gap:.6rem;align-items:center;padding:.7rem;border:1px solid var(--line);border-radius:12px}.result.best{border-color:#73c7b8;background:#f0fdfa}.invite-output{margin-top:.8rem}.empty{text-align:center;color:var(--muted)}.bottom-nav{position:fixed;left:50%;bottom:max(.65rem,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:30;display:grid;grid-template-columns:repeat(6,1fr);gap:.25rem;width:min(760px,calc(100% - 1rem));padding:.4rem;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(16,24,40,.16);backdrop-filter:blur(12px)}.bottom-nav button{padding:.55rem .35rem;font-size:.78rem;border:0;background:transparent}.hidden{display:none!important}#toast{position:fixed;left:50%;bottom:105px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:50;padding:.7rem 1rem;border-radius:12px;background:#101828;color:#fff;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.bad{background:#b42318}@media(max-width:760px){main{padding:.75rem}.grid2,.period-grid{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr 1fr}.inline-form button{grid-column:1/-1}.row{grid-template-columns:1fr}.hero,.split{align-items:stretch}.hero{flex-direction:column}.result{grid-template-columns:auto 1fr auto}.result span:nth-of-type(2),.result small{grid-column:2/-1}.bottom-nav button{font-size:.68rem;padding:.5rem .15rem}}@media(max-width:420px){.inline-form{grid-template-columns:1fr}.budget{text-align:left}.split{flex-direction:column}.right{text-align:left}.bottom-nav{grid-template-columns:repeat(3,1fr);bottom:.35rem}body{padding-bottom:125px}}