.quick-app{min-height:100dvh;background:#f5f8f5;color:#143e31;padding-bottom:40px}.quick-header{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:18px 24px}.quick-header img{width:165px}.quick-header>a:last-child{display:flex;align-items:center;gap:8px;font-size:14px}.quick-start,.quick-loading{max-width:650px;margin:35px auto;padding:24px;text-align:center}.quick-start h1,.quick-loading h1{font-size:clamp(34px,6vw,58px);line-height:1.12;letter-spacing:-1.8px;margin:18px 0}.quick-start>p,.quick-loading>p{font-size:17px;line-height:1.65}.quick-icon{display:inline-flex;background:#e0ecdf;border-radius:22px;padding:22px;margin-bottom:22px}.quick-primary{width:100%;max-width:420px;justify-content:center;min-height:62px;margin:22px auto 10px;font-size:18px;border-radius:16px}.quick-import{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px auto 28px;background:transparent;border:0;padding:14px;font-size:16px}.quick-privacy{display:flex;gap:12px;text-align:left;background:white;border:1px solid #dce7dd;border-radius:16px;padding:18px;margin-top:28px}.quick-privacy svg{flex-shrink:0}.quick-privacy p{font-size:14px;line-height:1.6;margin:0}.quick-muted{font-size:14px!important;color:#5b6d63;line-height:1.6}.quick-scan{width:180px;height:180px;border-radius:32px;margin:0 auto 30px;background:#dfeadf;position:relative;overflow:hidden;display:grid;place-items:center}.quick-scan img{width:100%;height:100%;object-fit:cover;opacity:.5}.quick-scan>svg{position:absolute;color:#143e31}.quick-scan-line{position:absolute;z-index:1;left:0;right:0;height:3px;background:#206244;box-shadow:0 0 20px #206244;animation:quick-scan 3s ease-in-out infinite}.quick-clock{font-size:28px;font-variant-numeric:tabular-nums;font-weight:650;margin:20px}.quick-dots{display:flex;justify-content:center;gap:7px;margin:25px}.quick-dots i{width:8px;height:8px;border-radius:50%;background:#28704f;animation:quick-pulse 1.3s infinite}.quick-dots i:nth-child(2){animation-delay:.2s}.quick-dots i:nth-child(3){animation-delay:.4s}.quick-results{max-width:1080px;margin:24px auto;padding:0 24px}.quick-result-top{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.quick-result-top h1{font-size:34px;margin:8px 0}.quick-measures{padding:20px;background:white;border-radius:14px;margin:20px 0}.quick-error{background:#fff0e9;color:#843921;padding:16px;border-radius:12px;margin:20px 0}.quick-app button:disabled{opacity:.55;cursor:not-allowed}.quick-app button:focus-visible,.quick-app a:focus-visible{outline:3px solid #c88e24;outline-offset:4px}@keyframes quick-scan{0%,100%{top:10%}50%{top:90%}}@keyframes quick-pulse{0%,100%{opacity:.3}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.quick-scan-line,.quick-dots i{animation:none}.quick-scan-line{top:50%}}@media(max-width:600px){.quick-header{height:74px;padding:16px}.quick-header img{width:135px}.quick-start,.quick-loading{margin:12px auto;padding:20px}.quick-results{padding:0 16px}.quick-result-top .primary{width:100%;justify-content:center}}
.quick-results .photo-region{border:2px solid #ffbd3b;border-radius:3px;background:rgba(255,189,59,.08);padding:0}.quick-results .photo-region span{top:auto;bottom:100%;left:-2px;width:24px;height:24px;border-radius:6px 6px 0 0;font-size:14px;display:grid;place-items:center;padding:0}.quick-results .photo-region.chosen{border-color:#fff;box-shadow:0 0 0 2px #174d3b}
.quick-history{display:grid;gap:12px;margin:20px 0}.quick-history button{display:flex;justify-content:space-between;text-align:left;gap:12px;flex-wrap:wrap;padding:18px}.quick-history span{font-size:14px}.quick-loading>a.primary{display:flex;justify-content:center;margin:16px auto;max-width:350px}

/* Photo-led entry, shared with the existing analysis flow. */
.quick-app{background:#f4f5ef}
.quick-header{max-width:1160px;height:78px}
.quick-header>a:last-child{padding:10px 14px;border:1px solid #dce2d8;border-radius:30px;background:#fff;font-weight:600;min-height:44px}
.quick-start{max-width:1120px;margin:22px auto 0;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:0}
.quick-garden{position:relative;min-height:580px;overflow:hidden;border-radius:28px 0 0 28px;background:#274d35}
.quick-garden>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:34% center}
.quick-garden:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,30,18,.12),transparent 40%,rgba(8,30,18,.75))}
.quick-garden-tag{position:absolute;z-index:1;top:24px;left:24px;display:flex;align-items:center;gap:7px;background:#fffef0;color:#214534;border-radius:30px;padding:10px 14px;font-size:14px;font-weight:600}
.quick-garden-caption{position:absolute;z-index:1;left:32px;right:24px;bottom:30px;color:white}
.quick-garden-caption>span{font-size:12px;letter-spacing:1.7px;font-weight:650}
.quick-garden-caption p{font-size:36px;line-height:1.18;letter-spacing:-1px;margin:14px 0 0;font-weight:600}
.quick-action-card{background:#fff;padding:38px 36px 24px;border-radius:0 28px 28px 0;border:1px solid #e4e8dc;border-left:0;box-shadow:0 15px 40px #20362608}
.quick-card-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;letter-spacing:1px;color:#4b6958}
.quick-card-label>span:first-child{display:flex;align-items:center;gap:7px}
.quick-step-label{font-size:12px;letter-spacing:0;background:#f1f5e9;border-radius:20px;padding:6px 10px;white-space:nowrap}
.quick-start h1{font-size:48px;line-height:1.06;letter-spacing:-2px;margin:28px 0 16px;font-weight:650}
.quick-start h1 em{font-style:normal;color:#647e4d}
.quick-intro{font-size:16px;line-height:1.6;color:#5c6c60;margin:0;max-width:400px}
.quick-start .quick-primary{display:flex;gap:13px;justify-content:flex-start;background:#153f30;color:#fff;border:0;min-height:76px;max-width:none;width:100%;padding:15px 18px;margin:26px 0 10px;border-radius:16px;text-align:left;box-shadow:0 6px 14px #153f3018}
.quick-camera-icon{display:grid;place-items:center;background:#ffffff17;border-radius:12px;min-width:44px;height:44px}
.quick-primary>span:nth-child(2){font-size:18px;font-weight:650;line-height:1.35}
.quick-primary small{display:block;font-size:13px;font-weight:400;color:#e1edde;margin-top:3px}
.quick-cta-arrow{margin-left:auto;flex-shrink:0}
.quick-start .quick-import{border:1px solid #dde4d9;border-radius:14px;width:100%;min-height:50px;margin:0;padding:12px;color:#254633;font-weight:550;background:#fff}
.quick-start .quick-primary:hover{background:#23543e}.quick-start .quick-import:hover{background:#f6f8f1}
.quick-benefits{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:18px 0;color:#4a644e;font-size:13px}
.quick-benefits>span{display:flex;align-items:center;gap:5px}
.quick-start .quick-privacy{margin:22px 0 0;background:#f5f7f1;border:0;padding:14px;border-radius:12px;align-items:center;color:#53654e;gap:10px}
.quick-start .quick-privacy p{font-size:13px;line-height:1.55}
.quick-storage{font-size:13px;color:#5b6d63;margin-top:13px;line-height:1.6}.quick-storage summary{cursor:pointer;padding:7px 0}.quick-storage p{margin:8px 0}
.quick-how{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0 4px;padding:24px 0;border-top:1px solid #dfe5d9}
.quick-how>div{position:relative;display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;padding:0 14px}
.quick-how>div>span{position:absolute;right:12px;top:0;font-size:12px;color:#6c7c67}
.quick-how strong{font-size:16px;font-weight:600}.quick-how p{grid-column:2;margin:0;font-size:14px;line-height:1.5;color:#62725f}
@media(max-width:700px){
.quick-header{height:68px;padding:12px 18px}.quick-header img{width:130px}.quick-header>a:last-child{font-size:12px;padding:8px 12px;gap:5px}
.quick-start{display:block;padding:0 16px;margin:0 auto;max-width:500px}
.quick-garden{min-height:218px;border-radius:22px 22px 0 0}.quick-garden>img{object-position:center 62%}.quick-garden:after{background:linear-gradient(180deg,#15342310,transparent 35%,#153423a6)}
.quick-garden-tag{top:14px;left:14px;padding:7px 11px;font-size:12px}.quick-garden-caption{left:20px;bottom:28px}.quick-garden-caption>span{display:none}.quick-garden-caption p{font-size:26px;letter-spacing:-.7px;margin:0}
.quick-action-card{position:relative;margin-top:-14px;border:1px solid #e4e8dc;border-radius:20px;padding:21px 20px 13px}
.quick-start h1{font-size:36px;margin:18px 0 10px;letter-spacing:-1.4px}.quick-start h1 br{display:none}.quick-start h1 em:before{content:' '}
.quick-intro{font-size:15px;line-height:1.5}.quick-card-label{font-size:10px;letter-spacing:.7px}.quick-step-label{font-size:11px}
.quick-start .quick-primary{margin-top:20px;min-height:72px;padding:12px 14px}.quick-primary>span:nth-child(2){font-size:17px}.quick-primary small{font-size:12px}.quick-benefits{font-size:12px;gap:10px;margin:14px 0}
.quick-start .quick-privacy{margin-top:16px}.quick-how{gap:0;margin:20px 0;padding:18px 0}.quick-how>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:0 6px}.quick-how>div>span{display:none}.quick-how strong{font-size:13px}.quick-how p{font-size:12px;line-height:1.5}
}
