/* Noah's Eden: forest green from the logo, leaf green, ochre for prices, the logo's warm-grey ground */
:root{
  --bg:#f3f4ef; --surface:#ffffff; --sunk:#e8eae2; --line:#d5d9cc;
  --fg:#1d221c; --muted:#5d6559; --accent:#1e3d2b; --accent-fg:#ffffff;
  --brand-ink:#1e3d2b; --eden:#51793d; --leaf:#6d995a;
  --ochre:#9a6512; --ok:#2f7a45; --warn:#9a6512; --bad:#a3392d;
  --wa:#1f9d55; --wa-fg:#ffffff;
  --display:"Outfit",ui-sans-serif,system-ui,sans-serif;
  --body:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#141813; --surface:#1c211b; --sunk:#232922; --line:#343c32;
  --fg:#e7eae2; --muted:#a0a99b; --accent:#8fbf74; --accent-fg:#10170f;
  --brand-ink:#e4ebe0; --eden:#8fbf74; --leaf:#7fae69;
  --ochre:#e0a94c; --ok:#7fc795; --warn:#e0a94c; --bad:#e8897d;
  --wa:#25d366; --wa-fg:#0b2414; color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 var(--body);padding-inline:16px;padding-block:20px 48px}
img{max-width:100%}
[hidden]{display:none!important}
h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0}
h1{font-size:1.7rem;font-weight:700;letter-spacing:-.01em;line-height:1.15}
h2{font-size:1.2rem;font-weight:700}
h3{font-size:.98rem;font-weight:700}
p{margin:0}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0}
label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.9rem}
label .hint{font-weight:400;color:var(--muted)}
input,textarea,select{font:inherit;font-size:16px;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 12px;width:100%}
textarea{min-height:110px;resize:vertical}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:600 .95rem var(--body);padding:11px 16px;border-radius:10px;cursor:pointer;text-decoration:none}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.btn.wa{background:var(--wa);border-color:var(--wa);color:var(--wa-fg)}
.btn.big{width:100%;padding:15px 18px;font-size:1.05rem}
.btn.danger{color:var(--bad)}
.btn:disabled{opacity:.55;cursor:default}
.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.note{color:var(--muted);font-size:.88rem}
.err{color:var(--bad);font-size:.92rem}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:460px){.row2{grid-template-columns:1fr}}
.thumbs{display:flex;flex-wrap:wrap;gap:8px}
.thumb{position:relative;width:92px;height:92px;border-radius:10px;overflow:hidden;background:var(--sunk)}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb button{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:0;background:rgb(0 0 0/.6);color:#fff;cursor:pointer;line-height:1;font-size:16px}
.cat{display:inline-block;font-size:.72rem;font-weight:600;color:var(--accent);background:var(--sunk);border-radius:99px;padding:1px 8px;margin-bottom:3px}
.pill{display:inline-block;font-size:.74rem;font-weight:600;border-radius:99px;padding:2px 9px;border:1px solid currentColor}
.conf-high{color:var(--ok)}.conf-medium{color:var(--warn)}.conf-low{color:var(--bad)}
.tablewrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--line)}
td{padding:8px;border-bottom:1px solid var(--line);vertical-align:top}
td.num,th.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
tfoot td{font-weight:600;border-bottom:0}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:10px;font-weight:600;font-size:.9rem;z-index:10}
@media (prefers-reduced-motion:no-preference){.btn{transition:filter .15s}.btn:hover{filter:brightness(1.06)}}

/* logo lockup (redrawn from the Noah's Eden logo) */
.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--brand-ink)}
.logo-icon{width:54px;height:auto;flex:none;display:block}
.lg-arch{fill:none;stroke:var(--brand-ink);stroke-width:19}
.lg-base{fill:none;stroke:var(--brand-ink);stroke-width:16;stroke-linecap:round}
.lg-leaf{fill:var(--leaf)}
.lg-vein{fill:none;stroke:var(--bg);stroke-width:5;stroke-linecap:round}
.logo-text{display:flex;flex-direction:column;gap:5px}
.logo-name{font-family:"Outfit",ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:1.65rem;line-height:1;letter-spacing:-.02em;color:var(--brand-ink)}
.logo-name em{font-style:normal;color:var(--eden)}
.logo-tag{font-family:"Outfit",ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:.64rem;line-height:1;letter-spacing:.24em;text-transform:uppercase;color:var(--brand-ink)}
.logo.sm .logo-icon{width:38px}.logo.sm .logo-name{font-size:1.2rem}.logo.sm .logo-tag{font-size:.52rem}