/* Exact approved 864 x 1536 image. It includes 3D branding, button faces, icons,
   shadows, and colors. Do not recreate those pixels with CSS. */
/* The former width:min(...), combined with a 100dvh layout, letterboxed taller
   Android viewports and exposed the cream layout background below the artwork.
   Scale the complete 9:16 reference image proportionally to COVER the mobile
   visual viewport; clip only the unavoidable excess at the outer edges. */
body.welcome-mode{height:100dvh;min-height:100dvh;overflow:hidden;background:#f5e3dc}
body.welcome-mode .layout{display:flex;align-items:center;justify-content:center;width:100%;height:100dvh;min-height:100dvh;padding:0;margin:0;overflow:hidden;background:#f5e3dc}
body.welcome-mode .phone{position:relative;flex:none;isolation:isolate;display:block;width:min(864px,calc(100dvh * 9 / 16));max-width:100%;height:auto;min-height:0;aspect-ratio:9 / 16;margin:0;overflow:hidden;border:0;border-radius:0;background:#f5e3dc;box-shadow:none;container-type:inline-size}
body.welcome-mode .portrait-poster{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none}
body.welcome-mode .sn-welcome-actions{position:absolute;inset:0;z-index:4;display:block;width:100%;height:100%;margin:0;padding:0;pointer-events:none}
body.welcome-mode .sn-live-button,body.welcome-mode #welcome-book,body.welcome-mode #welcome-explore{
  all:unset;box-sizing:border-box;position:absolute;display:block;
  margin:0;padding:0;min-width:0;min-height:0;border:0;border-radius:999px;
  background:transparent;box-shadow:none;color:transparent;font-size:0;
  -webkit-tap-highlight-color:transparent;cursor:pointer;pointer-events:auto
}
body.welcome-mode #welcome-book{left:10.5%;top:61.3%;width:79%;height:6.5%}
body.welcome-mode #welcome-explore{left:10.5%;top:69.4%;width:79%;height:6.5%}
body.welcome-mode #welcome-find{left:10.5%;top:77.7%;width:38.5%;height:6.2%}
body.welcome-mode #welcome-contact{left:51%;top:77.7%;width:38.5%;height:6.2%}
body.welcome-mode .sn-live-button:focus-visible{outline:3px solid #683046!important;outline-offset:2px!important}
body.welcome-mode .sn-live-button:active{box-shadow:inset 0 0 0 2px rgba(104,39,52,.25)}
body.welcome-mode #welcome-launch-message{position:absolute!important}
body:not(.welcome-mode) .sn-welcome-actions{display:none!important}
/* Mobile cover sizing: the element, artwork and hit targets scale as ONE 9:16
   surface. No distortion, detached footer strip, pseudo-overlay, or reflow. */
@media(max-width:699px){
  body.welcome-mode .layout{align-items:center}
  body.welcome-mode .phone{
    width:max(100vw,calc(100dvh * 9 / 16));
    max-width:none;
  }
}
@media(prefers-reduced-motion:reduce){body.welcome-mode .sn-live-button{transition:none!important}}