.theme-toggle-btn{--theme-toggle-size: var(--topbar-control-height, 42px);--theme-orbit-radius: 15px;--theme-sun-x: 0px;--theme-sun-y: -13px;--theme-sun-opacity: 1;--theme-sun-scale: 1;--theme-sun-rotation: 0deg;--theme-moon-x: 0px;--theme-moon-y: 19px;--theme-moon-opacity: 0;--theme-moon-scale: .58;--theme-moon-rotation: 0deg;position:relative;width:var(--theme-toggle-size);height:var(--theme-toggle-size);flex:0 0 var(--theme-toggle-size);display:inline-flex;align-items:center;justify-content:center;padding:0;overflow:hidden;isolation:isolate;border-radius:999px;border:1px solid rgba(148,163,184,.45);background:#fff;color:#0f172a;font-family:inherit;cursor:pointer;box-shadow:inset 0 1px #fffc,0 12px 28px #0f172a29;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.theme-toggle-btn:hover{transform:translateY(-1px) scale(1.04);border-color:color-mix(in srgb,var(--brand-primary),white 18%);box-shadow:inset 0 1px #ffffffe6,0 0 0 4px color-mix(in srgb,var(--brand-primary),transparent 80%),0 16px 32px #0f172a2e}.theme-toggle-btn:after{content:"";position:absolute;inset:-2px;z-index:10;pointer-events:none;background:linear-gradient(115deg,transparent 0%,transparent 34%,rgba(255,255,255,.08) 43%,rgba(255,255,255,.34) 50%,rgba(255,255,255,.08) 57%,transparent 68%,transparent 100%);transform:translate(-135%) skew(-10deg);transition:transform .58s ease}.theme-toggle-btn:hover:after{transform:translate(135%) skew(-10deg)}body.brand-light .theme-toggle-btn:after{background:linear-gradient(115deg,transparent 0%,transparent 34%,rgba(37,99,235,0) 39%,rgba(37,99,235,.1) 48%,rgba(255,255,255,.55) 52%,rgba(37,99,235,.08) 59%,transparent 70%,transparent 100%)}.theme-toggle-btn[data-theme=light]{background:radial-gradient(circle at 36% 32%,rgba(253,224,71,.48),transparent 30%),linear-gradient(135deg,#fff,#e0f2fe);border-color:#93c5fdd9}.theme-toggle-btn[data-theme=dark]{background:radial-gradient(circle at 67% 30%,rgba(147,197,253,.34),transparent 31%),linear-gradient(135deg,#0f172a,#1e293b);border-color:#475569f2}body.brand-light .theme-toggle-btn{box-shadow:inset 0 1px #fffc,0 12px 28px #0f172a24!important}.theme-sky{position:absolute;inset:0;display:block}.theme-astro{position:absolute;left:50%;top:50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;line-height:1;font-size:20px;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 4px rgba(15,23,42,.18));transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .9s ease,filter .9s ease}.theme-sun,.theme-moon{opacity:0}.theme-toggle-btn[data-theme=light] .theme-sun,.theme-toggle-btn[data-theme=dark] .theme-moon{opacity:1;animation:themeCurrentBreathe 3.2s ease-in-out infinite}.theme-toggle-btn[data-theme=light] .theme-moon,.theme-toggle-btn[data-theme=dark] .theme-sun{opacity:0}.theme-stars,.theme-clouds{position:absolute;inset:0;z-index:8;pointer-events:none}.theme-stars i,.theme-clouds i{position:absolute;display:block;opacity:0}.theme-stars i{width:5px;height:5px;border-radius:999px;background:#fde68a;box-shadow:0 0 7px #fde68a,0 0 14px #60a5fabf}.theme-stars i:nth-child(1){left:7px;top:-7px}.theme-stars i:nth-child(2){left:16px;top:-12px}.theme-stars i:nth-child(3){left:27px;top:-8px}.theme-stars i:nth-child(4){left:34px;top:-14px}.theme-stars i:nth-child(5){left:11px;top:-17px}.theme-stars i:nth-child(6){left:23px;top:-20px}.theme-clouds i{width:19px;height:9px;border-radius:999px;background:#fffffffa;box-shadow:7px -4px 0 -1px #fffffffa,13px 0 0 -2px #fffffff2,0 5px 13px #3b82f642}.theme-clouds i:nth-child(1){left:-30px;top:10px}.theme-clouds i:nth-child(2){left:-36px;top:22px;transform:scale(.78)}.theme-clouds i:nth-child(3){left:-42px;top:16px;transform:scale(.62)}.theme-toggle-btn--night-burst .theme-stars i{animation:themeStarFall 1.45s ease-out forwards}.theme-toggle-btn--night-burst .theme-stars i:nth-child(2){animation-delay:.08s}.theme-toggle-btn--night-burst .theme-stars i:nth-child(3){animation-delay:.16s}.theme-toggle-btn--night-burst .theme-stars i:nth-child(4){animation-delay:.24s}.theme-toggle-btn--night-burst .theme-stars i:nth-child(5){animation-delay:.32s}.theme-toggle-btn--night-burst .theme-stars i:nth-child(6){animation-delay:.4s}.theme-toggle-btn--day-burst .theme-clouds i{animation:themeCloudPass 1.5s ease-in-out forwards}.theme-toggle-btn--day-burst .theme-clouds i:nth-child(2){animation-delay:.12s}.theme-toggle-btn--day-burst .theme-clouds i:nth-child(3){animation-delay:.24s}.theme-toggle-btn--day-burst .theme-sun,.theme-toggle-btn--night-burst .theme-moon{animation:themeAstroPop .78s ease-out,themeCurrentBreathe 3.2s ease-in-out .78s infinite}.theme-toggle-btn[data-theme=auto]{background:radial-gradient(circle at 50% 18%,rgba(254,240,138,.58),transparent 23%),linear-gradient(180deg,#dbeafe,#e0f2fe 48%,#93c5fd);border-color:#3b82f6d1!important;box-shadow:inset 0 1px #ffffff5c,0 12px 28px #0f172a2e!important}.theme-toggle-btn[data-theme=auto][data-auto-phase=dawn]{background:radial-gradient(circle at 28% 65%,rgba(251,191,36,.52),transparent 22%),linear-gradient(145deg,#fde68a,#fbcfe8 38%,#bfdbfe)!important;border-color:#fb923cc7!important}.theme-toggle-btn[data-theme=auto][data-auto-phase=day]{background:radial-gradient(circle at 50% 16%,rgba(254,240,138,.72),transparent 25%),linear-gradient(145deg,#eff6ff,#bae6fd 42%,#60a5fa)!important;border-color:#60a5fadb!important}.theme-toggle-btn[data-theme=auto][data-auto-phase=dusk]{background:radial-gradient(circle at 73% 67%,rgba(251,146,60,.44),transparent 25%),linear-gradient(145deg,#f97316,#7c3aed 43%,#172554)!important;border-color:#fb923cad!important}.theme-toggle-btn[data-theme=auto][data-auto-phase=night]{background:radial-gradient(circle at 50% 16%,rgba(191,219,254,.38),transparent 24%),linear-gradient(145deg,#020617,#0f172a 46%,#1e3a8a)!important;border-color:#60a5fa70!important}.theme-auto-label{position:absolute;left:50%;bottom:3px;z-index:9;padding:1px 4px;border-radius:999px;background:#0f172aa8;color:#fff;font-size:6.5px;font-weight:850;letter-spacing:.08em;line-height:1.15;opacity:0;transform:translate(-50%) translateY(5px) scale(.88);transition:opacity .38s ease,transform .38s ease;box-shadow:0 4px 10px #0f172a2e}.theme-toggle-btn[data-theme=auto] .theme-auto-label{opacity:1;transform:translate(-50%) translateY(0) scale(1);animation:themeAutoLabelPulse 2.6s ease-in-out infinite}.theme-toggle-btn--auto-burst .theme-auto-label{animation:themeAutoLabelPop .8s ease-out,themeAutoLabelPulse 2.6s ease-in-out .8s infinite}.theme-toggle-btn[data-theme=auto] .theme-sun{opacity:var(--theme-sun-opacity);transform:translate(-50%,-50%) translate(var(--theme-sun-x),var(--theme-sun-y)) scale(var(--theme-sun-scale)) rotate(var(--theme-sun-rotation));filter:drop-shadow(0 0 8px rgba(250,204,21,.9)) drop-shadow(0 2px 4px rgba(15,23,42,.14))}.theme-toggle-btn[data-theme=auto] .theme-moon{opacity:var(--theme-moon-opacity);transform:translate(-50%,-50%) translate(var(--theme-moon-x),var(--theme-moon-y)) scale(var(--theme-moon-scale)) rotate(var(--theme-moon-rotation));filter:drop-shadow(0 0 8px rgba(191,219,254,.82)) drop-shadow(0 2px 4px rgba(15,23,42,.26))}.theme-toggle-btn[data-theme=auto] .theme-stars i{animation:themeAutoStarTwinkle 3.8s ease-in-out infinite}.theme-toggle-btn[data-theme=auto][data-auto-phase=dawn] .theme-stars i,.theme-toggle-btn[data-theme=auto][data-auto-phase=day] .theme-stars i{opacity:0;animation:none}.theme-toggle-btn[data-theme=auto][data-auto-phase=dusk] .theme-stars i,.theme-toggle-btn[data-theme=auto][data-auto-phase=night] .theme-stars i{opacity:.82}.theme-toggle-btn[data-theme=auto][data-auto-phase=dawn] .theme-clouds i,.theme-toggle-btn[data-theme=auto][data-auto-phase=day] .theme-clouds i{opacity:.74;animation:themeAutoCloudFloat 7s ease-in-out infinite}.theme-toggle-btn[data-theme=auto][data-auto-phase=dawn] .theme-clouds i:nth-child(2),.theme-toggle-btn[data-theme=auto][data-auto-phase=day] .theme-clouds i:nth-child(2){animation-delay:-2.2s}.theme-toggle-btn[data-theme=auto][data-auto-phase=dawn] .theme-clouds i:nth-child(3),.theme-toggle-btn[data-theme=auto][data-auto-phase=day] .theme-clouds i:nth-child(3){animation-delay:-4.1s}.theme-sky-surprise{position:absolute;left:0;top:var(--theme-surprise-y, 42%);z-index:8;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:13px;line-height:1;pointer-events:none;opacity:0;transform:translate(var(--theme-surprise-from-x, -26px)) translateY(-50%) scale(var(--theme-surprise-scale, 1));filter:drop-shadow(0 1px 2px rgba(15,23,42,.36)) drop-shadow(0 0 8px rgba(255,255,255,.24))}.theme-toggle-btn[data-theme=auto].theme-toggle-btn--surprise-active .theme-sky-surprise{animation:themeSkySurpriseFly var(--theme-surprise-duration, 32s) linear var(--theme-surprise-delay, 0s) 1 both}@keyframes themeCurrentBreathe{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}@keyframes themeAstroPop{0%{transform:translate(-50%,-50%) scale(.6) rotate(-12deg)}58%{transform:translate(-50%,-50%) scale(1.32) rotate(7deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes themeStarFall{0%{opacity:0;transform:translateY(0) translate(0) scale(.4)}16%,70%{opacity:1}to{opacity:0;transform:translateY(60px) translate(8px) scale(1.2)}}@keyframes themeCloudPass{0%{opacity:0;transform:translate(0) scale(.82)}14%,72%{opacity:1}to{opacity:0;transform:translate(88px) scale(.96)}}@keyframes themeAutoCloudFloat{0%,to{transform:translate(16px) translateY(0) scale(.72)}50%{transform:translate(38px) translateY(-2px) scale(.78)}}@keyframes themeAutoStarTwinkle{0%,to{transform:scale(.65);opacity:.2}50%{transform:scale(1);opacity:.92}}@keyframes themeAutoLabelPulse{0%,to{opacity:.72}50%{opacity:1}}@keyframes themeAutoLabelPop{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.72)}45%{opacity:1;transform:translate(-50%) translateY(0) scale(1.12)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes themeSkySurpriseFly{0%{opacity:0;transform:translate(var(--theme-surprise-from-x, -26px)) translateY(-50%) scale(calc(var(--theme-surprise-scale, 1) * .72)) rotate(-7deg)}12%{opacity:.92}50%{opacity:1;transform:translate(24px) translateY(calc(-50% - 4px)) scale(var(--theme-surprise-scale, 1)) rotate(4deg)}88%{opacity:.9}to{opacity:0;transform:translate(var(--theme-surprise-to-x, 70px)) translateY(-50%) scale(calc(var(--theme-surprise-scale, 1) * .78)) rotate(9deg)}}@media(max-width:640px){.theme-toggle-btn{--theme-toggle-size: 38px;--theme-orbit-radius: 14px}}
