/*
 * Signature Nails welcome controls — retains the approved original poster
 * above 76% and excludes its retired social-sign-in artwork from rendering.
 * The original poster stays embedded and recoverable through Git history.
 */
body.welcome-mode .phone>.poster{
  clip-path:inset(0 0 24.5% 0);
  -webkit-clip-path:inset(0 0 24.5% 0);
}
body.welcome-mode .phone::after{
  content:"";
  position:absolute;
  left:0;right:0;top:75.5%;bottom:0;
  z-index:2;pointer-events:none;
  background:
    radial-gradient(ellipse 38% 77% at 99% 95%,rgba(215,143,151,.25),transparent 80%),
    radial-gradient(ellipse 44% 58% at 0 92%,rgba(249,207,195,.47),transparent 78%),
    repeating-linear-gradient(139deg,transparent 0 78px,rgba(197,142,131,.045) 79px,transparent 81px),
    linear-gradient(140deg,#fff4ec 0%,#ffebdf 40%,#f8d8d3 100%);
}
body.welcome-mode .phone::before{
  content:"";position:absolute;z-index:3;pointer-events:none;
  left:7%;right:7%;top:75.7%;height:1px;
  background:linear-gradient(90deg,transparent,#bd8566 25%,#f7dcb9 50%,#ad795f 75%,transparent);
}
body.welcome-mode .welcome-bottom-controls{
  position:absolute;z-index:6;
  left:7%;right:7%;top:76.2%;bottom:max(1.5%,env(safe-area-inset-bottom));
  display:flex;flex-direction:column;justify-content:center;
  gap:clamp(10px,1.8dvh,17px);
  padding:clamp(7px,1.5dvh,16px) 0;
}
body.welcome-mode .welcome-bottom-controls button{
  position:relative;inset:auto;
  display:flex;align-items:center;justify-content:center;gap:10px;
  flex:0 1 auto;width:100%;min-height:48px;
  padding:clamp(11px,1.8dvh,16px) 12px;
  border-radius:999px;
  font-size:clamp(13px,3.8vw,18px);
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;line-height:1.22;
  text-align:center;white-space:normal;
  color:#633841;
  border:1.5px solid #ae785f;
  box-shadow:inset 0 2px 1px rgba(255,255,255,.83),0 4px 12px rgba(126,63,70,.20);
  background:linear-gradient(120deg,#fffbf5,#ffe3dc 60%,#f8d0cd);
  transition:background .17s ease,transform .17s ease,box-shadow .17s ease;
}
body.welcome-mode .welcome-bottom-controls #welcome-explore{
  left:auto;bottom:auto;right:auto;top:auto;width:100%;
  background:linear-gradient(115deg,#ffe9e6,#f5c0c2 52%,#eba5aa);
  color:#583039;
  border-color:#ab715d;
}
body.welcome-mode .welcome-bottom-controls button:hover{
  background:linear-gradient(120deg,#fff5f0,#f4d2ce 60%,#e6bab5);
  box-shadow:inset 0 2px 1px #fff,0 7px 14px rgba(122,55,69,.24);
}
body.welcome-mode .welcome-bottom-controls button:active{
  transform:scale(.985);
}
body.welcome-mode .welcome-bottom-controls button:focus-visible{
  outline:3px solid #6a2e48;outline-offset:3px;
}
body.welcome-mode .welcome-bottom-controls #welcome-explore:hover{
  background:linear-gradient(115deg,#ffe4e2,#f5b7b9 60%,#dc999f);
}
body.welcome-mode .welcome-bottom-controls .welcome-action-arrow{font-size:1.2em;font-weight:400}
body:not(.welcome-mode) .welcome-bottom-controls{display:none!important}
#demo-mode-banner{
  position:fixed!important;
  top:0;left:0;right:0;
  padding:7px 8px!important;
  line-height:1.25!important;
  font-size:clamp(9px,2.5vw,11px)!important;
  letter-spacing:.015em!important;
  white-space:normal;
  z-index:50!important;
}
@media(min-width:600px){
 body.welcome-mode .welcome-bottom-controls{left:8%;right:8%}
 body.welcome-mode .welcome-bottom-controls button{font-size:clamp(14px,2vw,17px)}
}
@media(max-height:650px){
 body.welcome-mode .welcome-bottom-controls{gap:6px;padding:3px 0;bottom:1%}
 body.welcome-mode .welcome-bottom-controls button{padding:7px 11px;min-height:34px;font-size:clamp(12px,2.8vw,15px)}
}
@media(prefers-reduced-motion:reduce){
 body.welcome-mode .welcome-bottom-controls button{transition:none}
}