.s24-hread{width:calc(100% - 32px);max-width:1000px;margin:28px auto 40px;padding:30px;border:1px solid #c5a05955;border-radius:24px;color:#eee5f5;background:radial-gradient(ellipse at 15% 0,#45335466,transparent 65%),#171020;text-align:center;box-sizing:border-box}.s24-hread *{box-sizing:border-box}.s24-hread [hidden]{display:none!important}.s24-hread h2,.s24-hread h3{font-family:Georgia,serif;color:#efd09a;text-transform:none;letter-spacing:normal}.s24-hread h2{font-size:clamp(28px,4vw,40px);line-height:1.2;margin:8px 0 15px}.s24-hread-head>p:last-child{max-width:650px;margin:0 auto;color:#d4c3e1;font-size:15px;line-height:1.7}.s24-hread-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#dfc18b}.s24-hread-note{max-width:650px;margin:22px auto;font-size:12px;line-height:1.65;color:#bfaaca}.s24-hread button{min-height:44px;padding:11px 18px;font:inherit;font-size:14px;color:#e6d9f2;border:1px solid #bda27777;border-radius:12px;background:#261a33;cursor:pointer}.s24-hread button:disabled{cursor:wait;opacity:.65}.s24-hread :is(button,a):focus-visible{outline:2px solid #ffe2ad;outline-offset:4px}.s24-hread-modes{display:flex;gap:10px;justify-content:center;margin:22px 0}.s24-hread-modes [aria-pressed=true],.s24-hread .s24-hread-primary{background:#e4c58b;color:#22162b}.s24-hread-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:25px 0 20px;gap:10px;list-style:none;font-size:12px;color:#bda9cd}.s24-hread-steps li{padding:10px 5px;border-bottom:2px solid #73608166}.s24-hread-steps [aria-current=step]{border-color:#e4c58b;color:#f0d39f}.s24-hread-steps [data-complete]{color:#e6d3f1;border-color:#b99ac9}.s24-hread-hint{font-size:13px;color:#c4b0d5;margin:15px 0}.s24-hread-deck{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:22px 8px 26px;scrollbar-color:#b99a69 #21162c;min-height:210px}.s24-hread .s24-hread-back{position:relative;flex:0 0 102px;width:102px;height:168px;min-height:168px;padding:8px;border-radius:10px;background:radial-gradient(ellipse,#54315e,#20132e 75%);border:1px solid #dfc18b99;box-shadow:0 10px 15px #0005;scroll-snap-align:center}.s24-hread-back:before{content:'';position:absolute;inset:8px;border:1px solid #d3b37377;border-radius:6px}.s24-hread-back-star{display:grid;place-items:center;height:100%;font-size:40px;color:#dcbf88}.s24-hread-back-mark{position:absolute;bottom:14px;left:0;right:0;font-size:10px;color:#bba7cc}.s24-hread[data-motion=on] .s24-hread-back{transition:transform .35s,opacity .35s}.s24-hread .s24-hread-back.is-picked{opacity:.2;cursor:default}.s24-hread[data-motion=on] .s24-hread-back.is-picked{transform:translateY(-12px) rotate(5deg)}.s24-hread-status{min-height:24px;font-size:13px;color:#dfc18b;margin:20px 0;line-height:1.6}.s24-hread-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:left}.s24-hread-card{display:flex;flex-direction:column;padding:20px;border:1px solid #c5a05944;border-radius:16px;background:#21162c}.s24-hread-card:only-child{grid-column:1/-1;width:100%;max-width:570px;justify-self:center}.s24-hread-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#d7b77d;margin:0 0 18px}.s24-hread-image{max-width:150px;aspect-ratio:180/310;margin:0 auto 18px;border-radius:7px;overflow:hidden;display:grid;place-items:center}.s24-hread-image img{width:100%;height:100%;object-fit:contain}.s24-hread-image .is-reversed{transform:rotate(180deg)}.s24-hread h3{font-size:22px;line-height:1.25;margin:0 0 8px}.s24-hread-position{font-size:11px;color:#bea8d0;margin:0 0 15px}.s24-hread-meaning{font-size:14px;color:#ded0e8;line-height:1.8;white-space:pre-line;margin:0 0 20px}.s24-hread-link{font-size:12px;color:#ebca91;text-decoration:underline;text-underline-offset:4px;margin-top:auto;min-height:44px;display:flex;align-items:center}.s24-hread-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px}.s24-hread[data-motion=on] .s24-hread-result:not([hidden]){animation:s24-health-show .5s ease both}@keyframes s24-health-show{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:700px){.s24-hread{padding:22px 16px}.s24-hread-results{grid-template-columns:1fr}.s24-hread-card{padding:22px}.s24-hread-image{max-width:165px}.s24-hread-steps{gap:6px;font-size:11px}.s24-hread .s24-hread-back{width:88px;flex-basis:88px;height:150px;min-height:150px}.s24-hread-deck{min-height:195px}.s24-hread-modes button{padding-inline:14px}.s24-hread-actions button{width:100%}}
.s24-hread-advice-title{font:600 12px system-ui;color:#dfbd84;margin:0 0 8px;letter-spacing:.03em}