:root{--surface-milk:#f7f1e5;--surface-sage:#e4eee0;--surface-card:#fffdf7;--focus-ring:#173f2a;color:#183827;background:var(--surface-milk);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px}*{box-sizing:border-box}html{background:var(--surface-milk);min-width:320px}body{background:radial-gradient(circle at 12% 4%, #d3e2caa6, transparent 28rem), var(--surface-milk);min-width:320px;min-height:100vh;margin:0;font-size:1rem;line-height:1.55}button,input{font:inherit}button{min-height:48px}button,input{border-radius:14px}button:focus-visible,input:focus-visible,.focus-heading:focus{outline:3px solid var(--focus-ring);outline-offset:3px}button:disabled,input:disabled{cursor:not-allowed;opacity:.62}.app-shell{flex-direction:column;width:min(100% - 32px,680px);min-height:100vh;margin:0 auto;display:flex}.site-header{justify-content:space-between;align-items:center;gap:20px;padding:34px 4px 24px;display:flex}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand-leaf{color:#fdfaf2;background:#1f5a3b;border-radius:50% 12px;flex:0 0 54px;place-items:center;width:54px;height:54px;font-size:30px;display:grid;transform:rotate(-10deg);box-shadow:0 7px 18px #19452d33}.brand h1{color:#173f2a;letter-spacing:-.04em;margin:0;font-size:clamp(2rem,8vw,2.8rem);line-height:1}.brand p{color:#405f4d;margin:7px 0 0;font-size:1rem;line-height:1.35}main{flex:1}.card{background:var(--surface-card);border:1px solid #c5d4bd;border-radius:26px;padding:clamp(24px,6vw,38px);box-shadow:0 16px 44px #2b44321c}.card h2,.card h3{color:#173f2a}.card h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.55rem,6vw,2rem);line-height:1.2}.card h3{margin:0 0 12px;font-size:1.08rem}.section-heading{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.section-icon{color:#173f2a;background:#dce9d5;border-radius:16px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:25px;font-weight:800;display:grid}.supporting-text{color:#536d5d;margin:7px 0 0}.login-card{max-width:520px;margin-inline:auto}.login-card>.section-icon{margin-bottom:18px}.login-card form{margin-top:24px}.field-label{color:#173f2a;margin-bottom:8px;font-weight:750;display:block}input[type=password]{color:#142f21;background:#fffef9;border:2px solid #78907f;width:100%;min-height:54px;padding:10px 14px}input[type=password]:hover{border-color:#315f45}.button{text-align:center;cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:10px 18px;font-weight:760;line-height:1.2;text-decoration:none;transition:transform .12s,background-color .12s,border-color .12s;display:inline-flex}.button:not(:disabled):active{transform:translateY(1px)}.button-full{width:100%}.button-primary{color:#fffef9;background:#1d5638;box-shadow:0 7px 16px #1d56382e}.button-primary:not(:disabled):hover{background:#123f29}.button-secondary{color:#173f2a;background:var(--surface-sage);border-color:#548066;min-height:62px}.button-secondary:not(:disabled):hover{background:#d4e5cf;border-color:#24543a}.button-quiet{color:#244b34;background:#fffef9;border-color:#82988a}.button-quiet:not(:disabled):hover{background:#edf4e9;border-color:#315f45}.button-danger{color:#713127;border-color:#a25d53}.button-danger:not(:disabled):hover{background:#f9e7e2}.button-header{color:#173f2a;background:#fffdf7b8;border-color:#547660;flex:none;min-height:48px}.button-header:not(:disabled):hover{background:#fffdf7;border-color:#244f36}.login-card .button-primary{margin-top:22px}.photo-actions{gap:12px;display:grid}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.preview-panel{background:#edf4e9;border:1px solid #b8cbb2;border-radius:20px;margin-top:22px;padding:14px}.preview-image{object-fit:cover;background:#d7e1d2;border-radius:14px;width:100%;max-height:430px;display:block}.preview-fallback{color:#244b34;background:var(--surface-card);text-align:center;border:2px dashed #78907f;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;padding:24px;display:flex}.preview-fallback>[aria-hidden=true]{font-size:32px}.file-name{overflow-wrap:anywhere;color:#405f4d;margin:12px 2px;font-size:1rem}.preview-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.identify-button{min-height:58px;margin-top:24px;font-size:1.08rem}.message{border-radius:13px;padding:13px 15px}.message-error{color:#5c3b05;background:#f9e3b9;border:1px solid #c38b38;font-weight:650}.picker-card>.message-error{margin:18px 0 -6px}.login-card .message-error{margin:14px 0 0}.loading-message{color:#315c43;justify-content:center;align-items:center;gap:12px;margin:18px 0 0;font-weight:700;display:flex}.state-card .loading-message{min-height:100px;margin:0}.spinner{border:3px solid #aac1aa;border-top-color:#1d5638;border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.state-card{text-align:center}.state-card .message{margin:18px 0}.logout-error{margin:0 0 18px}.result-card{text-align:center}.result-mark{color:#fff;background:#1d5638;border:2px solid #4e7e60;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 18px;font-size:32px;font-weight:800;display:grid}.result-mark-warning{color:#563702;background:#f4cc79;border-color:#bd7b19}.plant-name{color:#143d27;letter-spacing:-.035em;margin:28px 0 3px;font-size:clamp(2rem,9vw,3.2rem);font-weight:850;line-height:1.08}.scientific-name{color:#4a6253;margin:8px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-style:italic}.confidence{color:#244b34;background:#e3eedf;border:1px solid #a9c19f;border-radius:999px;margin:22px 0 28px;padding:8px 14px;display:inline-block}.alternatives,.tips{text-align:left;background:#edf4e9;border:1px solid #c7d6c0;border-radius:18px;margin:0 0 26px;padding:20px}.alternatives ul,.tips ul{margin:0;padding-left:24px}.alternatives li+li,.tips li+li{margin-top:12px}.alternatives li span,.alternatives li i{display:block}.alternatives li span{color:#173f2a;font-weight:750}.alternatives li i{color:#536d5d;font-family:Georgia,Times New Roman,serif}.result-message{color:#405f4d;max-width:30rem;margin:18px auto 24px}footer{color:#526c5c;text-align:center;justify-content:center;align-items:flex-start;gap:8px;padding:25px 8px 32px;font-size:1rem;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=520px){.app-shell{width:min(100% - 22px,680px)}.site-header{align-items:flex-start;padding-top:22px}.brand{gap:11px}.brand-leaf{flex-basis:47px;width:47px;height:47px;font-size:25px}.brand p{max-width:240px}.button-header{padding-inline:13px}.card{border-radius:22px}.section-heading{gap:12px}.preview-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}