/* The welcome screen has its own spacing, independent of the floating dock. */
body.city-app:not(.browsing) main{min-height:100svh;display:grid;place-items:center;padding:112px 24px 112px}
body.city-app:not(.browsing) .start{width:min(100%,640px);margin:0 auto;transform:none;padding:0}
.start h1{font-size:clamp(56px,10.7vw,96px);font-weight:700;letter-spacing:-.06em;line-height:1.08;margin:0 0 32px}
.start form{width:100%;max-width:510px;margin:0 auto}
.start label{font-size:clamp(18px,4.35vw,25px);font-weight:400;line-height:1.65;letter-spacing:-.025em;margin:0 auto 32px;max-width:100%}
.start .question-line{white-space:normal;text-wrap:balance}
.start .playful{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:700;transform:rotate(-2deg);color:#e3ebc8}
.start .playful::after{border-bottom-width:1px;opacity:.75}
.start #city{height:66px;border-radius:20px;font-size:18px;padding:0 58px 0 24px;box-shadow:0 4px 8px #062e2110,0 16px 38px #062e2126}
.start .icon{top:50%;right:23px;transform:translateY(-50%)}
body.city-app:not(.browsing) .food-pattern{opacity:.09;mask-image:radial-gradient(ellipse at center,transparent 15%,#000 90%);-webkit-mask-image:radial-gradient(ellipse at center,transparent 15%,#000 90%)}
body.city-app:not(.browsing) .about-home-link{top:max(24px,env(safe-area-inset-top));right:max(24px,calc((100vw - 1080px)/2));min-height:46px;padding:9px 17px;font-size:13px;box-shadow:0 6px 20px #062e2120}
@media(max-width:500px){body.city-app:not(.browsing) main{padding:104px 26px 104px}.start h1{margin-bottom:28px}.start label{margin-bottom:30px}.start #city{height:64px;border-radius:18px;font-size:17px}body.city-app:not(.browsing) .about-home-link{right:24px}}
@media(max-height:560px){body.city-app:not(.browsing) main{padding-top:100px;padding-bottom:48px}.start h1{margin-bottom:20px}.start label{margin-bottom:24px}}

.diet-back{position:absolute;z-index:2;top:32px;left:24px;color:inherit;font-size:12px;text-decoration:none}.browsing .diet-back{display:none}