:root{--m8b-text:#e2e8f0;--m8b-text-muted:#94a3b8;--m8b-bg:#0f172a99;--m8b-border:#94a3b826;--m8b-positive:#10b981;--m8b-neutral:#f59e0b;--m8b-negative:#ef4444;--m8b-ball-size:280px;--m8b-ball-bg:radial-gradient(circle at 35% 30%, #4a5568, #1a202c 50%, #0f1219 80%);--m8b-window-bg:radial-gradient(circle, #1e3a5f, #0f1d30);--m8b-triangle-bg:#1e3a8ad9;--m8b-shine:radial-gradient(ellipse at 30% 25%, #ffffff26, transparent 60%);--m8b-input-bg:#1e293bb3;--m8b-input-border:#94a3b833;--m8b-input-focus:#6366f180;--m8b-card-bg:#1e293b80;--m8b-card-shadow:0 4px 24px #0000004d;--m8b-transition:.3s ease}._m8b-container{align-items:center;gap:var(--main-space-5);flex-direction:column;max-width:480px;margin:0 auto;display:flex}._m8b-hidden{display:none!important}._m8b-actions{align-items:center;gap:var(--main-space-3);display:flex}._m8b-action-btn{border-radius:var(--main-radius-full);background:var(--m8b-input-bg);border-style:solid;border-width:1px;border-color:var(--m8b-input-border);width:40px;height:40px;color:var(--m8b-text-muted);cursor:pointer;transition:opacity var(--m8b-transition), color var(--m8b-transition);justify-content:center;align-items:center;display:inline-flex}._m8b-action-btn:hover{color:var(--m8b-text);opacity:.85}._m8b-action-btn ._m8b-sound-on,._m8b-action-btn ._m8b-sound-off{line-height:0;display:none}._m8b-action-btn ._m8b-sound-off._m8b-active,._m8b-action-btn ._m8b-sound-on._m8b-active{display:inline-flex}._m8b-badge-wrap{justify-content:center;align-items:center;min-height:28px;display:flex}._m8b-badge{border-radius:var(--main-radius-full);font-size:var(--main-text-xs);letter-spacing:.05em;text-transform:uppercase;padding:.25rem .875rem;font-weight:600;display:inline-flex}._m8b-badge[data-type=positive]{color:var(--m8b-positive);background:#10b98126}._m8b-badge[data-type=neutral]{color:var(--m8b-neutral);background:#f59e0b26}._m8b-badge[data-type=negative]{color:var(--m8b-negative);background:#ef444426}@media (max-width:768px){._m8b-container{padding-left:1rem;padding-right:1rem}}._m8b-ball-wrap{align-items:center;gap:var(--main-space-3);flex-direction:column;display:flex}._m8b-ball{width:var(--m8b-ball-size);height:var(--m8b-ball-size);background:var(--m8b-ball-bg);cursor:pointer;transition:box-shadow var(--m8b-transition);border:none;border-radius:50%;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d,inset 0 -4px 12px #0006}._m8b-ball:hover{box-shadow:0 12px 40px #0009,0 4px 12px #0006,inset 0 -4px 12px #0006}._m8b-ball:focus-visible{outline:2px solid var(--main-primary);outline-offset:4px}._m8b-eight-circle{z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-top:-50px;margin-left:-50px;transition:opacity .4s;display:flex;position:absolute;top:50%;left:50%}._m8b-eight-circle span{color:#1a202c;font-size:3.5rem;font-weight:800;line-height:1}._m8b-answer-window{background:var(--m8b-window-bg);z-index:3;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;margin-top:-75px;margin-left:-75px;animation:.5s forwards m8b-fadeIn;display:flex;position:absolute;top:50%;left:50%}._m8b-triangle{background:var(--m8b-triangle-bg);clip-path:polygon(0% 0%,100% 0%,50% 100%);justify-content:center;align-items:center;width:116px;height:100px;padding-bottom:24px;display:flex}._m8b-answer-text{text-align:center;color:#fff;text-transform:uppercase;letter-spacing:.02em;max-width:84px;font-size:.55rem;font-weight:700;line-height:1.3}._m8b-shine{background:var(--m8b-shine);pointer-events:none;z-index:4;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}._m8b-tap-hint{font-size:var(--main-text-sm);color:var(--m8b-text-muted);transition:opacity var(--m8b-transition)}@keyframes m8b-shake{0%,to{margin-top:0;margin-left:0}10%{margin-top:-4px;margin-left:-8px}20%{margin-top:2px;margin-left:8px}30%{margin-top:-3px;margin-left:-6px}40%{margin-top:4px;margin-left:6px}50%{margin-top:-2px;margin-left:-4px}60%{margin-top:1px;margin-left:4px}70%{margin-top:-1px;margin-left:-3px}80%{margin-top:2px;margin-left:2px}90%{margin-top:0;margin-left:-1px}}._m8b-ball._m8b-shaking{animation:.8s ease-in-out m8b-shake}@keyframes m8b-fadeIn{0%{opacity:0}to{opacity:1}}._m8b-answer-window._m8b-fade-out{animation:.3s forwards m8b-fadeOut}@keyframes m8b-fadeOut{0%{opacity:1}to{opacity:0}}._m8b-answer-window[data-type=positive] ._m8b-triangle{background:#10b981b3}._m8b-answer-window[data-type=neutral] ._m8b-triangle{background:#f59e0b99}._m8b-answer-window[data-type=negative] ._m8b-triangle{background:#ef444499}@media (max-width:480px){._m8b-ball{--m8b-ball-size:220px}._m8b-eight-circle{width:80px;height:80px;margin-top:-40px;margin-left:-40px}._m8b-eight-circle span{font-size:2.75rem}._m8b-answer-window{width:120px;height:120px;margin-top:-60px;margin-left:-60px}._m8b-triangle{width:92px;height:80px;padding-bottom:18px}._m8b-answer-text{max-width:68px;font-size:.5rem}}._m8b-question-wrap{width:100%;max-width:400px}._m8b-question-input{background:var(--m8b-input-bg);border-style:solid;border-width:1.5px;border-color:var(--m8b-input-border);border-radius:var(--main-radius-full);width:100%;color:var(--m8b-text);font-size:var(--main-text-sm);text-align:center;transition:border-color var(--m8b-transition), box-shadow var(--m8b-transition);outline:none;padding:.75rem 1.25rem}._m8b-question-input::placeholder{color:var(--m8b-text-muted)}._m8b-question-input:focus{border-color:var(--m8b-input-focus);box-shadow:0 0 0 3px #6366f126}._m8b-history-toggle{color:var(--m8b-text-muted);font-size:var(--main-text-sm);cursor:pointer;transition:color var(--m8b-transition);background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;display:inline-flex}._m8b-history-toggle:hover{color:var(--m8b-text)}._m8b-history-count{color:#818cf8;font-size:var(--main-text-xs);border-radius:var(--main-radius-full);text-align:center;background:#6366f133;min-width:20px;padding:.125rem .5rem;font-weight:600}._m8b-history-panel{background:var(--m8b-card-bg);border-style:solid;border-width:1px;border-color:var(--m8b-border);border-radius:var(--main-radius-lg);width:100%;max-width:400px;box-shadow:var(--m8b-card-shadow);overflow:hidden}._m8b-history-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--m8b-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}._m8b-history-title{font-size:var(--main-text-sm);color:var(--m8b-text);font-weight:600}._m8b-history-clear{border-radius:var(--main-radius);width:28px;height:28px;color:var(--m8b-text-muted);cursor:pointer;transition:color var(--m8b-transition), opacity var(--m8b-transition);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}._m8b-history-clear:hover{color:#ef4444;opacity:.9}._m8b-history-list{max-height:240px;overflow-y:auto}._m8b-history-item{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--m8b-border);cursor:pointer;transition:background var(--m8b-transition);padding:.625rem 1rem}._m8b-history-item:last-child{border-bottom:none}._m8b-history-item:hover{background:#94a3b814}._m8b-history-question{font-size:var(--main-text-xs);color:var(--m8b-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;overflow:hidden}._m8b-history-answer{font-size:var(--main-text-sm);font-weight:600}._m8b-history-answer[data-type=positive]{color:var(--m8b-positive)}._m8b-history-answer[data-type=neutral]{color:var(--m8b-neutral)}._m8b-history-answer[data-type=negative]{color:var(--m8b-negative)}._m8b-history-empty{text-align:center;font-size:var(--main-text-sm);color:var(--m8b-text-muted);padding:1.5rem}