:root{--paper:#f6f5ef;--ink:#263e35;--muted:#677366;--line:#d8dbcd;--serif: 'Yu Mincho','Hiragino Mincho ProN',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:14px;line-height:1.9}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9d693f;outline-offset:5px}header{height:112px;max-width:1440px;padding:25px 6%;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.logo{font-family:Georgia,serif;font-size:25px;letter-spacing:2px;text-decoration:none;line-height:1.1}.logo i{font-size:32px;font-weight:normal}.logo small{display:block;font-family:sans-serif;font-size:8px;letter-spacing:3px;margin-top:11px}nav{display:flex;gap:35px}nav button{font-size:12px}nav span{margin-left:20px}.notice{text-align:center;padding:8px 15px;font-size:9px;letter-spacing:2px;background:#e8ebdf;color:#425441}.notice span{letter-spacing:.5px;margin-left:16px;font-size:10px}main{min-height:65vh;outline:none}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:730px}.hero-copy{padding:80px 9% 60px 12%;align-self:center}.eyebrow{font-family:Georgia,serif;font-size:11px;letter-spacing:3px;color:var(--muted);margin:0 0 25px}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(31px,3.4vw,50px);line-height:1.85;letter-spacing:.13em;margin:0 0 28px}.intro{color:var(--muted);line-height:2.3;font-size:13px}.hero-visual{position:relative;background:#e9ebdf;margin:30px 30px 30px 0;overflow:hidden;display:flex;align-items:center}.hero-visual img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.visual-label{position:absolute;top:35px;left:35px;writing-mode:vertical-rl;font-family:var(--serif);font-size:12px;letter-spacing:3px}.plate{position:absolute;bottom:28px;right:28px;font:11px Georgia;letter-spacing:2px}.birth-form{margin-top:34px}label{display:block;font-size:12px;margin-bottom:10px}input[type=date]{width:100%;padding:13px 15px;min-height:51px;background:#fffdf7;border:1px solid #bac3b3;border-radius:0;color:var(--ink)}.primary{background:var(--ink);color:#fffdf5;width:100%;padding:17px 24px;display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:2px;margin-top:14px;min-height:54px}.primary:hover{background:#3d5948}.micro{font-size:10px;color:var(--muted);margin:12px 0}.error{color:#9a3931;font-size:12px;min-height:23px;margin:4px 0}.underlink{font-size:11px;border-bottom:1px solid #9aa591;padding:0 0 3px}.section{padding:75px 7%;max-width:1280px;margin:auto;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}h2,h3{font-family:var(--serif);font-weight:400}h2{font-size:28px;letter-spacing:.1em;margin:8px 0 20px}h3{font-size:21px}.section-head p{margin-bottom:0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}.plant-card{text-align:left;padding:0;display:grid;grid-template-columns:42% 1fr;border:1px solid var(--line);min-height:260px}.plant-card img{width:100%;height:100%;object-fit:cover}.plant-card div{padding:30px}.plant-card small,.tag{font-size:10px;letter-spacing:2px;color:var(--muted)}.plant-card h3{margin:14px 0}.plant-card p{font-size:12px;color:var(--muted)}.philosophy{background:#e9ecdf;text-align:center;padding:70px 20px}.philosophy p{color:var(--muted);font-size:12px;line-height:2.5}.page{max-width:1000px;margin:65px auto;padding:0 30px}.narrow{max-width:650px}.back{font-size:11px;margin-bottom:30px;padding:8px 0}.result-top{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.result-top img{width:100%}.result-top h1{font-family:var(--serif);font-size:48px;font-weight:400;letter-spacing:.1em;margin:12px 0}.latin{font:italic 14px Georgia;color:var(--muted)}.draft{border-left:2px solid #a78a56;padding-left:14px;font-size:11px;color:#766143}.quote{font-family:var(--serif);font-size:23px;line-height:1.9;margin:22px 0}.tabs{display:flex;gap:10px;overflow-x:auto;border-bottom:1px solid var(--line);margin:45px 0 30px}.tabs button{white-space:nowrap;padding:13px 18px;font-size:12px;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{border-color:var(--ink)}.text-body{max-width:680px;min-height:150px;margin:0 auto;line-height:2.3}.growth{padding:36px;background:#e8ecdf;text-align:center;margin-top:35px}.share-actions{display:flex;gap:12px;justify-content:center;margin:30px 0}.secondary{padding:13px 23px;border:1px solid #acb8a6;min-height:48px}.grid60{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.specimen{border:1px solid var(--line);text-align:left;padding:15px;min-height:130px}.specimen small{font:11px Georgia;color:var(--muted)}.specimen strong{display:block;font-family:var(--serif);font-size:18px;margin-top:10px}.specimen span{font-size:10px;color:var(--muted)}.pair-display{display:flex;align-items:center;justify-content:center;gap:25px;font-family:var(--serif);font-size:22px;margin:30px 0}.pair-display div{text-align:center}.pair-display img{width:130px;height:160px;object-fit:cover;display:block;margin-bottom:12px}.pair-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}footer{padding:55px 7% 30px;border-top:1px solid var(--line);margin-top:40px}footer p{font-family:var(--serif);font-size:12px;letter-spacing:2px}footer>div{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:40px}footer button{padding:0;font-size:11px}dialog{width:min(660px,92vw);max-height:85vh;border:1px solid var(--line);padding:45px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#1c332c99}dialog p{font-size:13px}.close{float:right;font-size:28px;min-width:44px;min-height:44px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 25px;display:none;z-index:5;font-size:12px}.skip{position:fixed;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:0}.empty-art{background:#e9ecdf;display:flex;align-items:center;justify-content:center;aspect-ratio:7/8.5;font:50px var(--serif);color:#6c7b65}.filters{margin-bottom:30px}.filters input{padding:12px;width:100%;background:transparent;border:1px solid var(--line)}@media(min-width:1450px){.hero{min-height:790px}}@media(max-width:760px){header{height:90px;padding:20px 6%}.logo{font-size:19px}.logo i{font-size:24px}.logo small{font-size:6px;letter-spacing:2px}nav{gap:10px}nav button{font-size:10px;padding:8px 0}nav span{display:none}.notice{font-size:8px;letter-spacing:1px}.notice span{display:block;margin:1px 0;font-size:9px}.hero{display:flex;flex-direction:column}.hero-copy{padding:45px 8% 30px;order:1}.hero h1{font-size:34px}.hero-visual{height:310px;margin:0 6%;order:2}.hero-visual img{object-position:50% 34%}.hero-copy .eyebrow{margin-bottom:17px}.birth-form{margin-top:25px}.section{padding:45px 6%}.section-head{display:block}.cards{grid-template-columns:1fr;gap:15px}.plant-card{min-height:210px}.plant-card div{padding:23px}.result-top{grid-template-columns:1fr;gap:25px}.result-top img{max-height:380px;object-fit:cover;object-position:50% 30%}.page{padding:0 6%;margin:35px auto}.result-top h1{font-size:38px}.tabs{margin-top:25px}.tabs button{padding:12px 10px}.grid60{grid-template-columns:repeat(3,1fr);gap:8px}.specimen{padding:12px;min-height:118px}.specimen strong{font-size:15px}.pair-fields{grid-template-columns:1fr;gap:10px}.pair-display{gap:15px;font-size:17px}.pair-display img{width:105px;height:130px}footer>div{gap:20px}.share-actions{flex-wrap:wrap}.growth{padding:25px}dialog{padding:25px}.section-head h2{font-size:24px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .2s,opacity .2s}main{animation:appear .4s ease}@keyframes appear{from{opacity:.6}to{opacity:1}}}
.result-reading{max-width:750px;margin:50px auto}.result-reading>section{padding:35px 0;border-top:1px solid var(--line)}.result-reading .eyebrow{margin-bottom:14px}.result-reading p{line-height:2.25}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:36px}.two-col h2{font-size:22px}.fact{padding:25px;background:#e9ecdf;margin:20px 0}.fact small{font-size:10px;letter-spacing:2px}.fact p{margin-bottom:0}summary{cursor:pointer;font-size:12px;padding:12px 0}details p,details a{font-size:12px}.pair-preview{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px 0}.pair-preview img{width:38%;height:200px;object-fit:cover}.relation-tags{display:flex;flex-wrap:wrap;gap:8px}.relation-tags span{padding:5px 12px;border:1px solid #a8b79d;font-size:11px}.specimen{padding:0 0 15px;overflow:hidden}.specimen img{width:100%;height:auto;aspect-ratio:7/8.5;object-fit:cover;display:block;margin-bottom:12px}.specimen small,.specimen strong,.specimen>span{margin-left:13px;margin-right:8px}.grid60{grid-template-columns:repeat(4,1fr);gap:22px}.specimen:hover,.plant-card:hover{background:#e9ecdf}.specimen img{mix-blend-mode:multiply}.result-reading h3{font-size:19px}@media(max-width:760px){.grid60{grid-template-columns:repeat(2,1fr);gap:14px}.two-col{grid-template-columns:1fr;gap:12px}.result-reading{margin-top:30px}.result-reading>section{padding:25px 0}.pair-preview img{height:170px}}
.page-title{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:.08em;line-height:1.9;margin:8px 0 22px}nav button{min-height:44px}.underlink{min-height:36px}@media(max-width:380px){header{padding:18px 4%}.logo{font-size:17px}.logo i{font-size:21px}nav{gap:7px}nav button{font-size:9px}.hero h1{font-size:30px}}
@media(max-width:760px){.hero h1{font-size:clamp(24px,7.2vw,32px);letter-spacing:.05em}}