.onboarding-screen{max-width:393px;margin:auto;overflow:hidden;border-radius:24px;color:#1a1a18;background:#fff url(/brand/botanical-background.webp) top/100% auto repeat-y}.onboarding-content{position:relative;isolation:isolate;min-height:max(830px,calc(100svh - 22px));display:flex;flex-direction:column}.onboarding-botanical{pointer-events:none;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1;max-width:none}.onboarding-header{background:#5e8232;border-radius:0 0 28px 28px;color:white;padding:12px 24px 16px;text-align:center}.onboarding-header h1{font-size:var(--flourish-text-body);outline:none}.header-subtitle,.onboarding-header h1{font-weight:var(--flourish-weight-bold);line-height:1.5}.header-subtitle{margin-top:5.59px;font-size:var(--flourish-text-support);opacity:.92}.step-10 .header-subtitle,.step-6 .header-subtitle{font-weight:var(--flourish-weight-emphasis)}.large-header{padding-top:24px;padding-bottom:32px}.large-header h1{margin-top:16px;font-size:var(--flourish-text-subheading);line-height:27.5px}.large-header .header-subtitle{margin-top:12px;font-size:var(--flourish-text-support);line-height:1.5;font-weight:var(--flourish-weight-emphasis);opacity:1}.step-body{padding:24px}.step-body>p{font-size:var(--flourish-text-support);line-height:1.5;margin-bottom:16px}.step-body strong{font-weight:var(--flourish-weight-bold)}.onboarding-footer{position:relative;margin-top:auto;display:flex;justify-content:center;min-height:117.75px;padding:20px 24px}.step-10 .onboarding-footer,.step-11 .onboarding-footer,.step-12 .onboarding-footer,.step-13 .onboarding-footer,.step-14 .onboarding-footer,.step-15 .onboarding-footer{min-height:98px}.seed-action{cursor:pointer;display:flex;align-items:center;flex-direction:column;gap:6px;font-size:var(--flourish-text-support);line-height:1.5;font-weight:var(--flourish-weight-emphasis)}.seed-circle{position:relative;display:block;border-radius:50%;width:58px;height:58px;background:#4f7228}.seed-centre{position:absolute;top:10px;left:10px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#efe9dc}.back-action{position:absolute;left:24px;top:38px;padding:6px;color:#524e48;font-size:var(--flourish-text-support);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.onboarding-screen button:focus-visible,.onboarding-screen input:focus-visible,.onboarding-screen summary:focus-visible{outline:2px solid #4f7228;outline-offset:4px}.onboarding-screen button:disabled{opacity:.45;cursor:default}.onboarding-screen button{-webkit-tap-highlight-color:transparent}.photo-choice{display:flex;align-items:center;width:100%;text-align:left;gap:12px;background:white;border:1px solid #bdb6a8;border-radius:16px;padding:17px 21px;cursor:pointer}.photo-choice.highlighted{border:2px solid #4f7228;padding:18px 22px}.choice-icon{flex-shrink:0;width:40px;height:40px;background:#f1f1f1;border-radius:50%;display:grid;place-items:center}.highlighted .choice-icon{background:#edf0e8}.photo-choice small,.photo-choice strong{display:block;font-size:var(--flourish-text-support);line-height:1.5}.photo-choice small{color:#524e48;margin-top:2px}.input-divider{display:flex;align-items:center;gap:12px;font-size:var(--flourish-text-support);line-height:1.5;white-space:nowrap;color:#524e48;margin:20px 0}.input-divider span{background:#bdb6a8;height:1px;flex:1}.field-label{display:block;color:#524e48;font-weight:var(--flourish-weight-bold);font-size:var(--flourish-text-support);line-height:1.5;margin-bottom:6px}.onboarding-screen input:not([type=range]):not([type=radio]):not([type=checkbox]):not([type=file]){display:block;width:100%;height:50px;border:1px solid #bdb6a8;border-radius:12px;padding:14px 15px;font:var(--flourish-weight-regular) var(--flourish-text-support)/1.5 var(--font-body);margin-top:6px;background:transparent;color:#1a1a18}.onboarding-screen input::placeholder{color:#9e9890;opacity:1}.step-body .field-help{margin-top:6px;font-size:var(--flourish-text-support);line-height:1.5;color:#524e48}.local-notice:empty{display:none}.step-body .local-notice{font-size:var(--flourish-text-support);line-height:1.5;margin-top:12px;color:#524e48}.photo-list{border:1px solid #bdb6a8;border-radius:12px;overflow:hidden;background:white}.photo-row{width:100%;min-height:49px;display:flex;align-items:center;gap:12px;padding:12px 16px;text-align:left;cursor:pointer;line-height:1.5;font-weight:var(--flourish-weight-emphasis)}.photo-number,.photo-row{font-size:var(--flourish-text-support)}.photo-number{width:24px;height:24px;border-radius:50%;background:#4f7228;color:white;display:grid;place-items:center;font-weight:var(--flourish-weight-bold);flex-shrink:0}.photo-thumbnail{margin-left:auto;object-fit:cover;border-radius:4px;width:40px;height:32px}.step-body .prototype-note{border-left:2px solid #bdb6a8;padding-left:8px;font-size:var(--flourish-text-support);line-height:1.5;color:#524e48}.range-control{display:block}.range-control strong{display:block}.range-control strong,.range-labels{font-size:var(--flourish-text-support);line-height:1.5}.range-labels{display:flex;justify-content:space-between;gap:16px;margin-top:12px;color:#524e48;font-weight:var(--flourish-weight-emphasis)}.range-labels>span{max-width:49%}.range-labels>span:last-child{text-align:right}.range-track{display:block;position:relative;margin-top:12px;height:44px}.range-track input{appearance:none;-webkit-appearance:none;height:44px;width:100%;margin:0;cursor:pointer;background:transparent}.range-track input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,#1a1a18 var(--range-fill),#bdb6a8 var(--range-fill))}.range-track input::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(to right,#1a1a18 var(--range-fill),#bdb6a8 var(--range-fill))}.range-track input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;border:3px solid white;background:#4f7228;margin-top:-7px}.range-track input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:3px solid white;background:#4f7228}.range-hints{display:flex;justify-content:space-between;font-size:var(--flourish-text-support);line-height:1.5;color:#524e48;margin-top:8px}.question-sliders .range-control+.range-control,.soil-sliders .range-control+.range-control{margin-top:32px}.ph-range{margin-top:16px}.ph-range .range-labels{margin:0}.ph-range .range-track{margin-top:38px}.ph-range output{position:absolute;top:-28px;transform:translateX(-50%);background:#4f7228;color:white;font-weight:var(--flourish-weight-bold);padding:0 8px;border-radius:4px;white-space:nowrap}.ph-range output,.ph-ticks{font-size:var(--flourish-text-support);line-height:1.5}.ph-ticks{display:flex;justify-content:center;gap:24px;margin-top:20px;color:#524e48}.ph-skip{display:block;margin:36px auto 0;font-weight:var(--flourish-weight-bold);font-size:var(--flourish-text-support);line-height:1.5;cursor:pointer}.step-7 .step-body{padding-top:32px}.summary-grid{display:grid;grid-template-columns:80px 80px;justify-content:center;column-gap:40px;row-gap:40px}.summary-grid button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:var(--flourish-text-support);line-height:1.5;font-weight:var(--flourish-weight-emphasis);cursor:pointer}.summary-grid button>span{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:#4f7228}.step-body .summary-hint{text-align:center;font-size:var(--flourish-text-support);line-height:1.5;color:#524e48;margin-top:20px}.summary-detail{position:fixed;inset:0;z-index:10;background:#0005;display:grid;place-items:center;padding:24px}.summary-detail>div{background:#fff;padding:24px;border-radius:16px;width:min(345px,100%)}.completion h2,.summary-detail h2{font-size:var(--flourish-text-subheading);font-weight:var(--flourish-weight-bold)}.summary-detail p{margin:16px 0;font-size:var(--flourish-text-support)}.summary-detail button{display:block;padding:8px;margin-top:8px;font-size:var(--flourish-text-support);text-decoration:underline;cursor:pointer}.photo-choices{display:grid;gap:8px;margin-top:20px}.step-body .photo-help{color:#524e48;font-size:var(--flourish-text-support);line-height:1.5;margin-top:20px}.selected-photo{margin-top:16px;overflow:hidden;border-radius:12px;font-size:var(--flourish-text-support);word-break:break-word}.selected-photo img{width:100%;max-height:180px}.step-9 .step-body{padding:16px}.step-9 .step-body>p{font-size:var(--flourish-text-support);line-height:1.5;margin-bottom:32px}.step-9 .step-body .trace-help{margin-bottom:12px;color:#524e48}.trace-surface{position:relative;border-radius:18px;background:#ede9e2;width:100%;height:235px;overflow:hidden}.trace-surface svg{position:absolute;inset:0;width:100%;height:100%}.trace-toolbar{display:flex;gap:24px;justify-content:center;margin-top:16px}.trace-toolbar button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:var(--flourish-text-support);line-height:1.5;font-weight:var(--flourish-weight-bold);color:#524e48;cursor:pointer}.trace-toolbar button>span{display:grid;place-items:center;width:44px;height:44px;background:#4f7228;border-radius:50%}.trace-keyboard{font-size:var(--flourish-text-support);line-height:1.5;margin-top:16px;color:#524e48}.keyboard-marker{border:1px solid #bdb6a8;padding:8px;border-radius:6px;margin-top:8px}.step-13 .step-body{padding:16px 20px}.step-13 .step-body>p{text-align:center;font-size:var(--flourish-text-support);line-height:1.5}.style-choices{display:flex;justify-content:space-between;padding:0 16px;margin:16px 0 0}.style-choices button{max-width:90px;text-align:center;font-size:var(--flourish-text-support);line-height:1.5;font-weight:var(--flourish-weight-bold);cursor:pointer}.style-choices button:last-child{color:#4f7228}.style-choices [aria-pressed=true]{text-decoration:underline}.style-card{position:relative;height:256px;border-radius:12px;background:#ede9e2;touch-action:pan-y}.style-counter{position:absolute;right:12px;bottom:8px;background:#0006;border-radius:20px;padding:2px 8px;color:white;font-size:var(--flourish-text-support);line-height:1.5;font-weight:var(--flourish-weight-bold)}.step-13 .step-body .style-placeholder-note{color:#524e48;font-size:var(--flourish-text-support);margin:8px 0}.style-review{display:flex;justify-content:space-between;font-size:var(--flourish-text-support);color:#524e48}.style-review button{cursor:pointer;padding:6px 0}.step-14 .step-body{padding:20px}.step-14 legend{font-size:var(--flourish-text-support);line-height:1.5;letter-spacing:1px;font-weight:var(--flourish-weight-bold);color:#4f7228;margin-bottom:12px}.budget-options{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0}.budget-options label{position:relative;border:2px solid #bdb6a8;background:white;border-radius:24px;padding:8px 12px;font-size:var(--flourish-text-support);line-height:1.5;font-weight:var(--flourish-weight-bold);cursor:pointer}.budget-options input{position:absolute;opacity:0;width:1px;height:1px}.budget-options label:has(:focus-visible){outline:2px solid #4f7228;outline-offset:3px}.budget-options .selected{background:#edf0e8;border-color:#4f7228}.growth-options{border:0;padding:0;margin-top:24px}.growth-options legend{margin-bottom:4px}.growth-options>p{font-size:var(--flourish-text-support);line-height:1.5;color:#524e48;margin-bottom:12px}.growth-options label{display:flex;align-items:flex-start;gap:12px;border:2px solid #bdb6a8;border-radius:12px;background:white;padding:12px 16px;margin-bottom:8px;cursor:pointer}.growth-options label>span{flex:1}.growth-options small,.growth-options strong{font-size:var(--flourish-text-support);line-height:1.5;display:block}.growth-options small{color:#524e48;margin-top:2px}.growth-options input{width:16px;height:16px;accent-color:#4f7228;margin-top:2px;flex-shrink:0}.growth-options .selected{border-color:#4f7228;background:#f5f7f0}.step-body .budget-help{font-size:var(--flourish-text-support);line-height:1.5;font-style:italic;color:#524e48;margin-top:24px;margin-bottom:0}.step-15 .step-body{padding-top:32px}.account-options{display:grid;gap:16px}.account-options button{display:flex;align-items:center;gap:16px;padding:16px 20px;min-height:54px;border-radius:32px;color:white;font-size:var(--flourish-text-support);line-height:1.5;font-weight:var(--flourish-weight-bold);letter-spacing:1.4px;cursor:pointer;text-align:left}.account-options img{flex-shrink:0}.apple{background:#111}.google{background:#222}.email{background:#4f7228}.email-icon{display:grid;place-items:center;width:22px;height:22px;border:2px solid white;border-radius:50%;flex-shrink:0}.account-form{margin-top:24px}.account-form label{margin-bottom:16px}.completion{border:1px solid #bdb6a8;border-radius:16px;background:white;padding:20px}.completion p{margin-top:12px;font-size:var(--flourish-text-support);line-height:1.5}@media(max-width:360px){.account-options button{font-size:var(--flourish-text-support);letter-spacing:1px;gap:12px}.range-labels{gap:8px}}.native-photo-action{position:relative;cursor:pointer}.native-photo-input{position:absolute!important;inset:0;width:100%!important;height:100%!important;opacity:0;cursor:pointer;z-index:1}.native-photo-action:focus-within{outline:2px solid #4f7228;outline-offset:3px}.guided-photo-heading{font-weight:var(--flourish-weight-bold);color:#516e26;margin-top:20px}.guided-photo-view{font-weight:var(--flourish-weight-bold);margin:8px 0}.guided-photo-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.guided-photo-nav button{cursor:pointer;font-weight:var(--flourish-weight-bold);font-size:var(--flourish-text-support)}.guided-photo-nav button:last-child{background:#516e26;color:white;border-radius:999px;padding:14px 20px}.guided-photo-nav button:disabled{opacity:.4;cursor:default}.onboarding-content{min-height:100svh}.onboarding-header{padding:0 0 12px;background:#fff;color:#38511c;border-radius:0}.onboarding-header .header-subtitle,.onboarding-header h1{margin-left:24px;margin-right:24px}.onboarding-header h1{margin-top:8px}.onboarding-header .header-subtitle{margin-top:4px}.onboarding-footer{padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}.step-16 .step-body{padding:16px}.step-16 .step-body>button,.step-2 .step-body>button{min-height:44px;padding:10px 14px;color:#4f7228;border:1px solid #bdc9ae;border-radius:12px;margin:8px 4px 8px 0;font-weight:var(--flourish-weight-bold)}.step-16 .existing-plant-review{margin:0}.step-16 .existing-plant-review>details>summary{font-size:var(--flourish-text-support)}.step-2 .step-body select{width:100%;min-height:44px;white-space:normal}.step-13 .step-body>details>summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:var(--flourish-weight-bold)}.specimen-step{position:relative;padding-bottom:12px}.specimen-actions{position:static;display:grid;gap:8px;margin:16px -4px 0;padding:12px 4px max(12px,env(safe-area-inset-bottom,0px));background:transparent;border:0}.specimen-actions button{min-height:48px;width:100%;padding:12px 16px;border-radius:24px;font-weight:var(--flourish-weight-bold);cursor:pointer}.specimen-actions .specimen-continue{color:white;background:#516e26;border:1px solid #516e26}.specimen-actions .specimen-skip{color:#38511c;background:#fffdf6;border:1px solid #8b9e71}.specimen-actions button:disabled{opacity:.6;cursor:wait}.specimen-actions button:focus-visible{outline:3px solid #a78c37;outline-offset:2px}.existing-plant-identity h3{font-size:var(--flourish-text-body);margin:0 0 8px;overflow-wrap:anywhere}.specimen-step input,.specimen-step select{scroll-margin-block:110px}.site-photo-fallback{display:block;width:100%;min-height:44px;margin-top:12px;padding:10px 8px;color:#4f7228;font-size:var(--flourish-text-support);font-weight:var(--flourish-weight-bold);text-align:center;text-decoration:underline;text-underline-offset:3px}.capture-light-advice{font-size:var(--flourish-text-support);line-height:1.5;margin:12px 0;color:#38511c}.capture-light-location{display:block;min-height:44px;margin:0 0 12px;padding:8px 0;color:#4f7228;text-decoration:underline;text-underline-offset:3px}.onboarding-screen.has-main-nav{padding-bottom:calc(96px + var(--flourish-nav-bottom))}.specimen-decision{display:grid;gap:12px;margin-block:20px}.specimen-decision button{display:grid;gap:4px;width:100%;min-height:64px;padding:16px;text-align:left;font:inherit;color:#38511c;background:#fffdf6;border:2px solid #8b9e71;border-radius:20px;cursor:pointer}.specimen-decision button span{font-size:var(--flourish-text-support)}.specimen-decision button[aria-pressed=true]{color:white;background:#516e26;border-color:#516e26}.specimen-decision button:focus-visible{outline:3px solid #a78c37;outline-offset:3px}.specimen-decision button:disabled{opacity:.6;cursor:wait}.onboarding-screen{width:100%;max-width:430px;overflow:clip}.onboarding-screen .onboarding-content{min-height:100svh}.onboarding-screen.has-main-nav .onboarding-content{min-height:calc(100svh - 96px - var(--flourish-nav-bottom))}.onboarding-screen .onboarding-header{padding-bottom:8px}.onboarding-screen .step-body{padding:16px 20px}.onboarding-screen .onboarding-footer{position:static;margin-top:0;display:flex;align-items:center;gap:16px;padding:0 20px 24px;min-height:0;background:transparent;border:0}.onboarding-screen .back-action{position:static;min-height:48px;padding:12px 4px;font-size:var(--flourish-text-body);flex-shrink:0}.onboarding-screen .onboarding-next{width:100%;min-height:50px;margin:0;border:0;border-radius:28px;background:#4f7228;color:white;font-size:var(--flourish-text-body);font-weight:var(--flourish-weight-bold);cursor:pointer}.onboarding-screen .question-sliders{display:grid;gap:24px}.onboarding-screen .question-sliders small{display:block;margin-top:8px}.onboarding-screen .design-extra-notes{min-height:120px;resize:vertical;margin-top:8px}.onboarding-screen .flower-colour-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flower-colour-choices legend{margin-bottom:12px}.flower-colour-choices label{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px;border:1px solid #c7d2b9;background:#fffef8;border-radius:14px;text-transform:capitalize}.flower-colour-choices input{width:20px;height:20px;accent-color:#4f7228}.onboarding-screen .selected-photo img{width:100%;max-height:150px;object-fit:contain}.onboarding-screen .photo-help{margin-top:12px}.onboarding-screen .style-card{height:clamp(160px,28svh,260px)}.onboarding-screen .style-choices{margin-top:0;margin-bottom:10px}.onboarding-screen .style-choices button{font-size:var(--flourish-text-body);min-height:48px;max-width:none;padding:8px 18px;border-radius:25px;background:#f4f6ec;border:1px solid #bdcca9}.onboarding-screen .style-card+h3{margin-top:10px}.garden-compass{padding:16px;border:1px solid #d5dfbd;border-radius:26px;background:#f8f6ea;color:#607953;text-align:center}.garden-compass h3{text-transform:uppercase;letter-spacing:2px;margin:0 0 6px}.garden-compass p{margin:6px 0}.garden-compass .compass-back{display:inline-block;padding:3px 12px;margin-top:6px;border-radius:18px;background:#76a348;color:white;font-size:var(--flourish-text-support);font-weight:var(--flourish-weight-bold);text-transform:uppercase;letter-spacing:1px}.garden-compass .compass-dial{display:block;width:100%;height:clamp(135px,22svh,195px);margin:8px auto;overflow:visible}.compass-dial text{fill:#2a513b;font-size:var(--flourish-text-subheading);font-weight:var(--flourish-weight-bold)}.garden-compass .compass-facing{color:#254b35;font-weight:var(--flourish-weight-bold)}.garden-compass .product-pill{margin:8px 0;width:100%;min-height:44px}.garden-compass .compass-help:empty{display:none}.garden-compass .compass-help{font-size:var(--flourish-text-support);line-height:1.4}.garden-compass .field-label{text-align:left;margin-top:8px}.garden-compass select{margin-top:4px;width:100%;min-height:46px}@media(max-height:700px){.onboarding-screen .step-body{padding-block:12px}.garden-compass .compass-dial{height:130px}.onboarding-screen .style-card{height:150px}}.onboarding-screen .garden-compass h3{font-size:var(--flourish-text-body);line-height:1.4}.onboarding-header .header-subtitle:empty{display:none}.step-17 .garden-compass h3{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.garden-compass{padding:12px 16px}.garden-compass .compass-dial{height:145px;margin-block:4px}.compass-dial text{font-size:var(--flourish-text-heading)}.garden-compass .product-pill{margin:4px 0}.garden-compass .compass-confirm{display:flex;align-items:center;gap:10px}.compass-confirm .product-pill{flex:1}.compass-confirm .text-green{min-height:44px;font-size:var(--flourish-text-support)}@media(max-height:700px){.garden-compass .compass-dial{height:110px}}.onboarding-screen .step-body .design-extra-notes{display:block;width:100%;min-height:140px;padding:14px;color:#283526;background:#fff;border:1.5px solid var(--color-brand-header,#6fa550);border-radius:6px;box-shadow:none}.onboarding-screen .step-body .design-extra-notes:focus-visible{outline:2px solid var(--color-brand-header,#6fa550);outline-offset:3px}