.copy-button .icon{width:17px}.result-summary{color:#fff;background:var(--green);padding:28px 35px 31px;position:relative;overflow:hidden}.result-summary:after{content:"100";color:#ffffff09;font:800 155px Manrope;position:absolute;top:-40px;right:-12px}.result-summary p{text-transform:uppercase;letter-spacing:.12em;color:#ffffffad;margin:0 0 12px;font-size:10px}.summary-line{z-index:1;align-items:baseline;gap:21px;display:flex;position:relative}.summary-line>strong{font:700 38px Manrope}.summary-line>strong small{font-size:14px;font-weight:500}.summary-line>span:not(.dot){color:#ffffffb8;font-size:14px}.summary-line>span b{color:#fff;margin-left:4px;font-size:19px}.dot{color:#ffffff59}.result-columns{grid-template-columns:1.5fr 1fr;gap:35px;padding:31px 35px 34px;display:grid}.result-columns h3{margin:0 0 17px;font:700 13px Manrope}.table-wrap table{border-collapse:collapse;width:100%;font-size:12px}.table-wrap th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:right;padding:0 0 9px;font-size:9px;font-weight:600}.table-wrap th:first-child{text-align:left}.table-wrap td{border-top:1px solid var(--line);text-align:right;padding:10px 0}.table-wrap td:first-child{text-align:left;color:var(--muted)}.table-wrap td:last-child b{color:var(--green-2)}.weight-result{border-left:1px solid var(--line);padding-left:34px}.weight-flow{align-items:center;gap:14px;display:flex}.weight-flow div{flex-direction:column;display:flex}.weight-flow small{color:var(--muted);font-size:10px}.weight-flow strong{font:700 17px Manrope}.weight-flow>span{color:var(--muted)}.delta{color:#a55735;background:color-mix(in srgb, var(--orange) 12%, transparent);border-radius:9px;align-items:center;gap:10px;margin-top:20px;padding:11px 13px;display:flex}.delta.positive{color:var(--green-2);background:color-mix(in srgb, var(--green) 12%, transparent)}.delta>span{font-size:21px}.delta div{flex-direction:column;display:flex}.delta strong{font-size:13px}.delta small{color:var(--muted);font-size:10px}.portion-result{background:color-mix(in srgb, var(--lime) 30%, var(--surface-2));border:1px solid color-mix(in srgb, var(--green) 20%, var(--line));border-radius:12px;justify-content:space-between;align-items:center;margin:0 35px 30px;padding:20px;display:flex}.portion-result p{color:var(--muted);text-transform:uppercase;margin:0 0 3px;font-size:11px}.portion-result>div>strong{font-size:19px}.portion-macros{align-items:baseline;gap:18px;display:flex}.portion-macros>strong{color:var(--green)}.portion-macros small{font-size:11px}.portion-macros span{color:var(--muted);font-size:12px}.portion-macros b{color:var(--text);margin-left:3px}.save-bar{border-top:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;padding:20px 35px;display:flex}.save-bar>div{align-items:center;gap:12px;display:flex}.save-icon{width:34px;height:34px;color:var(--green);background:color-mix(in srgb, var(--green) 12%, transparent);border-radius:50%;place-items:center;display:grid}.save-icon .icon{width:17px}.save-bar p{flex-direction:column;margin:0;font-size:12px;display:flex}.save-bar small{color:var(--muted);margin-top:2px;font-size:10px}.save-bar .secondary{min-height:39px;padding:0 17px;font-size:12px}.save-bar .text-button{font-size:11px}.history-page{min-height:700px;padding-top:65px}.history-head{justify-content:space-between;align-items:flex-end;margin-bottom:35px;display:flex}.history-head h1{font-size:38px}.history-head p:last-child{color:var(--muted);margin:10px 0 0}.history-tools{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding-bottom:22px;display:flex}.history-tools>input{border:1px solid var(--line);background:var(--surface);width:min(420px,100%);height:45px;color:var(--text);border-radius:10px;padding:0 16px}.history-tools>div{gap:8px;display:flex}.history-tools button,.history-actions button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;display:inline-flex}.history-tools button:hover,.history-actions button:hover{border-color:var(--green);color:var(--green)}.history-tools button:disabled{opacity:.4}.history-tools .icon,.history-actions .icon{width:16px}.history-grid{grid-template-columns:repeat(2,1fr);gap:18px;padding-top:24px;display:grid}.history-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 22px #1c2b220a}.history-title{justify-content:space-between;align-items:flex-start;display:flex}.history-title small{color:var(--muted);font-size:10px}.history-title h2{margin:5px 0 0;font:700 20px Manrope}.icon-button.danger:hover{color:#bd4343;border-color:#bd4343}.history-macros{align-items:baseline;gap:15px;padding:20px 0 15px;display:flex}.history-macros>strong{color:var(--green);font:700 24px Manrope}.history-macros>strong small{font-size:11px}.history-macros span{color:var(--muted);font-size:11px}.history-macros b{color:var(--text);font-size:14px}.ready-weight{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin:0;padding:12px 0;font-size:12px;display:flex}.ready-weight b{color:var(--text)}.history-actions{gap:7px;margin-top:9px;display:flex}.history-actions button{flex:1;font-size:11px}.history-actions .icon-button{flex:0 0 40px;padding:0}.empty-history{min-height:360px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-history>span{background:var(--surface);border:1px solid var(--line);border-radius:50%;place-items:center;width:60px;height:60px;display:grid}.empty-history h2{color:var(--text);margin:15px 0 5px}.empty-history p{margin:0}footer{border-top:1px solid var(--line);max-width:1180px;min-height:80px;color:var(--muted);justify-content:space-between;align-items:center;margin:auto;padding:0 24px;font-size:11px;display:flex}footer span{color:var(--green);font:700 14px Manrope}.toast{z-index:50;background:var(--text);color:var(--bg);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:9px;padding:12px 18px;font-size:13px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.toast .icon{width:17px}@media (max-width:760px){.topbar{height:65px}.nav-shell{grid-template-columns:1fr auto;padding:0 15px}.brand{font-size:17px}.brand-mark{width:32px;height:32px}nav{background:var(--surface);border-top:1px solid var(--line);z-index:30;justify-content:space-around;height:62px;position:fixed;bottom:0;left:0;right:0}nav button{border-top:2px solid #0000;border-bottom:0;flex-direction:column;flex:1;justify-content:center;gap:2px;padding:5px;font-size:10px}nav .nav-active{border-top-color:var(--green);border-bottom-color:#0000}.count{position:absolute;transform:translate(17px,-10px)}.theme-toggle{grid-column:2}.nav-shell>nav{display:flex}main{padding:0 14px 85px}.hero{min-height:270px;padding:38px 8px 31px}.hero h1{font-size:34px}.hero-badge{display:none}.hero:before,.hero:after{right:-140px}.hero>div>p:last-child{font-size:14px}.form-card{border-radius:17px;padding:26px 18px 22px}.macros-fields{grid-template-columns:repeat(2,1fr)}.weight-fields{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch;gap:10px}.primary{width:100%}.text-button{align-self:center}.result-top{padding:22px 18px 17px}.copy-button{font-size:0}.result-summary{padding:24px 18px}.summary-line{flex-wrap:wrap;gap:8px 15px}.summary-line>strong{width:100%;font-size:34px}.summary-line .dot{display:none}.result-columns{grid-template-columns:1fr;padding:25px 18px}.weight-result{border-left:0;border-top:1px solid var(--line);padding:23px 0 0}.portion-result{align-items:flex-start;gap:15px;margin:0 18px 24px}.portion-macros{grid-template-columns:repeat(2,1fr);gap:5px 13px;display:grid}.save-bar{flex-direction:column;align-items:stretch;gap:15px;padding:18px}.save-bar>div:last-child{flex-direction:column;align-items:stretch}.save-bar .secondary{width:100%}.history-page{padding-top:38px}.history-head{flex-direction:column;align-items:flex-start;gap:22px}.history-head h1{font-size:31px}.history-head .primary{width:auto}.history-tools{flex-direction:column;align-items:stretch}.history-tools>input{width:100%}.history-tools>div button{flex:1}.history-grid{grid-template-columns:1fr}.history-actions button{padding:0 8px}footer{display:none}}@media (max-width:390px){.macros-fields{grid-template-columns:1fr}.summary-line{gap:7px 11px}.history-macros{gap:9px}.history-macros>strong{font-size:20px}}