.po-hub{--po-green:#17836a;--po-deep:#123c36;--po-border:#dbe9e4;--po-muted:#59726b;font-family:inherit;color:#203c36;max-width:1160px;margin:0 auto;padding:12px 0 30px;box-sizing:border-box}.po-hub *{box-sizing:border-box}.po-hub [hidden]{display:none!important}.po-hero{border-radius:22px;padding:clamp(24px,5vw,52px);background:linear-gradient(115deg,#e0f7ed,#f2faf6 55%,#e2f0ff);border:1px solid var(--po-border)}.po-eyebrow{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--po-green)}.po-hero h2{font-size:clamp(26px,4vw,43px);line-height:1.16;margin:12px 0;color:var(--po-deep)}.po-hero p{max-width:720px;font-size:17px;line-height:1.65;margin:0}.po-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0}.po-toolbar>label{font-weight:700}.po-toolbar input{flex:1;min-width:180px;max-width:330px}.po-filters{display:flex;gap:8px;flex-wrap:wrap}.po-hub button,.po-hub input,.po-hub select{font:inherit}.po-hub input,.po-hub select{background:#fff;color:#203c36;border:1px solid #c7d9d2;border-radius:11px;padding:12px;min-height:46px;max-width:100%}.po-hub input:focus,.po-hub select:focus,.po-hub button:focus-visible{outline:3px solid #8fdcc8;outline-offset:2px}.po-filters button,.po-secondary,.po-back{background:#fff;border:1px solid #c5ded5;color:var(--po-deep);border-radius:12px;padding:11px 16px;cursor:pointer;font-weight:700}.po-filters .active{background:var(--po-deep);color:#fff}.po-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.po-directory-card{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:12px;border:1px solid var(--po-border);background:#fff;box-shadow:0 8px 28px #1e6d4a0c;border-radius:18px;padding:24px 20px;cursor:pointer;min-height:235px;transition:transform .2s,box-shadow .2s}.po-directory-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1e6d4a20}.po-directory-card strong{font-size:17px;line-height:1.35;color:var(--po-deep)}.po-directory-card small{font-size:13px;line-height:1.5;color:var(--po-muted)}.po-card-icon{display:grid;place-items:center;width:49px;height:49px;background:#e6f6ee;border-radius:14px;font-size:25px}.po-card-link{font-size:13px;font-weight:800;color:var(--po-green);margin-top:auto}.po-workspace{margin-top:12px}.po-back{margin-bottom:16px}.po-tool{background:#fff;border:1px solid var(--po-border);border-radius:20px;overflow:hidden;box-shadow:0 10px 35px #1e6d4a0c}.po-tool-head{padding:30px clamp(18px,4vw,38px);background:linear-gradient(110deg,#e6f7ef,#f4faf7)}.po-tool-head h2{font-size:clamp(23px,3vw,34px);line-height:1.2;margin:8px 0;color:var(--po-deep)}.po-tool-head p{margin:0;color:#45645b;line-height:1.6}.po-form{padding:0 clamp(16px,3vw,34px) 28px}.po-section{margin:24px 0 0}.po-section h3{font-size:19px;margin:0 0 16px;color:var(--po-deep)}.po-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.po-field{display:flex;flex-direction:column;gap:8px;font-weight:650;font-size:14px}.po-field>span:first-child{line-height:1.35}.po-field input,.po-field select{width:100%}.po-inputwrap{display:flex;align-items:center;position:relative}.po-inputwrap input{padding-right:68px}.po-inputwrap em{position:absolute;right:12px;color:#657e74;font-size:12px;font-style:normal;pointer-events:none}.po-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.po-primary{border:0;background:var(--po-green);color:#fff;padding:14px 25px;border-radius:12px;font-weight:800;cursor:pointer}.po-primary:hover{background:#116d57}.po-results{margin:0 clamp(16px,3vw,34px) 30px;padding:23px;background:#f3faf6;border:1px solid #d5ebe0;border-radius:17px}.po-results h3{margin:0 0 17px;font-size:20px;color:var(--po-deep)}.po-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.po-stat{display:flex;flex-direction:column;gap:5px;padding:18px;border-radius:13px;background:#fff;border:1px solid #d8e9e0}.po-stat small{font-size:13px;color:var(--po-muted)}.po-stat strong{font-size:clamp(20px,2.5vw,29px);line-height:1.2;color:var(--po-green)}.po-stat span{font-size:12px}.po-note{grid-column:1/-1;font-size:13px;line-height:1.65;color:#48675d;margin:4px 0}.po-advice{grid-column:1/-1;margin:0;padding-left:24px;line-height:1.7}.po-advice li{margin-bottom:9px}.po-result-grid>h3{grid-column:1/-1;margin:0}.po-ingredients{display:grid;gap:9px}.po-ingredient{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px}.po-remove{border:1px solid #ebd6d6;background:#fff5f5;color:#a33;border-radius:10px;padding:5px 14px;font-size:24px;cursor:pointer}.po-add{margin-top:12px}.po-recipe-results{grid-column:1/-1;background:#fff;border-radius:13px;overflow:hidden}.po-recipe-results>div{display:flex;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid var(--po-border)}.po-recipe-results>div:last-child{border:0}.po-footnote{margin:25px 0;color:var(--po-muted);font-size:13px;line-height:1.6}@media(max-width:950px){.po-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.po-directory,.po-grid,.po-result-grid{grid-template-columns:1fr}.po-directory-card{min-height:180px}.po-toolbar{align-items:stretch;flex-direction:column}.po-toolbar input{max-width:none}.po-ingredient{grid-template-columns:minmax(0,1fr) 80px 74px 40px;gap:4px}.po-ingredient input,.po-ingredient select{padding:7px;font-size:13px;min-width:0}.po-remove{padding:4px}.po-tool-head{padding:24px 18px}.po-results{margin:0 16px 22px}}