*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark}html,body{width:100%;height:100%}body{min-height:100vh;font-family:Roboto,sans-serif;background:linear-gradient(135deg,#000428 0%,#004e92 100%)!important;color:#fff;transition:background .5s ease}body.theme-classic{background:linear-gradient(135deg,#000428 0%,#004e92 100%)!important}body.theme-mystical{background:linear-gradient(135deg,#2c0337 0%,#1a0147 100%)!important}body.theme-neon{background:linear-gradient(135deg,#000000 0%,#1a0033 100%)!important}body.theme-cosmic{background:linear-gradient(135deg,#000428 0%,#1a237e 100%)!important}body.theme-retro{background:linear-gradient(135deg,#ff4081 0%,#880e4f 100%)!important}body.theme-dark{background:linear-gradient(135deg,#000000 0%,#1a1a1a 100%)!important}#root{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.container{text-align:center;width:100%;max-width:600px;position:relative;padding-bottom:100px}.header{margin-bottom:2.5rem}.title{font-size:3.5rem;margin-bottom:.5rem;color:#fff!important;text-shadow:0 0 20px rgba(255,255,255,.3),0 0 40px rgba(255,255,255,.1);font-weight:700;letter-spacing:1px}.tagline{color:#fffc;font-size:1.2rem;font-style:italic;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:.5px}.question-input{width:100%;max-width:400px;padding:1.2rem;margin-bottom:2.5rem;border:2px solid rgba(255,255,255,.2);border-radius:12px;font-size:1.1rem;background:rgba(255,255,255,.1)!important;color:#fff!important;transition:all .3s ease}.question-input:focus{outline:none;border-color:#fff6;box-shadow:0 0 25px #ffffff1a;transform:translateY(-2px)}.question-input::placeholder{color:#ffffff80}.ball-container{position:relative;width:300px;height:300px;margin:0 auto;transform-style:preserve-3d}.eight-ball{width:300px;height:300px;background:radial-gradient(circle at 35% 25%,#333 0%,#000 60%);border-radius:50%;margin:0 auto;display:flex;justify-content:center;align-items:center;cursor:grab;box-shadow:0 15px 35px #0006,inset 0 -10px 20px #ffffff1a,inset 0 5px 15px #00000080;position:relative;transform-style:preserve-3d;touch-action:none}.answer-window{width:140px;height:140px;background:radial-gradient(circle at center,#fff,#e0e0e0);border-radius:50%;display:flex;justify-content:center;align-items:center;padding:1rem;box-shadow:inset 0 0 20px #0003;position:relative;overflow:hidden}.loading-dots{color:#000;font-size:2rem;line-height:1;font-weight:700}.answer{color:#000;font-weight:700;font-size:1.1rem;text-align:center;width:100%}.answer.positive{color:#2e7d32;text-shadow:0 0 10px rgba(46,125,50,.3)}.answer.negative{color:#c62828;text-shadow:0 0 10px rgba(198,40,40,.3)}.shake-instruction{margin-top:2.5rem;color:#fffc!important;font-size:1.1rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.theme-selector-container{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:1000;display:flex;gap:12px;background:rgba(255,255,255,.1);padding:12px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0003,0 0 20px #0000001a}.theme-option{width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;border:2px solid transparent}.theme-option:hover{transform:translateY(-3px)}.theme-option.active{border-color:#fffc;transform:scale(1.1)}.theme-icon{font-size:1.6rem;color:#fff!important}.theme-option[data-theme=classic]{background:linear-gradient(135deg,#000428 0%,#004e92 100%)}.theme-option[data-theme=mystical]{background:linear-gradient(135deg,#2c0337 0%,#1a0147 100%)}.theme-option[data-theme=neon]{background:linear-gradient(135deg,#ff0080 0%,#7a0037 100%)}.theme-option[data-theme=cosmic]{background:linear-gradient(135deg,#1a237e 0%,#000428 100%)}.theme-option[data-theme=retro]{background:linear-gradient(135deg,#ff4081 0%,#880e4f 100%)}.theme-option[data-theme=dark]{background:linear-gradient(135deg,#000000 0%,#1a1a1a 100%)}.theme-option:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(10px);background:rgba(0,0,0,.8);color:#fff;padding:6px 12px;border-radius:6px;font-size:.9rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.theme-option:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 480px){.title{font-size:2.8rem}.tagline{font-size:1rem}.theme-selector-container{bottom:1rem;padding:8px}.theme-option{width:40px;height:40px}.theme-icon{font-size:1.4rem}.ball-container,.eight-ball{width:250px;height:250px}.answer-window{width:120px;height:120px}.answer{font-size:1rem}}