#draw-tool textarea{display:block;width:100%;margin:7px 0 0;padding:12px;border:1px solid #cfd8d1;border-radius:9px;background:#fff;color:#26362b;font:16px/1.5 system-ui;resize:vertical}#draw-tool textarea:focus{outline:3px solid #60a5fa;outline-offset:2px}#draw-tool .draw-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;border-bottom:1px solid #dfe5e0;padding-bottom:12px}#draw-tool .draw-tabs button[aria-selected=true]{background:#389341;color:#fff;border-color:#389341}#draw-tool .draw-grid,#draw-tool .ball-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:28px;align-items:start}#draw-tool .draw-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:7px 0 16px;color:#69746b;font-size:13px}#draw-tool button.draw-link{min-height:0;padding:0;border:0;background:none;color:#286d30;font-size:13px;text-decoration:underline;text-underline-offset:3px}#draw-tool button.draw-link:hover{color:#2563eb;background:none}#draw-tool .draw-check{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;margin-bottom:18px}#draw-tool .draw-check input{width:18px;height:18px;margin:0}#draw-tool .draw-main{width:100%;min-height:48px}#draw-tool .draw-result{display:grid;place-items:center;min-height:350px;padding:24px;border:1px solid #e3e0d6;border-radius:16px;background:#f8f7f2;text-align:center;overflow:hidden}#draw-tool .draw-placeholder>span{display:block;font-size:70px}.draw-winner{width:100%}.draw-winner>span{display:block;font-size:13px;font-weight:750;letter-spacing:.08em;color:#617064}.draw-winner strong{display:block;margin:13px 0;font-size:clamp(27px,5vw,44px);line-height:1.2;color:#286438;overflow-wrap:anywhere}.draw-winner .draw-confetti{font-size:33px;letter-spacing:10px}.draw-shuffle{font-size:clamp(22px,4vw,35px);font-weight:700;color:#526157;overflow-wrap:anywhere;animation:draw-pulse .18s alternate infinite}.draw-history{margin-top:26px;padding-top:20px;border-top:1px solid #e1e6e0}.draw-history>div{display:flex;justify-content:space-between;gap:15px;align-items:center}.draw-history h2{font-size:18px!important;margin:0!important}.draw-history ol{padding-left:25px}.draw-history li{padding:4px 0;overflow-wrap:anywhere}.magic-ball{width:min(100%,380px);aspect-ratio:1;margin:auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#434343 0,#171717 28%,#030303 72%);box-shadow:inset -25px -30px 55px #000,inset 15px 15px 28px #ffffff12,0 14px 22px #18211b25}.magic-window{width:49%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#f7f5e8 0,#e7e4d5 64%,#777 67%,#111 72%);padding:17%;text-align:center}.magic-window #ball-eight{font:800 clamp(50px,9vw,80px)/1 Georgia,serif;color:#111}.magic-window p{margin:0!important;color:#eef3ff;font-size:clamp(12px,2.2vw,17px);font-weight:700;line-height:1.3;text-transform:uppercase;text-shadow:0 1px #000;overflow-wrap:anywhere}.magic-window.answering{background:radial-gradient(circle,#18308b 0,#061348 61%,#777 65%,#111 71%)}.magic-ball.shaking{animation:ball-shake .55s ease-in-out 2}@keyframes draw-pulse{to{transform:scale(1.03);opacity:.65}}@keyframes ball-shake{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg) translateX(-5px)}75%{transform:rotate(8deg) translateX(5px)}}@media(prefers-reduced-motion:reduce){.draw-shuffle,.magic-ball.shaking{animation:none}}@media(max-width:760px){#draw-tool .draw-grid,#draw-tool .ball-layout{grid-template-columns:1fr}#draw-tool .draw-result{min-height:260px}.magic-ball{max-width:310px}#draw-tool .draw-tabs button{width:100%}}