:root{--coffee:#3b2418;--cream:#fff8e9;--canvas:#f4f0e8;--ink:#2c211b;--sand:#e9dfc9;--muted:#75675e;--line:#d8cdbb;--leaf:#47704f}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Arial,"PingFang SC",sans-serif}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:12px max(16px,calc((100vw - 1000px)/2));border-bottom:1px solid #3b24181a;background:#f4f0e8ed;backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:10px}.brand div{display:grid}.brand small{font-size:9px;letter-spacing:.14em;color:var(--muted)}.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--coffee);color:#f2d22e}.primary{border:0;border-radius:12px;padding:9px 16px;background:var(--coffee);color:var(--cream);font-weight:800}main{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;max-width:1000px;margin:auto;padding:20px 16px 80px}section{display:grid;align-content:start;gap:20px}.panel{padding:18px;border:1px solid #3b24181a;border-radius:24px;background:#fffcf6eb;box-shadow:0 10px 30px #3b24180e}.hero{padding:20px;border-radius:28px;background:var(--coffee);color:var(--cream);box-shadow:0 18px 50px #321f1529}.hero-top,.section-head,.saved-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hero small{color:#fff8e999}.hero strong{display:block;margin-top:8px;font-size:36px}.hero-top button{border:0;border-radius:99px;background:#ffffff1a;color:#fff;padding:7px 11px;font-size:20px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;padding-top:15px;border-top:1px solid #ffffff1a}.hero-grid b{display:block;margin-top:4px}.section-head label{flex:1}.section-head>span{padding:6px 10px;border-radius:99px;background:#47704f20;color:var(--leaf);font-size:12px;font-weight:800}label{display:grid;gap:5px;min-width:0}label small,.eyebrow{font-size:10px;font-weight:800;color:#786a60}input{width:100%;height:39px;border:1px solid var(--line);border-radius:11px;background:#fffefb;padding:0 10px;color:var(--ink);font-size:15px;font-weight:700}.section-head input{border:0;background:transparent;padding:0;font-size:20px;box-shadow:none}.bean{display:grid;grid-template-columns:1fr 88px 70px 30px;align-items:end;gap:7px;margin-top:12px}.delete{width:30px;height:36px;border:0;background:transparent;color:#9d8579;font-size:22px}.outline{width:100%;margin-top:14px;padding:10px;border:1px dashed var(--line);border-radius:12px;background:transparent;color:var(--ink);font-weight:750}.settings{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}h2{margin:4px 0 14px;font-size:20px}.result{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:12px;margin-top:8px;padding:12px 14px;border-radius:17px;background:#e9dfc98c}.result small{color:var(--muted);line-height:1.7}.result .price{text-align:right;color:var(--coffee);font-size:20px;font-weight:900}.note{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.saved-item{display:flex;justify-content:space-between;width:100%;margin-top:8px;padding:12px;border:1px solid #3b24181a;border-radius:12px;background:transparent;text-align:left}.saved-item small{color:var(--muted)}#clearAll{border:0;background:transparent;color:var(--muted)}.hidden{display:none}@media(max-width:760px){main{grid-template-columns:1fr}.settings{grid-template-columns:repeat(2,1fr)}.hero strong{font-size:34px}}@media(max-width:390px){.bean{grid-template-columns:1fr 82px 64px 26px}.panel{padding:15px}.hero{padding:18px}}