/* Signature Nails welcome: interactive glass details from the luxury mobile reference.
   Existing approved artwork, live actions, routes and launch checks remain intact. */
body.welcome-mode .sn-welcome-corner-actions{
  position:absolute;z-index:25;top:clamp(12px,2.1vw,23px);left:clamp(12px,2.4vw,24px);
  right:clamp(12px,2.4vw,24px);display:flex;align-items:flex-start;
  justify-content:space-between;pointer-events:none;
}
body:not(.welcome-mode) .sn-welcome-corner-actions{display:none!important}
body.welcome-mode .sn-corner-menu{position:relative;pointer-events:auto}
body.welcome-mode .sn-corner-control{
  box-sizing:border-box;display:grid;place-items:center;list-style:none;
  width:clamp(45px,10vw,90px);height:clamp(45px,10vw,90px);
  padding:0;margin:0;border:2px solid rgba(255,245,240,.95);border-radius:50%;
  background:linear-gradient(152deg,rgba(255,255,255,.86),rgba(255,228,220,.75) 44%,rgba(247,187,177,.67));
  box-shadow:inset 0 2px 6px #fff, inset 0 -4px 8px #a84d4c30,
    0 0 0 1px #c7836877,0 7px 18px #6e1b3555,0 1px 8px #fff9;
  color:#760e32;backdrop-filter:blur(13px) saturate(150%);
  -webkit-backdrop-filter:blur(13px) saturate(150%);
  cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;
}
body.welcome-mode .sn-corner-menu>summary::-webkit-details-marker{display:none}
body.welcome-mode .sn-corner-control svg{
  display:block;width:52%;height:52%;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;
}
body.welcome-mode .sn-corner-control::before{
  content:"";position:absolute;top:9%;left:14%;right:14%;height:26%;
  background:linear-gradient(#fff9,transparent);border-radius:100%;
  pointer-events:none;
}
body.welcome-mode .sn-corner-updates{position:relative}
body.welcome-mode .sn-corner-updates::after{
  content:"";position:absolute;right:8%;top:9%;width:10px;height:10px;
  border:1px solid #ffe6ce;border-radius:45% 55% 42% 58%;
  background:linear-gradient(135deg,#ffb4dc,#ca1356 70%);
  box-shadow:0 0 0 2px #9d3b5290,0 0 9px #f75d9b;
  transform:rotate(45deg);pointer-events:none;
}
body.welcome-mode .sn-corner-menu-panel{
  position:absolute;left:0;top:calc(100% + 10px);
  width:clamp(208px,45vw,285px);box-sizing:border-box;
  padding:12px;display:grid;gap:6px;border:1px solid #fffbf4;
  border-radius:23px;background:linear-gradient(145deg,#fffaf5f5,#f4d3d9f0);
  box-shadow:0 0 0 2px #b96d61bb,0 20px 35px #57233b7a,inset 0 2px 14px #fff;
  backdrop-filter:blur(22px) saturate(140%);
  -webkit-backdrop-filter:blur(22px) saturate(140%);
}
body.welcome-mode .sn-menu-entry{
  min-height:44px;box-sizing:border-box;padding:10px 13px;text-align:left;
  border:1px solid #ecc8ba;border-radius:14px;
  color:#651334;background:linear-gradient(140deg,#fffdfaee,#f5d8d9df);
  box-shadow:inset 0 2px 3px #fff,0 3px 8px #6b20311c;
  font:700 clamp(13px,2.5vw,16px)/1.25 Georgia,serif;cursor:pointer;
}
body.welcome-mode .sn-menu-entry:hover{background:#fff7f1}
body.welcome-mode .sn-corner-control:focus-visible,
body.welcome-mode .sn-menu-entry:focus-visible{
  outline:3px solid #42102a;outline-offset:3px;
}
body.welcome-mode .sn-welcome-actions::after{
  content:"";position:absolute;inset:3% 6%;z-index:-1;pointer-events:none;
  border-radius:clamp(18px,4.5vw,42px);border:1px solid #fffaf0aa;
  box-shadow:inset 0 2px 13px #fff7,0 0 16px #f7aeab36;
}
body.welcome-mode .sn-live-button:hover{filter:brightness(1.07)}
body.welcome-mode .sn-live-button:focus-visible{outline:3px solid #401020!important;outline-offset:3px!important}
body.welcome-mode .sn-footer-link{
  flex-direction:column;gap:3px;line-height:1.15!important;
}
body.welcome-mode .sn-footer-icon{
  display:block;width:clamp(17px,3.5vw,34px);height:clamp(17px,3.5vw,34px);
  fill:none;stroke:currentColor;stroke-width:1.85;
  stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 1px 1px #fff9);
}
body.welcome-mode .sn-footer-links{margin-top:7%!important}
@media(max-width:359px){
 body.welcome-mode .sn-welcome-corner-actions{top:9px;left:9px;right:9px}
 body.welcome-mode .sn-corner-control{width:44px;height:44px}
 body.welcome-mode .sn-corner-menu-panel{width:204px}
}
@media(prefers-reduced-motion:no-preference){
 body.welcome-mode .sn-corner-control,body.welcome-mode .sn-menu-entry{
   transition:box-shadow .2s ease,filter .2s ease,transform .2s ease;
 }
 body.welcome-mode .sn-corner-control:hover{transform:translateY(-2px);filter:brightness(1.08)}
}
@media(prefers-reduced-motion:reduce){
 body.welcome-mode .sn-corner-control,body.welcome-mode .sn-menu-entry{transition:none!important}
}