
.ipy-draw,.ipy-draw *{box-sizing:border-box}.ipy-draw{font:18px/1.5 system-ui,sans-serif;color:#f5f7ff;background:radial-gradient(ellipse at top,#203962,#0c1428 65%);max-width:680px;margin:24px auto;padding:clamp(20px,5vw,40px);border:1px solid #52678a;border-radius:28px;text-align:center;box-shadow:0 18px 48px #0004}.ipy-draw header span{font-size:14px;letter-spacing:3px;color:#ffda82}.ipy-draw h2{color:#fff;font-size:clamp(26px,5vw,36px);margin:12px 0}.ipy-draw p{color:#dbe4f5}.ipy-draw .ipy-fields{display:flex;gap:16px;justify-content:center}.ipy-draw .ipy-fields label{flex:1;max-width:240px;text-align:left;font-weight:700}.ipy-draw input[type=number]{display:block;width:100%;background:#fff;color:#101a30;border:2px solid #a7bde1;border-radius:12px;font:700 23px system-ui;padding:12px;margin-top:6px;min-width:0}.ipy-draw .ipy-orbit{margin:26px auto;width:min(100%,270px);aspect-ratio:1;border-radius:50%;padding:13px;background:conic-gradient(#ffda82,#e6a943,#31548b,#ffda82);box-shadow:0 0 35px #e6a94322}.ipy-draw .ipy-ball{height:100%;border:7px solid #172b4b;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff8df,#ffda82 65%,#d79427);color:#17243d;display:flex;align-items:center;justify-content:center;font-size:clamp(27px,7vw,46px);font-weight:900;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ipy-draw [data-status]{min-height:54px}.ipy-draw .ipy-options{display:flex;flex-direction:column;text-align:left;gap:12px;margin:20px 0}.ipy-draw input[type=checkbox]{width:22px;height:22px;vertical-align:middle;accent-color:#ffda82;margin-right:9px}.ipy-draw button{font:700 20px system-ui;cursor:pointer;border:2px solid #ffda82;border-radius:12px;padding:14px 24px;background:#ffda82;color:#15243c;min-height:50px}.ipy-draw [data-spin]{width:100%}.ipy-draw button:hover{background:#ffe9b4}.ipy-draw button:disabled{opacity:.65;cursor:wait}.ipy-draw :focus-visible{outline:4px solid #73ddff;outline-offset:4px}.ipy-draw .ipy-history{border-top:1px solid #52678a;margin-top:28px;padding-top:12px}.ipy-draw h3{color:#fff;font-size:22px}.ipy-draw ol{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0;list-style-position:inside}.ipy-draw li{background:#233958;padding:8px 13px;border-radius:10px;overflow-wrap:anywhere;max-width:100%}.ipy-draw [data-clear]{font-size:17px;background:transparent;color:#ffda82}.ipy-draw [data-clear]:hover{background:#233958}.ipy-draw .ipy-note{font-size:14px;margin:24px 0 0}.ipy-draw.is-spinning .ipy-ball{animation:ipy-pulse .3s infinite alternate}@keyframes ipy-pulse{to{transform:scale(.94);filter:brightness(1.15)}}@media(prefers-reduced-motion:reduce){.ipy-draw .ipy-ball{animation:none!important}}

.ipy-draw select{display:block;width:100%;margin-top:8px;border:2px solid #a7bde1;border-radius:12px;background:#fff;color:#101a30;padding:12px;font:700 20px system-ui;min-height:50px}
