/* Garden edition: sunlight, translucent paper, and a six-page botanical reading. */
:root{--paper:#f4f6eb;--ink:#345f55;--muted:#5d786a;--line:#bdcdbb;--glass:rgba(251,252,242,.85);--serif:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif}body{font-size:15px;line-height:1.95;background:#e9efdf;color:var(--ink);--scene-photo:var(--boot-photo,url('assets/garden-desktop-v4.webp'));isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-2;background-image:var(--scene-photo);background-position:center 48%;background-size:cover;background-repeat:no-repeat;pointer-events:none}body:after{content:'';position:fixed;inset:0;z-index:-1;background:rgba(241,246,228,.77);backdrop-filter:blur(8px);pointer-events:none}header{height:100px;max-width:none;padding:23px 5.5%;border:0;position:relative;z-index:20}.logo{font-size:23px;font-weight:400;letter-spacing:5px}.logo i{font-size:29px;letter-spacing:1px}.logo small{font-size:7px;letter-spacing:3.4px;margin-top:10px}header nav{gap:28px}header nav button{font-family:var(--serif);font-size:13px;letter-spacing:1px}.notice{display:none}.menu-toggle{display:none}.eyebrow{font-family:Georgia,serif;font-size:11px;letter-spacing:2.3px;color:var(--muted)}h1,h2,h3,.quote{font-family:var(--serif);font-weight:400}h2{font-size:27px;line-height:1.9}.micro{font-size:12px;line-height:1.9;color:var(--muted)}.intro{font-size:14px;color:var(--muted)}body[data-scene=home]:after{background:linear-gradient(90deg,rgba(16,45,30,.3),rgba(17,51,34,.04) 65%,rgba(15,47,26,.05))}body[data-scene=home] header,body[data-cover=true] header{color:#fffefa;text-shadow:0 1px 10px #183e2944}body[data-scene=home] header{position:absolute;inset:0 0 auto}.glass{border:1px solid rgba(255,255,245,.8);background:var(--glass);box-shadow:0 12px 45px rgba(40,74,45,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:22px}.line-icon{width:28px;height:28px;flex-shrink:0;vertical-align:middle}.leaf-seal{display:flex;justify-content:center;align-items:center;margin:0 auto 16px}.leaf-seal .line-icon{width:38px;height:38px}.primary{background:#789787;color:white;border:1px solid #8eaa98;border-radius:999px;min-height:55px;font-family:var(--serif);letter-spacing:1.6px;padding:14px 24px;font-size:14px}.primary:hover{background:#567d6c}.primary .line-icon{width:22px;height:22px}.secondary{border-radius:999px;font-family:var(--serif);font-size:13px;border-color:#95ad99;background:#f6f9ef99;min-height:46px}.secondary:hover{background:#e0e9d7}.underlink{font-family:var(--serif);font-size:12px;letter-spacing:.7px;min-height:40px}.welcome{min-height:100svh;min-height:max(800px,100svh);padding:150px 7% 25px;display:flex;flex-direction:column;justify-content:center}.welcome-inner{width:100%;max-width:1220px;margin:auto;display:grid;grid-template-columns:1fr 420px;gap:10%;align-items:center}.welcome-heading{color:#fffefa;padding:25px 0;text-shadow:0 2px 25px #294b3433}.welcome-heading .eyebrow{color:white;letter-spacing:3px;font-size:11px}.welcome h1{font-family:var(--serif);font-size:clamp(35px,3.6vw,53px);line-height:1.9;letter-spacing:.18em;font-weight:400;margin:25px 0 28px}.welcome-description{font-family:var(--serif);font-size:15px;line-height:2.1;letter-spacing:1px}.handwritten{font-family:'Snell Roundhand','Apple Chancery',cursive;font-size:26px;font-style:italic;display:block;margin-top:28px;opacity:.9}.welcome-form{padding:37px 34px 28px;text-align:center;--glass:rgba(249,251,238,.87)}.welcome-form .eyebrow{font-size:10px;margin-bottom:12px}.welcome-form h2{font-size:24px;letter-spacing:1.4px;margin:0 0 7px}.welcome-form .intro{font-size:12px;margin-top:0}.welcome-form .birth-form{margin-top:25px}.welcome-form label{text-align:left;font-size:13px;margin-bottom:8px}.welcome-form input{background:#fbfcf599;border:1px solid #a8bea9;border-radius:9px;padding:12px 14px;min-height:50px;font-size:15px}.welcome-form .error{margin:4px 0;min-height:0}.welcome-form .error:not(:empty){margin:7px 0}.welcome-form .micro{font-size:11px;margin-top:14px}.welcome-foot{margin:42px auto 0;display:flex;max-width:1220px;width:100%;justify-content:space-between;font:10px Georgia;letter-spacing:2px;color:white;text-shadow:0 1px 9px #1d492d66}.collection-section{background:#f2f5e9;padding:80px max(7%,calc((100vw - 1220px)/2));}.collection-section .section-head{margin-bottom:35px}.collection-section h2{font-size:32px;letter-spacing:3px}.plant-card{border:1px solid #d2decc;border-radius:22px;background:#fcfcf4;overflow:hidden;min-height:280px;grid-template-columns:45% 1fr}.plant-card img{mix-blend-mode:multiply}.plant-card div{align-self:center;padding:30px}.plant-card h3{font-size:25px;letter-spacing:3px}.plant-card p{font-family:var(--serif);font-size:14px}.plant-card small{font-size:10px}.plant-card span{font:12px var(--serif)}.image-note{font-size:10px;margin-top:20px}.philosophy{background:rgba(242,246,232,.94);padding:75px 20px 90px}.philosophy .eyebrow{margin-top:15px}.philosophy h2{font-size:31px;letter-spacing:3px;line-height:2}.philosophy p{font-family:var(--serif);font-size:14px;line-height:2.3}footer{background:rgba(241,246,230,.94);border-color:#cbd7c4;margin:0;padding-top:45px}.page{max-width:1060px;margin:25px auto 70px}.page.narrow{max-width:680px;background:#f9fbf0c9;border:1px solid #fff;border-radius:24px;padding:36px 40px;backdrop-filter:blur(15px)}.page-title{font-size:31px;line-height:1.9}.back{font-family:var(--serif);font-size:13px;min-height:44px}.pair-preview img,.pair-display img{border-radius:14px}.pair-preview img{height:220px}.pair-fields input{border-radius:9px;background:#fcfdf8bb;border-color:#a3bca5}.fact,.growth{border-radius:18px;background:#e7efdfc9}.relation-tags span{border-radius:99px;padding:5px 12px;background:#f8fbef99;border-color:#b6c9af;font-size:12px}.grid60{gap:20px}.specimen{background:#fafcf0cf;border:1px solid #fff;border-radius:17px;box-shadow:0 5px 20px #47614408}.specimen img{margin-bottom:15px}.specimen strong{font-size:20px;font-weight:400;letter-spacing:1px}.specimen small,.specimen>span{font-size:11px}.filters input{border-radius:99px;background:#f9fcf0bd;border-color:#b5c8b0;padding:14px 20px;font-size:15px}.filters label{font-size:13px}dialog{border-radius:22px;border-color:#f6faed;background:#f5f8ec;color:var(--ink)}dialog::backdrop{background:#204f3b77;backdrop-filter:blur(6px)}dialog p{font-size:14px}.close{border-radius:50%}#toast{border-radius:99px;background:#345e4f;max-width:90vw;width:max-content;font-size:12px}.error{font-size:13px;color:#933f34}.centered{text-align:center}body[data-scene=result] header{position:absolute;inset:0 0 auto}body[data-scene=result] footer{display:none}body[data-scene=result]:after{background:rgba(241,246,228,.69);backdrop-filter:blur(12px)}body[data-cover=true]:after{background:linear-gradient(180deg,rgba(22,65,44,.2),transparent 30%,rgba(13,49,28,.03) 40%,rgba(12,48,30,.62) 100%);backdrop-filter:none}.result-journey{min-height:100svh;padding:120px 25px 110px;max-width:850px;margin:0 auto}.journey-body{max-width:650px;margin:auto}.journey-heading{text-align:center;margin:5px 0 30px}.journey-heading h1{font-size:32px;letter-spacing:4px;margin:8px 0 5px}.journey-heading p{font-family:var(--serif);font-size:13px;letter-spacing:2px;margin:5px 0}.journey-heading .eyebrow{font-family:Georgia,serif;font-size:10px;margin-top:10px}.journey-progress{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:12;width:min(700px,100%);height:94px;display:grid;grid-template-columns:48px 1fr 48px;gap:30px;padding:10px 30px 19px;align-items:center;background:linear-gradient(0deg,rgba(240,247,226,.97) 50%,rgba(240,247,226,.0));color:var(--ink)}.step-previous,.step-next{border:1px solid #89a29099;width:42px;height:42px;border-radius:50%;padding:0;font-size:22px;line-height:1}.step-previous:hover,.step-next:hover{background:#bed2b77a}.step-count{font:12px Georgia;text-align:center;letter-spacing:2px;margin:0}.step-count span{opacity:.6}.step-dots{display:flex;gap:0;justify-content:center;margin-top:1px}.step-dots button{width:37px;min-height:27px;padding:10px 1px}.step-dots span{display:block;width:100%;height:2px;background:#a6bda080}.step-dots [aria-current=step] span{background:#4b8270;height:3px}body[data-cover=true] .journey-progress{color:#fff;background:linear-gradient(0deg,#183e32c2,transparent)}body[data-cover=true] .step-previous,body[data-cover=true] .step-next{border-color:#fff9}body[data-cover=true] .step-dots span{background:#ffffff55}body[data-cover=true] .step-dots [aria-current=step] span{background:white}.result-cover{min-height:calc(100svh - 235px);color:#fffefa;display:flex;flex-direction:column;text-align:center;align-items:center;padding:10px 0 8px;text-shadow:0 1px 13px #214b3933}.result-cover>.eyebrow{color:white;letter-spacing:4px;font-size:10px;margin:0 0 6px}.cover-prefix{font-family:var(--serif);font-size:17px;letter-spacing:5px;margin:6px 0 0}.result-cover h1{font-size:clamp(44px,5.5vw,66px);font-weight:400;letter-spacing:.18em;margin:5px 0 2px;line-height:1.6}.cover-suffix{font:15px var(--serif);letter-spacing:7px;margin:2px 0 13px}.number-pill{border:1px solid #fff9;border-radius:99px;min-width:100px;padding:2px 20px;font:16px Georgia;letter-spacing:1px;line-height:1.6}.cover-bottom{margin-top:auto;padding-top:100px;width:100%}.cover-essence{font-family:var(--serif);font-size:25px;line-height:2;letter-spacing:3px;max-width:580px;margin:0 auto 10px;text-wrap:balance}.cover-bottom .latin{color:#fffefa;font-size:13px;margin:0 0 26px;letter-spacing:1px;opacity:.85}.cover-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:16px;--glass:rgba(230,242,215,.24);backdrop-filter:blur(16px);border-color:#faffeb77;border-radius:28px;text-shadow:none}.cover-menu button{padding:13px 12px;min-height:64px;border:1px solid #faffeb99;border-radius:18px;color:white;display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:13px;letter-spacing:1px;white-space:nowrap}.cover-menu button>span:last-child{margin-left:auto;opacity:.7}.cover-menu button:hover{background:#f4f7e344}.cover-menu .line-icon{width:23px;height:23px}.cover-specimen{max-width:240px;width:52%;margin:22px auto 0;box-shadow:0 5px 35px #284b321f;border-radius:50%;overflow:hidden}.cover-specimen img{display:block;width:100%;height:230px;object-fit:cover}.cover-specimen+.cover-bottom{padding-top:25px}.portrait-card{max-width:490px;margin:auto;padding:20px 30px 22px}.portrait-plant{margin:0 auto;width:100%;height:230px;overflow:hidden;border-radius:13px;background:#f8faef}.portrait-plant img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;mix-blend-mode:multiply}.portrait-essence{text-align:center;font-family:var(--serif);font-size:21px;letter-spacing:1.5px;line-height:1.9;margin:20px 0 17px;text-wrap:balance}.symbol-row{display:flex;align-items:center;gap:12px;border-top:1px solid #b4c6ab7a;padding:11px 0;font-family:var(--serif);font-size:14px}.symbol-row .line-icon{width:24px;height:24px}.symbol-row:nth-of-type(2) .line-icon{color:#aa9245}.symbol-row:nth-of-type(3) .line-icon{color:#5d9ba7}.symbol-row>span{font-size:12px;color:var(--muted);min-width:42px}.symbol-row strong{font-weight:400;letter-spacing:1px}.symbol-row small{font-size:11px}.portrait-card>.micro{font-size:11px;text-align:center;margin:12px 0 0}.nature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.nature-card{padding:27px 18px 23px;text-align:center;border-radius:18px}.nature-card .line-icon{height:35px;width:35px}.nature-card:first-child .line-icon{color:#b28e36}.nature-card h2{font-size:20px;letter-spacing:1px;margin:10px 0 5px}.nature-card p{font-family:var(--serif);font-size:13px;color:#526f61;margin:0;line-height:1.9}.shadow-card{--glass:rgba(239,242,228,.9)}.reading-card{padding:27px 30px;margin-bottom:15px;border-radius:20px}.reading-card h2{font-size:22px;letter-spacing:2px;margin:0 0 10px}.reading-card p{font-family:var(--serif);font-size:15px;line-height:2.15;margin:8px 0 0}.reading-card>.micro{font-family:inherit;font-size:12px;margin-top:15px}.icon-title{display:flex;gap:18px;align-items:center;margin-bottom:13px}.icon-title>.line-icon{width:45px;height:45px;background:#dbe6d777;border-radius:50%;padding:9px}.icon-title h2{font-size:23px;margin:0}.icon-title h2 small{font-size:14px;letter-spacing:1px;margin-left:6px}.icon-title small{font-family:Georgia,serif;font-size:10px;letter-spacing:1.6px}.sun-tone>.line-icon{color:#b88b3c;background:#f0e6bb88}.water-tone>.line-icon{color:#5391a4;background:#cee4e488}.love-tone>.line-icon{color:#bb7170;background:#f4dcd888}.trad-stack .reading-card{margin-bottom:12px}.trad-stack p{font-size:14px}.botanical-card{overflow:hidden;padding:15px 15px 25px;max-width:570px;margin:auto}.botanical-card figure{margin:0}.botanical-card figure img{display:block;width:100%;height:270px;object-fit:cover;border-radius:12px;object-position:center 61%}.botanical-card figure img:not(.botanical-photo){object-position:center 33%;mix-blend-mode:multiply}.botanical-card figcaption{font-family:var(--serif);font-size:12px;color:var(--muted);padding:12px 10px;line-height:1.8}.botanical-copy{padding:13px 14px 0}.botanical-copy>.eyebrow{font-size:10px;margin:12px 0}.botanical-copy>p:not(.eyebrow):not(.micro){font-family:var(--serif);font-size:15px;line-height:2.1}.growing-card{text-align:center;--glass:rgba(245,249,230,.9);padding:30px}.growing-card>.line-icon{width:40px;height:40px;margin-bottom:10px}.growing-card .eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:15px}.growing-card h2{font-size:25px;line-height:2.1;letter-spacing:2px}.growing-card>p:last-child{font-size:14px;line-height:2.1}.share-actions{gap:9px;flex-wrap:wrap;margin:22px 0}.share-actions .secondary{font-size:12px;padding:10px 18px}.result-journey:not(.is-cover) .journey-body{animation:page-in .35s ease}@keyframes page-in{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}@media(min-width:1100px){body:before{background-position:center 46%;}.welcome:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#244c3633,transparent 70%);pointer-events:none}.result-journey.is-cover{max-width:930px}.is-cover .journey-body{max-width:800px}.result-cover{max-width:800px}.cover-menu{padding:20px;gap:15px}.cover-menu button{min-height:65px;padding:15px 20px}.cover-essence{font-size:30px}.cover-bottom{padding-top:140px}.result-journey:not(.is-cover){max-width:950px}.result-journey:not(.is-cover) .journey-body{max-width:680px}}
@media(max-width:760px){header{height:83px;padding:22px 6%;align-items:center}.logo{font-size:18px;letter-spacing:4px}.logo i{font-size:24px}.logo small{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:10px;margin-right:-10px}.menu-toggle span{height:1px;width:25px;background:currentColor;display:block}header nav{display:none;position:absolute;right:5%;top:73px;flex-direction:column;gap:0;background:#f8fbeeef;backdrop-filter:blur(18px);padding:13px 22px;border:1px solid #fff;border-radius:15px;box-shadow:0 15px 40px #274b3022;color:var(--ink);text-shadow:none;min-width:180px}header nav.menu-open{display:flex}header nav button{font-size:14px;padding:10px 0;text-align:left;min-height:44px}.welcome{padding:108px 6% 20px;min-height:100svh;justify-content:flex-start}.welcome-inner{display:flex;flex-direction:column;gap:35px;max-width:450px}.welcome-heading{text-align:center;padding:6px 0 0}.welcome-heading>.eyebrow{font-size:8px;letter-spacing:2.3px;margin:0 0 14px}.welcome h1{font-size:32px;letter-spacing:.22em;line-height:1.9;margin:5px 0 18px}.welcome-description{font-size:13px;line-height:2.1;letter-spacing:.7px;margin:0}.handwritten{font-size:22px;margin-top:15px}.welcome-form{width:100%;max-width:420px;padding:25px 24px 22px;border-radius:22px}.welcome-form .leaf-seal{display:none}.welcome-form .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:8px}.welcome-form h2{font-size:22px;letter-spacing:1.5px}.welcome-form .intro{font-size:12px}.welcome-form .birth-form{margin-top:20px}.welcome-form .micro{font-size:10px}.welcome-form .underlink{font-size:11px}.welcome-foot{font-size:7px;letter-spacing:1px;margin-top:28px;max-width:450px}.collection-section{padding:46px 6%}.collection-section .section-head{margin-bottom:25px}.collection-section h2{font-size:27px;letter-spacing:2px}.collection-section .section-head>.underlink{margin-top:0}.cards{gap:18px}.plant-card{min-height:240px;grid-template-columns:44% 1fr;border-radius:18px}.plant-card div{padding:22px}.plant-card h3{font-size:23px}.plant-card p{font-size:13px}.plant-card small{font-size:8px;letter-spacing:1px}.philosophy{padding:50px 6% 60px}.philosophy h2{font-size:25px;letter-spacing:2px}.philosophy p{font-size:13px}.philosophy .eyebrow{font-size:10px}.page{padding:0 6%;margin:10px auto 45px}.page.narrow{padding:26px 22px;margin:10px 5% 50px;max-width:none;border-radius:22px}.page-title{font-size:26px;letter-spacing:1px}.page .intro{font-size:13px}.pair-preview{gap:15px}.pair-preview img{height:170px}.grid60{gap:14px}.specimen strong{font-size:19px}.micro{font-size:11px}.pair-display{gap:16px;font-size:18px}.pair-display img{width:110px;height:150px}.pair-display .underlink{font-size:14px}footer{padding:40px 6% 25px}footer>div{gap:20px;font-size:9px}footer button{font-size:11px}.result-journey{padding:96px 5% 100px;max-width:none}.journey-heading{margin:8px 0 25px}.journey-heading h1{font-size:27px;letter-spacing:3px}.journey-heading .eyebrow{font-size:9px;letter-spacing:1.7px}.journey-heading p{font-size:12px}.result-cover{min-height:calc(100svh - 196px);padding-top:10px}.result-cover>.eyebrow{font-size:8px;letter-spacing:3px}.cover-prefix{font-size:14px;margin-top:8px}.result-cover h1{font-size:45px;letter-spacing:.15em;margin:7px 0 0}.cover-suffix{font-size:12px;margin:3px 0 15px;letter-spacing:5px}.number-pill{font-size:14px;min-width:88px;padding:0 16px}.cover-bottom{padding-top:120px}.cover-essence{font-size:21px;letter-spacing:2px;max-width:340px;line-height:2;margin-bottom:7px}.cover-bottom .latin{font-size:11px;margin-bottom:21px}.cover-menu{border-radius:24px;gap:8px;padding:13px 11px}.cover-menu button{font-size:11px;letter-spacing:.3px;padding:10px 9px;min-height:58px;gap:8px;border-radius:14px}.cover-menu .line-icon{width:23px;height:23px}.cover-menu button>span:last-child{display:none}.cover-menu button{flex-direction:column;justify-content:center;gap:6px}.journey-progress{height:87px;grid-template-columns:42px 1fr 42px;padding:9px 22px 15px;gap:10px}.step-previous,.step-next{width:38px;height:38px;font-size:20px}.step-dots button{width:29px;min-height:25px}.step-count{font-size:10px}.portrait-card{padding:15px 22px 18px;border-radius:18px}.portrait-plant{height:215px}.portrait-essence{font-size:20px;margin:17px 0}.symbol-row{padding:10px 0;gap:10px;font-size:13px}.symbol-row>span{font-size:11px;min-width:35px}.symbol-row strong{letter-spacing:0}.symbol-row small{font-size:10px}.nature-grid{gap:10px}.nature-card{padding:23px 12px 20px;border-radius:17px}.nature-card .line-icon{width:32px;height:32px}.nature-card h2{font-size:17px;letter-spacing:.7px;margin:11px 0 8px}.nature-card p{font-size:12px}.reading-card{padding:22px 23px;border-radius:18px;margin-bottom:13px}.reading-card h2{font-size:21px;letter-spacing:1px}.reading-card p{font-size:14px;line-height:2.2}.reading-card>.micro{font-size:11px}.icon-title{gap:13px}.icon-title>.line-icon{width:42px;height:42px;padding:8px}.icon-title h2{font-size:21px}.icon-title small{font-size:9px}.icon-title h2 small{font-size:13px}.trad-stack .reading-card p{font-size:13px;line-height:2.1}.botanical-card{padding:12px 12px 22px;border-radius:19px}.botanical-card figure img{height:240px}.botanical-card figcaption{font-size:11px;padding:10px 8px}.botanical-copy{padding:7px 10px 0}.botanical-copy>.eyebrow{font-size:9px}.botanical-copy>p:not(.eyebrow):not(.micro){font-size:14px}.growing-card{padding:30px 24px}.growing-card h2{font-size:23px;letter-spacing:1.5px}.growing-card p:last-child{font-size:13px}.cover-specimen{width:42%;max-width:180px;margin-top:20px}.cover-specimen img{height:170px}.cover-specimen+.cover-bottom{padding-top:20px}.share-actions{gap:8px}.share-actions .secondary{padding:10px 14px;font-size:11px}.result-journey .primary{font-size:13px}.result-journey .centered{font-size:10px}.portrait-card>.micro{font-size:10px}}
@media(max-width:350px){.welcome h1{font-size:28px}.welcome-form{padding:22px 18px}.welcome-form h2{font-size:20px}.result-cover h1{font-size:38px}.cover-essence{font-size:19px;letter-spacing:1px}.cover-menu{padding:11px 9px}.nature-card h2{font-size:15px}.symbol-row{gap:7px}.symbol-row small{font-size:9px}.journey-heading h1{font-size:24px}.journey-progress{padding-left:18px;padding-right:18px}.step-dots button{width:25px}.botanical-copy{padding:7px 6px 0}}
@media(prefers-reduced-transparency:reduce){.glass{background:#f6f9ec}body[data-cover=true] .cover-menu{background:#456d56}.welcome-form{background:#f6f9ec}}@media(prefers-reduced-motion:reduce){.result-journey:not(.is-cover) .journey-body{animation:none}*{scroll-behavior:auto!important}}
body[data-scene=home]:after{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(90deg,rgba(17,50,35,.42),rgba(17,50,35,.14) 85%)}.welcome-heading{text-shadow:0 1px 12px #173f3499}.welcome-description{font-size:16px}.cover-essence{word-break:normal;line-break:strict}.result-cover{text-shadow:0 1px 9px #163d3299}.cover-menu{background:rgba(74,109,72,.58)}
@media(max-width:760px){.welcome-description{font-size:13px}.welcome{padding-top:96px}.welcome-inner{gap:25px}.welcome h1{font-size:29px;line-height:1.85}.handwritten{font-size:21px;margin-top:12px}.welcome-form{padding-top:22px;padding-bottom:18px}.cover-bottom{padding-top:65px}.welcome-heading{padding-top:0}.welcome-heading>.eyebrow{margin-bottom:12px}.result-cover>.eyebrow,.cover-prefix{text-shadow:0 1px 8px #204e3bcc}}
@media(min-width:1100px){.cover-bottom{padding-top:65px}}
.nature-grid>.shadow-card:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:38px 1fr;column-gap:13px;text-align:left;padding:20px 24px;align-items:center}.nature-grid>.shadow-card:last-child:nth-child(odd) .line-icon{grid-row:1/3}.nature-grid>.shadow-card:last-child:nth-child(odd) h2{margin:0 0 3px}.journey-progress .step-count span{display:inline}.step-previous,.step-next{min-width:44px;min-height:44px}.journey-progress{grid-template-columns:44px 1fr 44px}
/* Birth dates: direct year entry, month/day choices; no calendar navigation. */
.birthday-fields{border:0;padding:0;margin:0;min-width:0;text-align:left}.birthday-fields legend{font-size:13px;padding:0;margin:0 0 12px;letter-spacing:.5px}.birthday-parts{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:10px}.birthday-part{display:block;margin:0;min-width:0}.birthday-part>span{display:block;font-size:12px;color:#4b6d5b;margin-bottom:6px;letter-spacing:.5px}.birthday-part input,.birthday-part select,.welcome-form .birthday-part input,.welcome-form .birthday-part select{width:100%;min-width:0;min-height:54px;border:1px solid #94ad98;border-radius:10px;padding:12px 11px;background:#fcfdf5eb;color:#345f55;font-family:inherit;font-size:17px;font-variant-numeric:tabular-nums;line-height:1.5;box-shadow:none}.birthday-part select{cursor:pointer}.birthday-part input::placeholder{color:#7a8d7c;font-size:14px}.birthday-part [aria-invalid=true]{border-color:#a74438;background:#fff7f0}.birthday-hint{min-height:20px;margin:8px 0 0;font-size:11px;color:#587361;line-height:1.8}.pair-fields{grid-template-columns:1fr;gap:24px}.welcome-form .birthday-fields legend{margin-bottom:10px}.welcome-form .birthday-part{text-align:left}.welcome-form .birthday-hint{text-align:left}.birthday-part input:focus-visible,.birthday-part select:focus-visible{outline:3px solid #7a9d80;outline-offset:2px;border-color:#52765b}@media(max-width:350px){.birthday-parts{gap:7px}.birthday-part input,.birthday-part select,.welcome-form .birthday-part input,.welcome-form .birthday-part select{padding:12px 8px;font-size:16px}.birthday-part>span{font-size:11px}.birthday-part input::placeholder{font-size:12px}}
.reading-state{min-height:calc(100svh - 190px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 22px 65px}.reading-state h1{font:400 28px/2 var(--serif);letter-spacing:3px;margin:10px 0 18px}.reading-state .eyebrow{font-size:10px;letter-spacing:2px;margin:30px 0 0}.reading-caption{font-family:var(--serif);font-size:14px;line-height:2.1;color:var(--muted);letter-spacing:1px;margin:0}.reading-orbit{width:110px;height:110px;position:relative;display:grid;place-items:center}.reading-orbit>.line-icon{width:44px;height:44px;animation:reading-leaf 2.5s ease-in-out infinite}.reading-orbit>span{position:absolute;inset:0;border:1px solid #91ad8c66;border-radius:50%;}.reading-orbit>i{position:absolute;inset:0;border:1px solid transparent;border-top-color:#688e72;border-radius:50%;animation:reading-turn 2.5s linear infinite}.reading-orbit>i:after{content:'';position:absolute;top:10px;right:10px;width:6px;height:6px;border-radius:50%;background:#799b7b}.reading-track{width:140px;height:2px;background:#a7bea166;margin:30px auto 0;overflow:hidden;border-radius:4px}.reading-track>span{display:block;height:100%;width:100%;background:#638d73;transform-origin:left;animation:reading-fill 2.5s linear both}@keyframes reading-turn{to{transform:rotate(360deg)}}@keyframes reading-leaf{50%{transform:translateY(-4px);opacity:.6}}@keyframes reading-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:760px){.reading-state{min-height:calc(100svh - 160px)}.reading-state h1{font-size:25px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){.reading-orbit>.line-icon,.reading-orbit>i,.reading-track>span{animation:none}.reading-track>span{transform:scaleX(.5)}}
.logo{font-family:var(--serif);font-size:25px;letter-spacing:.24em}.logo small{letter-spacing:2.4px}@media(max-width:760px){.logo{font-size:22px;letter-spacing:.2em}}

/* Tiny inline fallback keeps the background painted during first network load. */
body:before{background-image:var(--scene-photo),url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABcQERQRDhcUEhQaGBcbIjklIh8fIkYyNSk5UkhXVVFIUE5bZoNvW2F8Yk5QcptzfIeLkpSSWG2grJ+OqoOPko3/2wBDARgaGiIeIkMlJUONXlBejY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY3/wAARCAAkABgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDZkti4GW6HP1qCWMEP5cZLZxyK0iARleahlPlozHHHrxSlTi1ci7MmdCylRu29FHt6UVYneaUfN+7VTkHuaK5dLlF+CdXUAdfyzT5NjZV8Hvg1y6ajtjVN2AvQgdaux3p2gCRWBHBX19639o7bBYs3rvMh2RBQBksfSiqMs8zqCpOCDnpjFFYWu7jMuzhVz8xY5961YoI4GIRcggAg85oorqsBnalM3nNjC7G2LjsKKKKhJAf/2Q==");}

@media(max-width:760px){body{--scene-photo:var(--boot-photo,url('assets/garden-mobile-v4.webp'))}}

/* Result topics: choose a topic, then return to the result menu. */
.result-journey{padding:20px 25px 50px;min-height:calc(100svh - 100px)}
.result-journey .journey-body{max-width:650px}
.result-topbar{margin:0 0 22px;min-height:44px;display:flex;align-items:center}
.result-topbar .back{font-family:var(--serif);font-size:14px;letter-spacing:.5px;min-height:44px;border:1px solid #7f9c8970;border-radius:999px;padding:8px 18px;background:#f7faeea8;color:var(--ink);text-shadow:none;margin:0}
.is-cover .result-topbar .back{color:#fffef5;background:#254f3f70;border-color:#fffdf299;backdrop-filter:blur(12px)}
.result-journey.is-cover{padding-top:20px}
.result-journey.is-cover .result-cover{min-height:0;padding-top:0}
.result-journey.is-cover .cover-bottom{padding-bottom:0}
.result-journey .cover-menu{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px;gap:10px}
.result-menu-hint{font-size:13px;letter-spacing:.5px;color:#fffdf1;text-align:center;text-shadow:0 1px 6px #1c3b2b}
.result-plant-label{font-size:14px;letter-spacing:1px;color:var(--muted)}
.result-related{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.result-note{margin-top:30px}
.technical-details{margin-top:22px}
.technical-details summary{min-height:44px;cursor:pointer;padding:5px 0;font-family:var(--serif);font-size:16px}
.technical-details[open] summary{margin-bottom:15px}
.technical-details dt{font-weight:600;font-size:14px;margin-top:20px}
.technical-details dd{margin:8px 0;font-size:13px;line-height:2}
.technical-details a{font-size:13px;text-underline-offset:4px}
.share-summary{text-align:center}
.result-journey .nature-grid{margin-bottom:20px}
.result-journey .journey-heading h1{letter-spacing:2px}
@media(max-width:760px){.result-journey,.result-journey.is-cover{padding:5px 22px 35px;min-height:calc(100svh - 80px)}.result-topbar{margin-bottom:15px}.result-topbar .back{font-size:12px;padding:8px 15px}.result-journey.is-cover .result-cover{padding-top:0}.result-journey .cover-menu{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px;gap:8px}.result-journey .cover-menu button{flex-direction:row;justify-content:flex-start;gap:10px;min-height:60px;padding:10px 12px;font-size:12px}.result-journey .cover-menu .line-icon{width:22px;height:22px}.result-menu-hint{font-size:11px}.result-journey .cover-specimen{margin-top:16px}.result-journey .cover-specimen img{height:150px}.result-journey .cover-bottom{padding-top:16px}.result-journey .cover-essence{font-size:21px}.result-related{gap:10px}.result-related button{width:100%}.technical-details summary{font-size:14px}.result-journey .journey-heading h1{font-size:26px;letter-spacing:1.5px}.result-journey .journey-heading{margin:5px 0 24px}.result-plant-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.result-topbar button{transition:none}}
body[data-scene=result] header{position:relative;inset:auto}
body[data-cover=true]:after{background:linear-gradient(180deg,rgba(14,47,31,.42),rgba(14,47,31,.18) 45%,rgba(10,42,26,.65))}

/* Richer readings keep one idea per card and readable paragraph lengths. */
.strength-card .icon-title{align-items:center}
.strength-card .icon-title h2{font-size:23px;line-height:1.7}
.action-card{border-left:3px solid #789787;background:rgba(247,250,238,.94)}
.result-journey .growing-card p:not(.eyebrow){text-align:left;font-size:15px;line-height:2.1}
.result-journey .growing-card p:last-child{text-align:center;font-size:13px;margin-top:24px}
@media(max-width:760px){.strength-card .icon-title h2{font-size:19px}.result-journey .growing-card p:not(.eyebrow){font-size:14px;line-height:2.2}.result-journey .growing-card p:last-child{font-size:12px}.action-card{padding:22px}}

/* Botanical medallion: a true circle with a quiet ivory mount. */
.result-journey .cover-specimen{position:relative;width:clamp(180px,38vw,248px);max-width:none;aspect-ratio:1;margin:26px auto 0;border-radius:50%;background:#f4f3e8;border:1px solid rgba(255,253,235,.9);box-shadow:0 12px 38px rgba(22,53,38,.16),0 0 0 7px rgba(247,249,231,.09);isolation:isolate}

.result-journey .cover-specimen img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;object-position:50% 58%;mix-blend-mode:multiply}
@media(max-width:760px){.result-journey .cover-specimen{width:clamp(174px,47vw,216px);margin-top:23px}.result-journey .cover-specimen+.cover-bottom{padding-top:23px}}

/* Keep the watercolor paper and pigments true to the generated artwork. */
.result-journey .cover-specimen img[src*="watercolor"],.result-journey .cover-specimen img[src*="glass"]{mix-blend-mode:normal;object-fit:contain}

/* Sixty watercolor specimens */
.plant-card img[src*="/watercolor/"],.specimen img[src*="/watercolor/"],.portrait-plant img[src*="/watercolor/"],.botanical-card figure img[src*="/watercolor/"],.pair-display img[src*="/watercolor/"],.result-journey .cover-specimen img[src*="/watercolor/"]{object-fit:contain;object-position:center;mix-blend-mode:normal;background:#fff7e8}