.wsi-wrap { position: fixed; right: 24px; bottom: 96px; width: 52px; height: 52px; background: #FFFFFF; border-radius: 50%; box-shadow: 0 4px 16px rgba(11,37,64,0.18); cursor: pointer; opacity: 0; visibility: hidden; transform: scale(0.7); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; z-index: 9998; }
.wsi-wrap.wsi-visible { opacity: 1; visibility: visible; transform: scale(1); }
.wsi-wrap:hover { transform: scale(1.08); }
.wsi-svg { width: 100%; height: 100%; }
.wsi-face { fill: #FFFFFF; stroke: #0B2540; stroke-width: 2; }
.wsi-ticks line { stroke: #9CA6B2; stroke-width: 1.5; stroke-linecap: round; }
.wsi-hand { stroke: #1DB9EC; stroke-width: 2.5; stroke-linecap: round; transform-origin: 30px 30px; transition: transform 0.1s linear; }
.wsi-center { fill: #0B2540; }
@media (max-width: 767px) {
	.wsi-wrap { width: 44px; height: 44px; right: 16px; bottom: 84px; }
}