body{font-size:clamp(16px,1rem + .147vw - .4704px,18px)}.magic8_container{box-sizing:border-box;background:linear-gradient(#d71921 0%,#000 33% 100%);flex-direction:column;justify-content:start;align-items:center;margin:0;padding:5vh 1em;display:flex;overflow:hidden;height:100vh!important}.magic8_magic_ball{aspect-ratio:1;background:#00000003;border-radius:50%;justify-content:center;align-items:center;width:300px;height:auto;margin:0 0 3vh;transition:transform .3s;display:flex;position:relative;box-shadow:0 10px 120px #d8000080,inset 0 10px 40px #f009}.magic8_magic_ball svg{width:50%}.magic8_magic_ball_shaking{animation:.8s ease-in-out shake}.magic8_ansr{color:#d71921;text-align:center;box-sizing:border-box;background:#380002;border:2px dashed #d71921;border-radius:38px;width:auto;margin-bottom:3vh;padding:1em 1.2em;font-size:1.2em;font-weight:550;line-height:1.5;box-shadow:0 20px 35px 5px #d8000040}.magic8_answer_display{opacity:0;margin:0;transition:opacity .5s}.magic8_answer_visible{opacity:1}.magic8_controls{box-sizing:border-box;justify-content:center;gap:.5em;width:100%;margin:0;display:flex;position:fixed;bottom:6.25%;left:0}.magic8_button{color:#fff;cursor:pointer;border:none;border-radius:10em;flex-direction:row;justify-content:center;align-items:center;gap:.5em;padding:.8em 1.5em;font-weight:600;line-height:1;transition:background .3s;display:flex}.magic8_button p{margin:0}.magic8_shake_button{background:#d71921}.magic8_share_button{background:#fff3}.magic8_modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;opacity:0;pointer-events:none;justify-content:center;align-items:flex-end;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.magic8_modal_visible{opacity:1;pointer-events:auto}.magic8_modal_content{-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);background:#390909c7;border:1px solid #b200005c;border-radius:20px;width:100%;max-width:500px;margin:1em;padding:0;transition:transform .3s;transform:translateY(100%)}.magic8_modal_content_visible{transform:translateY(0)}.magic8_modal_cWrap{margin:0;padding:2em 1em}.magic8_modal_header{color:#fff;text-align:left;margin-bottom:.2em;font-size:1.4em;font-weight:600}.magic8_modal_description{color:#fff;text-align:left;opacity:.5;margin-bottom:1em;font-size:.9em;line-height:1.5}.magic8_close_button{color:#fff;cursor:pointer;box-sizing:border-box;background:#b2000024;border:none;border-top:1px solid #b200005c;border-radius:0;width:100%;margin:0;padding:1em;font-weight:500}.magic8_share_link{justify-content:space-between;align-items:center;margin:1.7em 0 0;display:flex}.magic8_share_label{color:#fff;margin-bottom:.4em;font-weight:500;line-height:1}.magic8_share_url{color:#fff;opacity:.5;font-size:.8em;font-weight:400;line-height:1}.magic8_copy_button{color:#fff;cursor:pointer;background:#ffffff21;border:none;border-radius:150px;flex-direction:row;justify-content:center;align-items:center;gap:.5em;padding:.6em 1em;font-size:.9em;display:flex}.magic8_copy_button p{margin:0}.magic8_code1230{fill:#fff;height:1.5em}.magic8_toast{z-index:1001;opacity:0;word-wrap:break-word;white-space:nowrap;background:#fff;border-radius:100px;padding:1em 2em .9em;font-size:.85em;font-weight:550;line-height:1;transition:all .3s;position:fixed;top:1em;left:50%;transform:translate(-50%)translateY(-2em);box-shadow:0 2px 80px 5px #fff}.magic8_toast_success{color:#000}.magic8_toast_error{color:#d71921}.magic8_toast_visible{opacity:1;transform:translate(-50%)translateY(0)}.magic8_m8LG{width:10em;margin-bottom:5vh}.magic8_m8LGm{fill:#00000080}.magic8_m8LG8{fill:#000}.magic8_buttonICON{fill:#fff;width:1.5em}.magic8_link{text-align:center;color:#ffffff4d;margin-bottom:2vh;font-size:.8em;font-weight:500;line-height:1.55;text-decoration:none}.magic8_instructions{text-align:center;color:#fff9;margin:0;font-size:.8em;font-weight:500;line-height:1.55;text-decoration:none;animation:.3s 5s forwards fadeSlideOut}@keyframes fadeSlideOut{to{opacity:0;transform:translateY(1em)}}@keyframes shake{0%{transform:translate(0)}10%{transform:translate(-10px)rotate(-5deg)}20%{transform:translate(10px)rotate(5deg)}30%{transform:translate(-10px)rotate(-5deg)}40%{transform:translate(10px)rotate(5deg)}50%{transform:translate(-5px)rotate(-2deg)}60%{transform:translate(5px)rotate(2deg)}70%{transform:translate(-5px)rotate(-2deg)}80%{transform:translate(5px)rotate(2deg)}90%{transform:translate(-2px)rotate(-1deg)}to{transform:translate(0)}}@media (min-width:768px){.magic8_container{padding:15vh 1em!important}.magic8_m8LG{position:fixed!important;top:2em!important;left:2em!important}.magic8_ansr{width:auto!important;padding:1em 2em!important}.magic8_instructions{text-align:right!important;color:#fff9!important;margin:0!important;padding:0!important;font-size:.8em!important;font-weight:500!important;line-height:1.55!important;position:fixed!important;bottom:2em!important;right:2em!important}}