.pw-page{max-width:1200px;margin:28px auto 65px;padding:0 26px}.pw-top{display:flex;justify-content:space-between;align-items:center}.pw-heading{text-align:center;margin:25px 0 38px}.pw-heading h1{font-size:42px;color:#443629;letter-spacing:-1px;margin:15px 0}.pw-heading p{color:#927c59;font-size:15px}.pw-stage{display:grid;grid-template-columns:minmax(400px,630px) minmax(300px,1fr);gap:65px;align-items:center}.pw-disc{position:relative;width:100%;aspect-ratio:1}.pw-disc svg{width:100%;height:100%;filter:drop-shadow(0 16px 24px #73573715);overflow:visible}.pw-rim{fill:white;stroke:#f5eedc;stroke-width:2}.pw-segment{stroke:white;stroke-width:1.5}#wheel-ring-0 .segment-0{fill:#e7d8b5}#wheel-ring-0 .segment-1{fill:#f5eedc}#wheel-ring-0 .segment-2{fill:#e7d8b5}#wheel-ring-0 .segment-3{fill:#f5eedc}#wheel-ring-1 .segment-0{fill:#c3e9df}#wheel-ring-1 .segment-1{fill:#d9f1e9}#wheel-ring-1 .segment-2{fill:#b4dfd2}#wheel-ring-1 .segment-3{fill:#e4f6f0}#wheel-ring-2 .segment-0{fill:#f5eedc}#wheel-ring-2 .segment-1{fill:#f5eedc}#wheel-ring-2 .segment-2{fill:#e7d8b5}#wheel-ring-2 .segment-3{fill:#f5eedc}.pw-ring text{font-family:Arial,sans-serif;font-size:22px;font-weight:600;fill:#735737}#wheel-ring-1 text{font-size:16px;fill:#326b5c}#wheel-ring-2 text{font-size:36px;fill:#735737}.pw-pointers path{fill:#927c59;stroke:white;stroke-width:2.5;filter:drop-shadow(0 2px 2px #73573725)}.pw-toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:19%;aspect-ratio:1;border-radius:50%;border:5px solid white;background:#927c59;color:white;font-size:22px;font-weight:650;box-shadow:0 5px 16px #927c594d;cursor:pointer;transition:background .2s,box-shadow .2s}.pw-toggle:hover{background:#735737;box-shadow:0 6px 25px #927c595a}.pw-toggle:focus-visible{outline:3px solid #443629;outline-offset:4px}.pw-toggle.spinning{background:#735737}.pw-result{background:white;border:1px solid #f5eedc;border-radius:26px;text-align:center;padding:36px 25px;box-shadow:0 15px 50px #73573708;min-height:320px;display:flex;flex-direction:column;justify-content:center}.pw-components{display:flex;align-items:center;justify-content:center;gap:13px}.pw-components div{min-width:70px}.pw-components small{display:block;color:#927c59;font-size:12px;margin-bottom:12px}.pw-components b{display:block;border-radius:10px;padding:9px 12px;background:#f5eedc;color:#735737;font-size:22px}.pw-components div:nth-of-type(2) b{background:#eef8f3;color:#4b7b6c}.pw-components div:nth-of-type(3) b{background:#f5effd;color:#927c59}.pw-components>span{font-size:14px;color:#ceb98c;margin-top:25px}.pw-answer{font-family:Arial,sans-serif;display:block;font-size:76px;letter-spacing:2px;margin:27px 0 16px;color:#443629}.pw-spelling-note{font-size:13px;line-height:1.8;color:#927c59;min-height:46px}.pw-audio{align-self:center;margin-top:12px}.pw-wait strong{display:block;font-size:22px;color:#735737;margin:18px 0}.pw-wait p{font-size:14px;color:#927c59;line-height:1.8}.pw-small-star{font-size:35px;color:#ceb98c}.pw-live-dot{display:inline-block;width:20px;height:20px;border:3px solid #f5eedc;border-top-color:#927c59;border-radius:50%;animation:pw-loader .8s linear infinite}.pw-footer-note{text-align:center;font-size:13px;color:#927c59;margin-top:35px;line-height:1.8}.pw-round{display:block;text-align:center;font-size:12px;color:#927c59}.pw-preview{background:linear-gradient(140deg,#f5eedc,#f5eedc);position:relative;display:grid;place-items:center}.pw-mini-wheel{width:160px;height:160px;background:conic-gradient(#e7d8b5 0 30deg,#f5eedc 30deg 60deg,#e7d8b5 60deg 90deg,#f5eedc 90deg 120deg,#e7d8b5 120deg 150deg,#f5eedc 150deg 180deg,#e7d8b5 180deg 210deg,#f5eedc 210deg 240deg,#e7d8b5 240deg 270deg,#f5eedc 270deg 300deg,#e7d8b5 300deg 330deg,#f5eedc 330deg);border:7px solid white;border-radius:50%;display:grid;place-items:center;box-shadow:0 7px 18px #73573719;position:relative}.pw-mini-wheel i{position:absolute;width:104px;height:104px;border-radius:50%;border:17px solid #cee7dc;background:#f5eedc}.pw-mini-wheel b{position:relative;font-size:26px;color:#735737}.pw-mini-pointer{position:absolute;top:19px;left:50%;border:9px solid transparent;border-top:18px solid #927c59;transform:translateX(-50%)}.pw-full header,.pw-full footer{display:none}.pw-full .pw-page{max-width:1400px;margin:20px auto}.pw-full .pw-heading{margin:15px 0 25px}.pw-full .pw-heading h1{font-size:36px}.pw-full .pw-stage{grid-template-columns:minmax(400px,65vh) minmax(300px,1fr);justify-content:center}.pw-full .pw-answer{font-size:90px}@keyframes pw-loader{to{transform:rotate(360deg)}}@media(max-width:850px){.pw-stage{grid-template-columns:1fr;gap:25px;max-width:550px;margin:auto}.pw-heading h1{font-size:32px}.pw-result{min-height:240px;padding:24px}.pw-answer{font-size:60px}.pw-toggle{font-size:18px}.pw-full .pw-stage{grid-template-columns:1fr}.pw-full .pw-disc{max-width:60vh;margin:auto}.pw-page{padding:0 18px}}@media(prefers-reduced-motion:reduce){.pw-live-dot{animation:none}.pw-toggle{transition:none}}.no-motion .pw-live-dot{animation:none}
.pw-toggle:not(:disabled):hover,.pw-toggle:not(:disabled):active{transform:translate(-50%,-50%)}