: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}.pwa-status-stack{gap:12px;margin-bottom:18px;display:grid}.pwa-notice{color:#244b34;background:#edf4e9;border:1px solid #9eb496;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;padding:16px 18px;display:flex}.pwa-notice-offline{color:#563702;background:#f9e3b9;border-color:#bd8127}.pwa-notice-update{background:#dce9d5;border-color:#548066}.pwa-notice p{margin:0}.pwa-notice-title{font-weight:780}.pwa-notice .message{flex-basis:100%;margin:0}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:left;padding:24px 18px}.result-header{text-align:center}.model-text{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%}.result-mark{color:#fff;background:#1d5638;border:2px solid #4e7e60;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 14px;font-size:28px;font-weight:800;display:grid}.result-mark-warning{color:#563702;background:#f4cc79;border-color:#bd7b19}.primary-identity{margin-top:20px}.plant-name{overflow-wrap:anywhere;color:#143d27;letter-spacing:-.035em;margin:0;font-size:clamp(1.8rem,9vw,2.7rem);font-weight:850;line-height:1.12}.plant-name[lang=la],.classification-name[lang=la],.alternative-name[lang=la]{font-family:Georgia,Times New Roman,serif;font-style:italic}.scientific-name{overflow-wrap:anywhere;color:#4a6253;margin:6px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.08rem;font-style:italic}.rank-badge{color:#173f2a;background:#dce9d5;border:1px solid #668b70;border-radius:999px;align-items:center;min-height:36px;margin-top:12px;padding:4px 11px;font-size:1rem;font-weight:760;line-height:1.35;display:inline-flex}.confidence{color:#244b34;background:#e3eedf;border:1px solid #a9c19f;border-radius:999px;margin:14px 0 18px;padding:7px 12px;display:inline-block}.result-details{gap:14px;display:grid}.result-section,.tips{text-align:left;background:#edf4e9;border:1px solid #c7d6c0;border-radius:16px;min-width:0;padding:16px}.result-section h3,.tips h3{margin-bottom:10px}.result-section p,.classification dl{margin:0}.detail-list,.tips ul{margin:0;padding-left:22px}.detail-list li+li,.tips li+li{margin-top:8px}.classification-row{border-top:1px solid #cad8c5;padding:10px 0}.classification-row:first-child{border-top:0;padding-top:0}.classification-row:last-child{padding-bottom:0}.classification-row dt{color:#315742;font-weight:760}.classification-row dd{overflow-wrap:anywhere;min-width:0;margin:3px 0 0}.classification-name,.classification-scientific{display:block}.classification-name{color:#173f2a;font-weight:700}.classification-scientific{color:#536d5d;margin-top:2px;font-family:Georgia,Times New Roman,serif}.alternatives{background:#f1f4e8}.alternative-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.alternative-card{background:#fffdf7;border:1px solid #bdcdb6;border-radius:14px;min-width:0;padding:14px}.alternative-heading{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.alternative-heading .rank-badge{flex:none;margin:0}.alternative-heading>div{flex:180px;min-width:0;max-width:100%}.rank-badge-secondary{background:#e7ede0;border-color:#83977b}.alternative-name,.alternative-scientific,.alternative-cultivar,.alternative-difference{overflow-wrap:anywhere;margin:0}.alternative-name{color:#173f2a;font-weight:780}.alternative-scientific{color:#536d5d;margin-top:2px;font-family:Georgia,Times New Roman,serif;font-style:italic}.alternative-cultivar,.alternative-difference{color:#405f4d;margin-top:10px}.result-message{color:#405f4d;text-align:center;max-width:30rem;margin:16px auto 20px}.result-card>.tips{margin-bottom:0}.result-reset{margin-top:18px}@media (width>=600px){.result-card{padding:32px}.result-section,.tips{padding:20px}.classification-row{grid-template-columns:minmax(130px,.4fr) 1fr;gap:18px;display:grid}.classification-row dd{margin-top:0}}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}.pwa-notice{flex-direction:column;align-items:stretch}.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}}