:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--leaf:#2f6b3f;--leaf-dark:#17351f;--mint:#eef6e7;--paper:#ffffffdb;--muted:#48624c;--line:#dfe9d8;--shadow:0 24px 70px #17351f24}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;min-width:320px}body{color:var(--leaf-dark);background:#f4f8ef;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}img{max-width:100%;display:block}.app{min-height:100svh;padding-bottom:env(safe-area-inset-bottom);background:radial-gradient(circle at 0 0,#dff3cb,#0000 32%),linear-gradient(135deg,#f9fbf4,#e8f4df)}button,input,select{font:inherit}button{min-height:44px;color:var(--leaf-dark);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.78rem 1rem;display:inline-flex;box-shadow:0 8px 25px #17351f1a}button:disabled{opacity:.6;cursor:not-allowed}.primary{background:var(--leaf);color:#fff}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#f4f8efe0;border-bottom:1px solid #2f6b3f14;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.brand{box-shadow:none;background:0 0;padding-inline:0;font-size:1.12rem;font-weight:850}.topbar nav{flex-wrap:wrap;gap:.5rem;display:flex}.topbar nav button{white-space:nowrap}.hero{grid-template-columns:minmax(0,1fr) minmax(360px,480px);align-items:start;gap:clamp(1.1rem,4vw,2rem);padding:clamp(1.6rem,6vw,5rem) clamp(1rem,4vw,4rem);display:grid}h1{letter-spacing:-.06em;text-wrap:balance;margin:.2rem 0 1rem;font-size:clamp(2.3rem,7vw,5.8rem);line-height:.96}h2{margin:.2rem 0;font-size:clamp(1.55rem,6vw,2rem);line-height:1.05}h3{margin:1.2rem 0 .5rem}.sub{max-width:760px;color:var(--muted);font-size:clamp(1rem,2.8vw,1.2rem);line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#6c9b50;font-size:.78rem;font-weight:850}.actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.card{background:var(--paper);box-shadow:var(--shadow);border:1px solid #ffffffe6;border-radius:28px;padding:1rem}.upload{position:sticky;top:6rem}.preview{text-align:center;background:#f8fbf4;border:2px dashed #adc99e;border-radius:22px;place-items:center;min-height:min(42vh,330px);display:grid;overflow:hidden}.preview div{color:#5d765e;flex-direction:column;align-items:center;gap:.7rem;padding:1rem;display:flex}.preview img{object-fit:cover;width:100%;height:100%;max-height:430px}.wide{justify-content:center;width:100%;margin-top:1rem}.error{color:#a63737;background:#fff1f1;border-radius:14px;padding:.8rem;line-height:1.45}.warning{color:#755c10;background:#fff8db;border-radius:14px;padding:.8rem;line-height:1.45}.result{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem;line-height:1.5}.result ul{padding-left:1.1rem}.care{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.care div{background:var(--mint);border-radius:16px;min-width:0;padding:.85rem}.care b{text-transform:capitalize;margin-bottom:.25rem;display:block}.care span{color:#49604d;overflow-wrap:anywhere}.page{padding:2rem clamp(1rem,4vw,4rem)}.narrow{max-width:760px;margin-inline:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.history-card{align-items:center;gap:1rem;display:flex}.history-card img{object-fit:cover;border-radius:18px;flex:none;width:88px;height:88px}.history-card div{flex-direction:column;gap:.25rem;min-width:0;display:flex}.history-card b,.history-card i{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}label{gap:.4rem;margin:1rem 0;font-weight:750;display:grid}input,select{background:#fff;border:1px solid #bdd0b2;border-radius:16px;width:100%;min-height:48px;padding:.9rem 1rem}.login-page{background:radial-gradient(circle at 0 0,#ccebbb,#0000 32%),linear-gradient(135deg,#f8fbf4,#dcefd1);place-items:center;min-height:100svh;padding:1rem;display:grid}.login-card{width:min(100%,440px);box-shadow:var(--shadow);background:#fffffff0;border:1px solid #ffffffe6;border-radius:30px;padding:clamp(1.25rem,5vw,2rem)}.login-brand{color:var(--leaf-dark);align-items:center;gap:.6rem;font-weight:900;display:inline-flex}.login-brand svg{color:var(--leaf)}.login-card h1{font-size:clamp(2rem,8vw,3.25rem)}.login-card p{color:var(--muted);line-height:1.55}@media (width<=860px){.hero{grid-template-columns:1fr;padding-top:1.1rem}.upload{position:static}.actions button{flex:150px}.care{grid-template-columns:1fr}}@media (width<=640px){.app{padding-bottom:calc(5.3rem + env(safe-area-inset-bottom))}.topbar{align-items:center;padding:.75rem 1rem}.brand{min-height:40px;font-size:1rem}.topbar nav{left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4f8efed;border:1px solid #2f6b3f1a;border-radius:999px;grid-template-columns:repeat(4,1fr);gap:.45rem;padding:.45rem;display:grid;position:fixed;box-shadow:0 14px 45px #17351f38}.topbar nav button{min-width:0;min-height:48px;box-shadow:none;gap:.28rem;padding:.62rem .35rem;font-size:.86rem}.hero,.page{padding-inline:.85rem}h1{letter-spacing:-.055em;font-size:clamp(2.15rem,13vw,3.2rem)}.sub{font-size:1rem}.actions{margin-top:1.25rem}.actions button{width:100%}.card{border-radius:22px;padding:.78rem}.preview{border-radius:18px;min-height:240px}.preview img{max-height:300px}.grid{grid-template-columns:1fr}.history-card{align-items:flex-start}.history-card img{border-radius:16px;width:76px;height:76px}}@media (width<=380px){.topbar nav button{font-size:.78rem}.topbar nav svg{display:none}.preview{min-height:210px}}