*{box-sizing:border-box}body{margin:0;background:#f6f2e7;color:#193d3b;font:16px/1.55 system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:30px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font:700 clamp(38px,7vw,64px)/1.05 Georgia,serif;margin:5px 0}h2{font:700 24px/1.2 Georgia,serif;margin:0 0 14px}p{margin:8px 0}.eyebrow{letter-spacing:.16em;font-size:11px;font-weight:800;color:#876544}.intro{border-top:2px solid #b9c7b8;margin-top:24px;padding:20px 0}.intro p{max-width:800px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.stat,.panel{border:1px solid #d3d8c9;background:#fffcf4;border-radius:16px;padding:22px}.stat strong{display:block;font-size:25px}.stat span{font-size:12px;color:#566d64}.layout{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.panel{margin-bottom:18px}.stocks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;text-align:center}.stock{background:#eef2e8;border-radius:12px;padding:10px}.stock strong{font-size:22px}.art{width:112px;height:112px;margin:auto;background-image:url("supplies.webp");background-size:200% 200%;border-radius:16px}.art.fresh{background-position:0 0}.art.old{background-position:100% 0}.art.van{background-position:0 100%}.art.backup{background-position:100% 100%}label{display:flex;justify-content:space-between;font-weight:750;margin-top:18px;gap:12px}select{padding:8px;max-width:65%;font:inherit;color:inherit;background:white;border:1px solid #a6b9ae;border-radius:8px}input[type=range]{width:100%;height:38px;accent-color:#1b6d61}button{font:700 15px system-ui;color:#234d45;background:#e7ede1;border:1px solid #9cb5a8;padding:12px 16px;border-radius:10px;cursor:pointer;min-height:44px}button:hover{filter:brightness(.95)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d8873a;outline-offset:3px}.primary{background:#176355;color:white;border-color:#176355;width:100%;font-size:17px}.secondary{width:100%;margin-top:10px}button:disabled{opacity:.5;cursor:not-allowed}.note{font-size:13px;color:#576c60}#feedback{padding:12px;background:#f6ecd8;border-left:3px solid #d18b3e;margin-top:16px}.bars{display:flex;gap:3px;height:92px;align-items:end;padding-bottom:20px;margin-top:20px}.bar{flex:1;background:#518977;position:relative;min-width:2px}.bar span{position:absolute;top:100%;font-size:10px;left:50%;transform:translateX(-50%)}#forecast{margin-top:16px;padding:12px;background:#f3ecda;border-radius:9px}.entry{padding:12px 0;border-top:1px solid #d8ddce}.entry strong{display:block}footer{font-size:12px;color:#637467}#result{background:#dfeddf}#result button{margin:10px 8px 0 0}@media(max-width:650px){main{padding:18px 14px}header{align-items:start}header>button{max-width:115px;font-size:12px}.layout{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr);gap:8px}.stat,.panel{padding:16px}.intro label{display:block}select{display:block;max-width:100%;width:100%;margin-top:8px}.art{width:100px;height:100px}}