.s24-sphere{--b-light:#e5c58b;width:min(800px,calc(100% - 32px));overflow-wrap:anywhere}.s24-b-top{display:flex;justify-content:flex-end;margin:-8px 0 20px;min-height:0}.s24-b-full{min-height:44px;font-size:11px;padding:8px 14px;gap:8px}.s24-b-question{width:min(100%,500px);margin:28px auto 18px;text-align:left}.s24-b-question label{display:block;color:var(--d-text);font-size:13px;margin-bottom:10px}.s24-b-question label span{font-size:11px;margin-left:8px;color:var(--d-muted)}.s24-b-question textarea{display:block;width:100%;min-height:86px;padding:14px 16px;background:#ffffff04;border:1px solid var(--d-line);border-radius:10px;color:var(--d-text);font:inherit;font-size:14px;line-height:1.7;resize:vertical;box-sizing:border-box}.s24-b-question textarea::placeholder{color:#b3a6bf}.s24-b-question textarea:focus-visible{outline:2px solid var(--d-gold);outline-offset:3px}.s24-b-question textarea:disabled{opacity:.85}.s24-b-question>p{font-size:11px;color:var(--d-muted);margin:8px 0 0;line-height:1.6}
.s24-b-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:335px;padding:24px 0 30px;isolation:isolate}.s24-b-ball{position:relative;width:min(100%,280px);aspect-ratio:1;border-radius:50%;padding:0;border:1px solid #b8a0d066;background:radial-gradient(circle at 30% 22%,#625675 0,#221a36 25%,#100b1b 55%,#050408 85%);box-shadow:inset -18px -22px 32px #0009,inset 5px 4px 14px #f8e8ff1a,0 0 35px #9270c32b,0 20px 40px #0004;color:var(--b-light);cursor:pointer;overflow:hidden;z-index:1;transition:box-shadow .3s}.s24-b-ball:disabled{cursor:default}.s24-b-ball:focus-visible{outline:2px solid var(--d-gold);outline-offset:7px}.s24-b-glass{position:absolute;top:8%;left:13%;width:48%;height:25%;transform:rotate(-30deg);border-radius:50%;background:radial-gradient(ellipse at 45% 40%,#fff5,#ffffff12 47%,transparent 70%);filter:blur(2px);pointer-events:none}.s24-b-ball::after{content:"";position:absolute;inset:7px;border:1px solid #ffffff0b;border-radius:50%;pointer-events:none}.s24-b-haze{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(ellipse at 20% 40%,#c29bff44,transparent 55%),radial-gradient(ellipse at 75% 60%,#eee0c533,transparent 60%);opacity:0}.s24-b-eight{position:absolute;inset:30%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fcf2dc,#d8c5a3);color:#302137;font:400 68px/1 Georgia,serif;box-shadow:0 0 0 6px #0002,0 4px 12px #0006;transition:opacity .25s}.s24-b-window{position:absolute;inset:18%;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}.s24-b-triangle{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 65%,#4a3269,#281c42 70%);clip-path:polygon(50% 4%,100% 90%,0 90%);filter:drop-shadow(0 0 12px #c7a1f255)}.s24-b-window>[data-b-orb-answer]{position:relative;z-index:1;width:68%;padding-top:22%;font:500 19px/1.3 system-ui,sans-serif;color:#f8efd9;text-align:center;text-shadow:0 0 12px #e5c58b33}.s24-b-orbit{position:absolute;width:min(100%,315px);aspect-ratio:1;border:1px solid #bd9be41a;border-radius:50%;pointer-events:none}.s24-b-orbit::before{content:"";position:absolute;inset:10px;border-radius:50%;border:1px dashed #e5c58b13}.s24-b-base{position:absolute;bottom:18px;width:210px;height:22px;background:radial-gradient(ellipse,#b290d033,transparent 70%);border-radius:50%;z-index:0}
.s24-sphere[data-state=asking] .s24-b-ball{animation:s24-b-sway 1.2s ease-in-out both}.s24-sphere[data-state=asking] .s24-b-haze{animation:s24-b-mist 1.2s ease-in-out both}.s24-sphere[data-state=asking] .s24-b-eight,.s24-sphere[data-state=result] .s24-b-eight{opacity:0}.s24-sphere[data-state=result] .s24-b-window{opacity:1;animation:s24-b-answer .55s ease-out both}.s24-sphere[data-state=ready] .s24-b-eight{transition:none}.s24-sphere[data-tone=neutral]{--b-light:#c8b5e7}.s24-sphere[data-tone=negative]{--b-light:#e4adba}
.s24-b-result{text-align:center;padding:23px 20px;margin-top:20px;border:1px solid var(--d-line);border-radius:12px;background:linear-gradient(135deg,#e5c58b07,#ffffff02)}.s24-sphere .s24-b-result>[data-b-answer]{font:400 clamp(30px,5vw,40px)/1.3 Georgia,serif;color:var(--b-light);margin:0;letter-spacing:0;text-transform:none}.s24-sphere .s24-d-status{max-width:520px;margin-inline:auto}.s24-sphere .s24-d-controls{margin-top:24px}
.s24-sphere:fullscreen{width:100%;max-width:none;height:100%;margin:0;border:0;border-radius:0;padding:24px max(20px,calc((100vw - 800px)/2));overflow:auto;background:radial-gradient(ellipse at 50% 40%,#352248,#100b19 75%);color:var(--d-text)}.s24-sphere:fullscreen .s24-d-header>p:last-child{display:none}.s24-sphere:fullscreen .s24-b-question{margin-top:20px}.s24-sphere:fullscreen .s24-b-question>p{display:none}.s24-sphere:fullscreen .s24-b-top{margin-top:0}.s24-sphere:fullscreen .s24-b-ball{width:min(36vh,300px)}
@keyframes s24-b-sway{0%,100%{transform:translate(0,0) rotate(0)}20%{transform:translate(-5px,1px) rotate(-2deg)}45%{transform:translate(5px,-3px) rotate(2deg)}70%{transform:translate(-3px,2px) rotate(-1deg)}}
@keyframes s24-b-mist{0%{opacity:0;transform:rotate(0) scale(.7)}45%{opacity:1}100%{opacity:.15;transform:rotate(150deg) scale(1.15)}}
@keyframes s24-b-answer{from{opacity:0;transform:scale(.86);filter:blur(5px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
@media(hover:hover){.s24-b-ball:hover:not(:disabled){box-shadow:inset -18px -22px 32px #0009,inset 5px 4px 14px #f8e8ff1a,0 0 45px #bc93ed55,0 20px 40px #0004}}
@media(max-width:639px){.s24-sphere{width:calc(100% - 24px)}.s24-b-top{margin-bottom:16px}.s24-b-question label span{display:block;margin:4px 0 0}.s24-b-stage{min-height:300px}.s24-b-ball{width:min(100%,254px)}.s24-b-eight{font-size:58px}.s24-b-window>[data-b-orb-answer]{font-size:17px}.s24-b-result{padding:23px 16px}.s24-sphere:fullscreen{padding:16px}.s24-sphere:fullscreen .s24-b-ball{width:min(100%,260px)}}
@media(prefers-reduced-motion:reduce){.s24-sphere:not([data-motion="on"]) *{animation:none!important;transition:none!important}}
.s24-sphere[data-motion="off"] *{animation:none!important;transition:none!important}

body.page-id-362>div[class*="max-w-"]{max-width:none!important;padding-inline:0!important}body.page-id-362 .space-content{max-width:none!important;padding-inline:0!important;width:100%}body.page-id-362 .site-main{padding-inline:0!important}body.page-id-362 .site-main>div{max-width:none!important;padding-inline:0!important}body.page-id-362 .space-content>div:has(.s24-sphere){max-width:none!important;padding-inline:0!important}.s24-sphere:not(:fullscreen){max-width:800px!important;margin-inline:auto!important}.s24-sphere .s24-d-header h2{font:400 clamp(30px,4vw,48px)/1.2 Georgia,serif!important;text-transform:none!important;color:var(--d-text)!important}.s24-sphere .s24-b-result h3{font-family:Georgia,serif!important;font-weight:400!important;text-transform:none!important;color:var(--b-light)!important}
