body {
  background: radial-gradient(circle at 82% 8%, rgba(127,75,230,.27), transparent 34%), radial-gradient(circle at 12% 28%, rgba(55,111,232,.20), transparent 36%), linear-gradient(155deg, #060919 0%, #0b1026 46%, #160d2d 100%) !important;
  background-attachment: fixed !important;
}
.expect-icon { font-size: 1.2rem !important; }
.body-guide { position:absolute; inset:0; z-index:3; pointer-events:none; display:grid; place-items:center; padding:18px; }
.body-guide-frame { position:relative; width:min(46%,300px); height:90%; border:3px dashed rgba(72,232,177,.9); border-radius:46% 46% 24% 24% / 15% 15% 10% 10%; filter:drop-shadow(0 0 12px rgba(55,222,167,.28)); }
.body-guide-frame::before { content:''; position:absolute; left:50%; top:4%; width:28%; aspect-ratio:1; border:3px solid rgba(72,232,177,.9); border-radius:50%; transform:translateX(-50%); background:rgba(4,12,22,.08); }
.body-guide-frame span { position:absolute; left:50%; bottom:3%; transform:translateX(-50%); white-space:nowrap; padding:7px 10px; border-radius:999px; background:rgba(4,10,22,.78); color:#baf6df; font-size:.75rem; font-weight:800; }
#photoCanvas:not([hidden]) + .body-guide { display:none; }
.empty-state { z-index:2; padding-top:52px; }
.stage video { position:relative; z-index:1; }
@media (max-width:520px) { .body-guide-frame { width:58%; height:88%; } .body-guide-frame span { font-size:.68rem; } }