.language-picker{display:inline-flex;align-items:center;gap:5px;flex:none;color:var(--muted)}
.language-picker svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}
.language-picker select{max-width:90px;border:0;border-radius:6px;padding:7px 3px;color:inherit;background:transparent;font:inherit;font-size:12px;cursor:pointer}
.language-picker select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.site-header{gap:20px}
:lang(en) h1,:lang(en) h2{letter-spacing:-.025em;line-height:1.25}
:lang(en) h1{font-size:clamp(38px,4vw,58px)}
:lang(en) h2{font-size:clamp(28px,2.7vw,40px)}
:lang(ja) body{font-family:Karla,'Barchive Sans','Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif}
:lang(ja) h1,:lang(ja) h2{font-family:'Barchive Serif','Yu Mincho','Hiragino Mincho ProN',serif;letter-spacing:-.03em}
:lang(en) .plan-line span,:lang(ja) .plan-line span{letter-spacing:1px}
@media(min-width:701px){:lang(en) .guide-selector h3{font-size:17px}:lang(en) .pro-benefit h3{font-size:17px}}
@media(max-width:700px){.site-header{gap:10px}.site-header .brand{font-size:12px;letter-spacing:2.5px;gap:8px}.site-header .button.small{font-size:11px;padding:8px 10px;gap:7px}.language-picker{margin-left:auto;gap:2px}.language-picker select{font-size:11px;max-width:72px}:lang(en) h1{font-size:35px}:lang(en) h2{font-size:28px}:lang(en) .pro h2{font-size:25px}:lang(en) .pro-benefit h3{font-size:13px}:lang(en) .pro-benefit p{font-size:11px}:lang(en) .guide-selector h3{font-size:13px}:lang(en) .news-feature h3{font-size:26px}:lang(ja) .pro h2{font-size:27px}}
@media(max-width:700px) and (min-height:761px){:lang(en) .hero .garden-window{width:min(100%,calc((var(--scene-height, 100svh) - 510px)*.95))}:lang(en) .pro-story figure>img{max-height:110px;width:29%}:lang(en) #guides .guide-stage{height:calc(var(--scene-height, 100svh) - 462px)}}
:lang(ja) h1,:lang(ja) h2{word-break:normal;overflow-wrap:anywhere}
@media(max-width:700px){:lang(en) .pro .section-intro .description,:lang(ja) .pro .section-intro .description{font-size:12px;line-height:1.65}:lang(en) .pro-benefit,:lang(ja) .pro-benefit{padding-block:7px}:lang(en) .pro .section-intro,:lang(ja) .pro .section-intro{margin-bottom:12px}:lang(ja) .pro-story figure>img{max-height:110px;width:29%}:lang(ja) .pro-story{gap:12px}:lang(ja) .pro-benefit h3{font-size:13px}:lang(ja) .pro-benefit p{font-size:11px;line-height:1.65}:lang(ja) #record .benefits{margin-top:18px;padding-top:12px}}
@media(max-width:700px) and (max-height:760px){:lang(en) .hero h1{font-size:31px}:lang(en) .hero.scene{gap:14px}:lang(en) .hero .plant-card figcaption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:lang(en) .hero .app-section>span:last-child{font-size:7px;white-space:nowrap}:lang(en) .scene-result img,:lang(ja) .scene-result img{max-height:calc(var(--scene-height, 100svh) - 480px)}:lang(ja) .scene h2{font-size:26px}:lang(en) #guides .guide-stage{height:calc(var(--scene-height, 100svh) - 462px)}:lang(en) .pro-benefit{padding-block:5px}:lang(en) .pro .section-intro{margin-bottom:8px}:lang(en) .pro h2{font-size:24px}:lang(en) .pro>.wrap>.eyebrow{margin-bottom:10px}}
@media(max-width:700px) and (max-height:760px){:lang(ja) .hero.scene{gap:13px}:lang(ja) .hero .plant-card figcaption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* Compact phone layouts share one visible-viewport budget in every language. */
@media(max-width:700px) and (max-height:760px){
 body{--scene-bottom:48px}
 .scene{padding-top:calc(var(--scene-header) + 14px)}
 .hero .garden-window{width:min(100%,200px)}
 .hero .app-header{padding:6px 8px}
 .hero .app-content{padding:8px}
 .hero .plant-card figcaption{font-size:8px;padding:2px 3px;line-height:1.4}
 .hero .app-nav{padding-block:5px}
}
@media(max-width:700px) and (max-height:650px){
 body{--scene-bottom:46px}
 .scene{padding-top:calc(var(--scene-header) + 12px)}
 .hero .garden-window{width:min(100%,185px)}
 .hero .description{font-size:13px;line-height:1.7}
 :lang(en) .pro h2,:lang(ja) .pro h2{font-size:23px;line-height:1.25}
 :lang(en) .pro-benefit,:lang(ja) .pro-benefit{padding-block:5px}
 :lang(en) .pro .section-intro .description,:lang(ja) .pro .section-intro .description{line-height:1.55}
 :lang(en) .pro-story figure>img,:lang(ja) .pro-story figure>img{width:24%;max-height:76px}
 :lang(ja) .pro-story{gap:8px}
 .editor-zoom img{max-height:calc(var(--scene-height,100svh) - 490px)}
 .news-art{height:110px}
 .news-feature h3{margin-top:20px}
 .start footer.wrap{padding-top:18px}
 .start .button{margin-top:18px}
}

@media(max-width:700px) and (max-height:650px){
 :lang(en) .pro h2{font-size:22px}
 .start footer.wrap{margin-top:22px}
 .news-art{height:100px}
}

@media(min-width:701px) and (max-height:760px){
 .hero .garden-window{max-width:min(410px,100%)}
 #record .record-window{max-width:410px;padding:18px}
 #record .benefits{margin-top:18px;padding-top:14px}
 .pro-benefit{padding-block:5px}
 .pro>.wrap>.eyebrow{margin-bottom:12px}
 .pro .section-intro{margin-bottom:12px}
 .pro .plan-line{padding-top:12px}
 .pro-facts>.text-action{margin-top:14px}
}