.sprouzy-demo-widget{width:100%;max-width:720px;margin:0 auto}
.sprouzy-demo-widget,.sprouzy-demo-widget *{box-sizing:border-box}
.sd{position:relative;width:100%;display:flex;flex-direction:column;font-family:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:600;color:#fff;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.sd-stage{position:relative;width:100%;aspect-ratio:1/1;flex:0 0 auto;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.sd--fireflies .sd-stage{background:radial-gradient(ellipse at 50% 40%,#1a1740 0%,#0b0a1c 70%)}
.sd--crystal .sd-stage{background:radial-gradient(ellipse at 50% 35%,#2a1650 0%,#0d0820 70%)}
.sd--prism .sd-stage{background:radial-gradient(ellipse at 50% 30%,#1c1f4a 0%,#070a1c 70%)}
.sd--cubes .sd-stage{background:radial-gradient(ellipse at 50% 35%,#182449 0%,#0a0e22 70%)}
.sd--odd .sd-stage{background:radial-gradient(ellipse at 50% 35%,#1e1a44 0%,#0a0a20 70%)}
.sd-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}
.sd--prism .sd-canvas{cursor:grab}
.sd-top{position:absolute;left:0;right:0;top:0;padding:14px 18px;pointer-events:none;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:800;opacity:.85;gap:10px}
.sd-brand{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-brand b{color:#63DDBA}
.sd-round{flex:0 0 auto;background:rgba(255,255,255,.1);padding:5px 12px;border-radius:999px;font-size:13px;white-space:nowrap}
.sd-bottom{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px 18px;background:transparent}
.sd-meter{width:200px;height:6px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden}
.sd-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#63DDBA,#FFC94D);transition:width .12s}
.sd-dots{display:flex;gap:7px;height:12px}
.sd-dots i{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.18);display:block}
.sd-dots i.on{background:#FFC94D;box-shadow:0 0 10px #FFC94D}
.sd-msg{position:absolute;left:10px;right:10px;bottom:10px;margin:0;font-size:clamp(12px,2.3vw,15px);font-weight:800;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.55),0 0 10px rgba(0,0,0,.45),0 0 20px rgba(0,0,0,.3);pointer-events:none;z-index:2;line-height:1.3}
.sd-msg.gold{color:#FFC94D}
.sd-start{pointer-events:auto;background:#FFC94D!important;color:#21063D!important;border:0;border-radius:999px!important;padding:14px 30px!important;font-family:inherit;font-size:17px!important;font-weight:800!important;text-decoration:none!important;cursor:pointer;box-shadow:0 10px 30px rgba(255,201,77,.35);transition:transform .15s,background .15s,color .15s;line-height:1.2;margin:0}
.sd-start:hover{transform:translateY(-2px)}
.sd-note{font-size:12px;opacity:.85;text-align:center;line-height:1.3;margin:0}
@media (max-width:480px){.sd-top{font-size:12px;padding:10px 12px;align-items:flex-start}.sd-brand{white-space:normal;line-height:1.25}.sd-round{font-size:11px;padding:4px 9px}.sd-bottom{padding:14px 10px 16px}}
.sd-result{pointer-events:auto;position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(11,10,28,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:20px}
.sd-result.on{display:flex}
.sd-card{background:#fff;color:#21063D;border-radius:22px;padding:26px 28px;max-width:380px;width:88%;text-align:center}
.sd-big{display:none;font-size:40px;font-weight:800;line-height:1;color:#1a9a6c}
.sd-sub{display:none;font-size:15px;margin:10px 0 4px;font-weight:800}
.sd-stats{display:none!important;gap:10px;justify-content:center;margin:12px 0 6px}
.sd-stats.on{display:flex}
.sd-stats div{background:#F4F0FB;border-radius:12px;padding:8px 12px;font-size:12px;color:#6B5A83;font-weight:700}
.sd-stats b{display:block;font-size:18px;color:#21063D}
.sd-cta{display:inline-block;background:#FFC94D!important;color:#21063D!important;text-decoration:none!important;border:0;border-radius:999px!important;padding:13px 26px!important;font-family:inherit;font-size:16px!important;font-weight:800!important;line-height:1.2;margin:4px 0 0}
.sd-next{display:none!important}
.sd-replay{display:none!important}
.sd-preload .sd-stage{display:flex;align-items:center;justify-content:center}
.sd-spinner{width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:#FFC94D;animation:sd-spin .85s linear infinite}
@keyframes sd-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sd-spinner{animation-duration:2.4s}}
.sd-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;pointer-events:auto}
.sd-choice{background:rgba(20,10,40,.55)!important;color:#fff!important;border:2px solid rgba(255,255,255,.28);border-radius:12px!important;padding:8px 14px!important;font-family:inherit;font-size:15px!important;font-weight:800!important;text-decoration:none!important;cursor:pointer;min-width:44px;transition:transform .1s,background .15s;backdrop-filter:blur(3px)}
.sd-choice:hover{transform:translateY(-1px)}
.sd-choice:disabled{cursor:default}
.sd-choice.ok{background:#1a9a6c!important;border-color:#1a9a6c!important}
.sd-choice.bad{background:#c23a3a!important;border-color:#c23a3a!important}
.sd--odd .sd-round{font-size:9px;padding:4px 9px}
@media (max-width:480px){.sd--odd .sd-round{font-size:8px;padding:3px 7px}}