.theme-selector{z-index:1000;position:fixed;top:20px;right:360px}.theme-selector.inline{z-index:2000;display:inline-block;position:relative;top:auto;right:auto}.theme-selector.inline .pie-chart-container{z-index:2001;pointer-events:auto;width:160px;height:160px;position:absolute;top:-52px;left:-52px;right:auto}.theme-selector.inline .theme-toggle-btn{z-index:2002;position:relative}.theme-toggle-btn{cursor:pointer;-webkit-backdrop-filter:blur(20px);border:3px solid #fffffff2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:3s ease-in-out infinite themePulse,2s ease-in-out infinite alternate themeGlow;display:flex;position:relative;box-shadow:0 4px 30px #fff6,0 0 10px #ffffff4d,inset 0 0 30px #ffffff26}.theme-toggle-btn:before{content:"";z-index:-1;filter:blur(8px);background:conic-gradient(#0000 0deg,#fff6 90deg,#0000 180deg,#fff6 270deg,#0000 360deg);border-radius:50%;animation:4s linear infinite rotateRing;position:absolute;inset:-8px}.theme-toggle-btn:after{content:"✨";filter:drop-shadow(0 0 8px #fffc);font-size:16px;animation:2s ease-in-out infinite sparkle;position:absolute;top:-5px;right:-5px}.theme-toggle-btn:hover{border-color:#fff;transform:scale(1.15)rotate(15deg);box-shadow:0 8px 12px #ffffff80,0 0 50px #fff6,inset 0 0 30px #fff3}.theme-emoji{filter:drop-shadow(0 2px 8px #0000004d);font-size:26px;animation:3s ease-in-out infinite float,6s ease-in-out infinite rotate}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.1)}}@keyframes rotate{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes themePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes themeGlow{0%{box-shadow:0 4px 30px #fff6,0 0 10px #ffffff4d,inset 0 0 30px #ffffff26}to{box-shadow:0 8px 50px #fff9,0 0 100px #ffffff80,inset 0 0 40px #ffffff40}}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.5;transform:scale(1.3)rotate(180deg)}}[data-theme=dark] .theme-toggle-btn{border-color:gold;box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70099,0 0 10px #ffd70066,0 4px 30px #ffd70080,inset 0 0 30px #ffd70033}[data-theme=dark] .theme-toggle-btn:before{background:conic-gradient(#ffd700cc 0deg,gold 45deg,#0000 90deg 180deg,gold 225deg,#ffd700cc 270deg,#0000 315deg,#ffd700cc 360deg)}[data-theme=dark] .theme-toggle-btn:hover{box-shadow:0 0 30px gold,0 0 10px #ffd700cc,0 0 90px #ffd70099,0 8px 50px #ffd700b3,inset 0 0 40px #ffd7004d}[data-theme=blue] .theme-toggle-btn{border-color:#3b82f6;box-shadow:0 0 20px #3b82f6cc,0 0 40px #3b82f699,0 0 10px #3b82f666,0 4px 30px #3b82f680,inset 0 0 30px #3b82f633}[data-theme=blue] .theme-toggle-btn:before{background:conic-gradient(#3b82f6cc 0deg,#3b82f6 45deg,#0000 90deg 180deg,#3b82f6 225deg,#3b82f6cc 270deg,#0000 315deg,#3b82f6cc 360deg)}[data-theme=blue] .theme-toggle-btn:hover{box-shadow:0 0 30px #3b82f6,0 0 10px #3b82f6cc,0 0 90px #3b82f699,0 8px 50px #3b82f6b3,inset 0 0 40px #3b82f64d}[data-theme=rainbow] .theme-toggle-btn{border-color:#ff6b9d;box-shadow:0 0 20px #ff6b9dcc,0 0 40px #c86fffb3,0 0 10px #98fb9880,0 4px 30px #ff6b9d99,inset 0 0 30px #ffb6c133}[data-theme=rainbow] .theme-toggle-btn:before{background:conic-gradient(#ff6b9d99 0deg,#ffc37199 20deg,#ffd54f99 40deg,#98fb9899 60deg,#99defb99 80deg,#e1bee799 100deg,#ffb6c199 120deg,#0000 140deg 360deg)}[data-theme=rainbow] .theme-toggle-btn:hover{box-shadow:0 0 30px #ff6b9d,0 0 10px #c86fffe6,0 0 90px #98fb98b3,0 8px 50px #ff6b9dcc,inset 0 0 40px #ffb6c14d}[data-theme=pink] .theme-toggle-btn{border-color:#ff6b9d;box-shadow:0 0 20px #ff6b9dcc,0 0 40px #c77dffb3,0 0 10px #ffb6c180,0 4px 30px #ff6b9d99,inset 0 0 30px #ffb6c133}[data-theme=pink] .theme-toggle-btn:before{background:conic-gradient(#ff6b9dcc 0deg,#ff6b9d 45deg,#0000 90deg 180deg,#c77dff 225deg,#ffb6c1cc 270deg,#0000 315deg,#ff6b9dcc 360deg)}[data-theme=pink] .theme-toggle-btn:hover{box-shadow:0 0 30px #ff6b9d,0 0 10px #c77dffe6,0 0 90px #ffb6c1b3,0 8px 50px #ff6b9dcc,inset 0 0 40px #ffb6c14d}[data-theme=peach] .theme-toggle-btn{border-color:#ffb8a3;box-shadow:0 0 20px #ffb8a3cc,0 0 40px #ffb8a3b3,0 0 10px #ffe4e180,0 4px 30px #ffb8a399,inset 0 0 30px #ffe4e133}[data-theme=peach] .theme-toggle-btn:before{background:conic-gradient(#ffb8a3cc 0deg,#ffb8a3 45deg,#0000 90deg 180deg,#ffe4e1 225deg,#ffb8a3cc 270deg,#0000 315deg,#ffb8a3cc 360deg)}[data-theme=peach] .theme-toggle-btn:hover{box-shadow:0 0 30px #ffb8a3,0 0 10px #ffb8a3e6,0 0 90px #ffe4e1b3,0 8px 50px #ffb8a3cc,inset 0 0 40px #ffe4e14d}.pie-chart-container{justify-content:center;align-items:center;width:110px;height:110px;animation:.3s ease-out pieSlideIn;display:flex;position:absolute;top:10px;right:-45px;overflow:visible}@keyframes pieSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.pie-chart{filter:drop-shadow(0 8px 24px #0003);transition:transform .3s;overflow:visible}.pie-chart:hover{transform:scale(1.05)}.pie-slice{transition:all .3s}.pie-slice:hover{filter:brightness(1.2)drop-shadow(0 4px 12px #0000004d);transform:scale(1.05)}.pie-slice.active{filter:drop-shadow(0 0 10px #ffd700b3)brightness(1.1)}.pie-tooltip-new{white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(10px);z-index:1001;pointer-events:none;background:#000000d9;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;animation:.2s tooltipFadeIn;position:absolute;top:50%;left:-30%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-5px)}to{opacity:1;transform:translate(-50%)translateY(0)}}