:root{--green-900:#1f3d2b;--green-700:#2e6e4e;--green-600:#38845d;--green-100:#e7f2ec;--green-50:#f3f8f5;--earth-700:#6b4f3a;--grey-900:#22261f;--grey-600:#5c6357;--grey-300:#ccd3c9;--grey-100:#f0f2ee;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--green-50);color:var(--grey-900);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.45}.app{max-width:520px;margin:0 auto;padding:16px 16px 48px}.header{justify-content:space-between;align-items:center;padding:8px 0 16px;display:flex}.header h1{color:var(--green-900);margin:0;font-size:1.35rem}.header .tagline{color:var(--grey-600);margin:2px 0 0;font-size:.8rem}.unit-toggle{border:1px solid var(--grey-300);background:#fff;border-radius:999px;display:flex;overflow:hidden}.unit-toggle button{cursor:pointer;color:var(--grey-600);background:0 0;border:none;padding:6px 12px;font-size:.8rem}.unit-toggle button.active{background:var(--green-700);color:#fff}.card{border:1px solid var(--grey-300);border-radius:var(--radius);background:#fff;margin-bottom:16px;padding:16px}.card h2{color:var(--green-900);margin:0 0 12px;font-size:.95rem}.shape-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.shape-grid button{border:1.5px solid var(--grey-300);border-radius:var(--radius);cursor:pointer;color:var(--grey-600);background:#fff;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:.75rem;display:flex}.shape-grid button.active{border-color:var(--green-700);background:var(--green-100);color:var(--green-900);font-weight:600}.shape-grid .glyph{font-size:1.3rem;line-height:1}.dims{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--grey-600);font-size:.75rem}.field input{border:1.5px solid var(--grey-300);border-radius:8px;width:100%;padding:10px;font-size:1rem}.field input:focus{outline:2px solid var(--green-600);border-color:var(--green-600)}.hint{color:var(--grey-600);margin:8px 0 0;font-size:.72rem}.plant-search{position:relative}.plant-search input{border:1.5px solid var(--grey-300);border-radius:8px;width:100%;padding:10px;font-size:1rem}.suggestions{border:1px solid var(--grey-300);z-index:10;background:#fff;border-radius:8px;max-height:240px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #00000014}.suggestions button{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 12px;font-size:.9rem;display:block}.suggestions button:hover,.suggestions button.active{background:var(--green-100)}.suggestions ul,ul.suggestions{margin:4px 0 0;padding:0;list-style:none}.suggestions .alias{color:var(--grey-600);font-size:.78rem}.chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.chips button{border:1px solid var(--grey-300);cursor:pointer;color:var(--grey-600);background:#fff;border-radius:999px;padding:6px 10px;font-size:.78rem}.chips button.active{background:var(--green-700);border-color:var(--green-700);color:#fff}.selected-plant{background:var(--green-100);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.9rem;display:flex}.selected-plant button{color:var(--green-700);cursor:pointer;background:0 0;border:none;font-size:.8rem;text-decoration:underline}.result{background:var(--green-900);color:#fff;border:none}.result h2{color:var(--green-100)}.volume-line{align-items:baseline;gap:8px;display:flex}.volume-line .big{font-size:2.2rem;font-weight:700}.volume-line .unit{color:var(--green-100);font-size:1.1rem}.result .sub{color:var(--grey-300);margin:4px 0 0;font-size:.8rem}.mix-header{justify-content:space-between;align-items:center;margin:16px 0 8px;display:flex}.mix-header h3{margin:0;font-size:.9rem}.detail-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:999px;padding:4px 10px;font-size:.75rem}.component-line{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;padding:8px 0;font-size:.92rem;display:flex}.component-line:last-child{border-bottom:none}.component-line .pct{color:var(--grey-300);margin-left:8px;font-size:.78rem}.component-line .qty{white-space:nowrap;font-weight:700}.rationale{color:var(--green-100);margin:12px 0 0;font-size:.8rem}.disclaimer{color:var(--grey-300);margin:12px 0 0;font-size:.7rem}.error{color:#a33;margin:8px 0 0;font-size:.8rem}.footer{text-align:center;color:var(--grey-600);margin-top:24px;font-size:.72rem}.save-row{gap:8px;margin-top:16px;display:flex}.save-row input{border:none;border-radius:8px;flex:1;padding:10px;font-size:.9rem}.save-button{background:var(--green-600);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 16px;font-weight:600}.save-button:hover{background:var(--green-700)}.toast{background:var(--green-100);border:1px solid var(--green-600);color:var(--green-900);border-radius:8px;margin:0 0 16px;padding:10px 12px;font-size:.85rem}.pot-row{border-bottom:1px solid var(--grey-100);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.pot-info{flex-direction:column;gap:2px;font-size:.9rem;display:flex}.pot-meta{color:var(--grey-600);font-size:.75rem}.pot-actions{gap:6px;display:flex}.pot-actions button{border:1px solid var(--grey-300);cursor:pointer;color:var(--green-700);background:#fff;border-radius:8px;padding:6px 10px;font-size:.78rem}.pot-actions button.danger{color:#a33}.inventory-tools{gap:8px;margin-top:12px;display:flex}.inventory-tools button{border:1px solid var(--grey-300);cursor:pointer;color:var(--grey-600);background:#fff;border-radius:8px;padding:8px 12px;font-size:.8rem}.toolbar{justify-content:flex-end;margin-bottom:16px;display:flex}.card.placeholder{min-height:180px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.linklike{color:var(--green-700);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.linklike.danger{color:#a33}.mix-actions{gap:6px;display:flex}.pct-label{font-size:.92rem}.pct-edit{align-items:center;gap:6px;display:flex}.pct-edit input{border:1.5px solid var(--grey-300);text-align:right;border-radius:8px;width:64px;padding:6px 8px;font-size:.9rem}.result .pct-edit input{background:#fffffff2;border-color:#fff6}.reset-ratios{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:999px;margin-top:12px;padding:4px 10px;font-size:.75rem}.reset-ratios:disabled{opacity:.5;cursor:default}.result .error{color:#ffb3b3}.consent-banner{border:1px solid var(--grey-300);border-radius:var(--radius);background:#fff;margin-top:16px;padding:12px 16px;font-size:.85rem;position:sticky;bottom:12px;box-shadow:0 4px 16px #0000001a}.consent-banner p{margin:0 0 10px}.consent-actions{gap:8px;display:flex}.consent-actions button{border:1px solid var(--grey-300);cursor:pointer;background:#fff;border-radius:8px;padding:6px 12px;font-size:.8rem}.consent-actions button.save-button{border:none}.consent-footer{text-align:center;color:var(--grey-600);margin-top:8px;font-size:.72rem}.inventory-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.inventory-header h2{margin:0}.sync-badge{border:1px solid var(--grey-300);color:var(--grey-600);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;display:inline-flex}.sync-badge.sync-synced{border-color:var(--green-600);color:var(--green-700);background:var(--green-50)}.sync-badge.sync-unsynced,.sync-badge.sync-conflict{color:#a33;background:#fdf3f3;border-color:#c99}.auth-section{border-top:1px solid var(--grey-100);margin-top:12px;padding-top:12px}.auth-section input[type=email],.auth-section input[type=text]{border:1.5px solid var(--grey-300)}.save-button.danger-bg{background:#a33}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}