/* A shared welcome composition for the web and installed app. Brand marks stay unchanged. */
#auth-pane{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:56px;max-width:1080px;margin-inline:auto;padding:26px 32px 64px}
#auth-pane[hidden]{display:none}
#auth-pane .auth-story .eyebrow{font-size:13px;letter-spacing:.03em;margin:0 0 12px;color:var(--brand)}
#auth-pane .auth-story h1{font-size:40px;font-weight:600;line-height:1.38;letter-spacing:-.035em;margin:0 0 24px;color:var(--brand);text-wrap:initial}
#auth-pane .auth-photos{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}
#auth-pane .auth-photos figure{position:relative;margin:0;min-width:0;overflow:hidden;border-radius:20px}
#auth-pane .auth-photos img{display:block;width:100%;height:272px;object-fit:cover;border-radius:0}
#auth-pane .auth-food img{object-position:52% 50%}
#auth-pane .auth-training img{object-position:48% 55%}
#auth-pane .auth-photos figcaption{position:absolute;inset:auto 10px 10px;right:auto;background:var(--paper);color:var(--brand);font-size:11px;font-weight:500;line-height:1.4;padding:6px 9px;border-radius:6px}
#auth-pane .auth-story .auth-concept{font-size:16px;line-height:1.8;margin:20px 0 0;color:var(--text)}
#auth-pane .auth-actions{padding-top:10px;min-width:0}
#auth-pane .auth-actions>.eyebrow{display:none}
#auth-pane .auth-actions h2{font-size:22px;font-weight:600;line-height:1.5;margin:0 0 8px}
#auth-pane .auth-actions .auth-start-note{font-size:13px;line-height:1.7;margin:0 0 20px}
#auth-pane .auth-actions>.line-login,#auth-pane .auth-actions>.google-login{width:100%;min-height:52px;border-radius:14px;margin:10px 0 0;font-size:15px;font-weight:600}
#auth-pane .auth-actions>.line-login{background:var(--brand);color:var(--paper);border:1px solid var(--brand)}
#auth-pane .email-login{margin:10px 0 14px}
#auth-pane .email-login>summary{font-size:13px;min-height:44px}
#auth-pane .auth-features{margin:14px 0}
#auth-pane .auth-benefits small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
#auth-pane .auth-actions>.helper{font-size:12px;line-height:1.8}
.in-app-shell .app:has(#auth-pane:not([hidden])) .app-header{max-width:1080px}
.in-app-shell #auth-pane{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
@media(max-width:767px){
 #auth-pane{display:flex;flex-direction:column;gap:22px;max-width:480px;padding:16px 22px 40px}
 #auth-pane .auth-story .eyebrow{font-size:12px;margin-bottom:10px}
 #auth-pane .auth-story h1{font-size:31px;line-height:1.4;margin:0 0 18px}
 #auth-pane .auth-photos{gap:8px}
 #auth-pane .auth-photos figure{border-radius:16px}
 #auth-pane .auth-photos img{height:176px}
 #auth-pane .auth-photos figcaption{font-size:10px;inset:auto auto 8px 8px;padding:5px 7px}
 #auth-pane .auth-story .auth-concept{font-size:14px;line-height:1.7;margin:14px 0 0}
 #auth-pane .auth-actions{padding-top:0}
 #auth-pane .auth-actions h2{font-size:19px;margin:0 0 5px}
 #auth-pane .auth-actions .auth-start-note{font-size:12px;margin:0 0 12px}
 .in-app-shell #auth-pane{padding-top:12px}
}
@media(max-width:350px){
 #auth-pane{padding-inline:17px;gap:18px}
 #auth-pane .auth-story h1{font-size:27px}
 #auth-pane .auth-photos img{height:150px}
 #auth-pane .auth-story .auth-concept{font-size:13px}
}