.theme-toggle-container{position:absolute;top:16px;right:16px;z-index:10;opacity:0;transform:scale(.8);transition:all .4s cubic-bezier(.4,0,.2,1)}.theme-toggle-container.inline{position:static;top:auto;right:auto;z-index:auto;display:inline-flex;align-items:center;justify-content:center}.theme-toggle-container.mounted{opacity:1;transform:scale(1)}.theme-toggle-button{position:relative;width:48px;height:48px;border:none;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0);will-change:transform,box-shadow,background;overflow:hidden}.theme-toggle-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);z-index:-1;transition:all .3s ease}.theme-toggle-button.light-mode{background:#ffffff40;border:1px solid rgba(255,255,255,.3);color:#333;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff9,0 0 0 1px #fff3}.theme-toggle-button.light-mode:hover{background:#ffffff59;box-shadow:0 12px 40px #667eea33,inset 0 1px #fffc,0 0 0 1px #667eea4d;border:1px solid rgba(102,126,234,.4);transform:translateZ(0) translateY(-2px) scale(1.05)}.theme-toggle-button.light-mode:before{background:linear-gradient(135deg,#ffffff4d,#ffffff1a)}.theme-toggle-button.dark-mode{background:#14141ecc;border:1px solid rgba(255,255,255,.15);color:#e0e0e0;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a,0 0 0 1px #ffffff0d}.theme-toggle-button.dark-mode:hover{background:#14141ee6;box-shadow:0 12px 40px #667eea4d,inset 0 1px #fff3,0 0 0 1px #667eea66;border:1px solid rgba(102,126,234,.5);transform:translateZ(0) translateY(-2px) scale(1.05)}.theme-toggle-button.dark-mode:before{background:linear-gradient(135deg,#ffffff1a,#ffffff05)}.theme-toggle-button:active{transform:translateZ(0) translateY(-1px) scale(1.02)}.theme-toggle-icon-container{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.theme-toggle-button.toggling .theme-toggle-icon-container{transform:rotate(360deg)}.theme-toggle-icon{width:22px;height:22px;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.theme-toggle-button.light-mode .sun-icon{animation:sunRays 3s linear infinite;color:#f59e0b}.theme-toggle-button.dark-mode .moon-icon{animation:moonGlow 4s ease-in-out infinite alternate;color:#60a5fa}@keyframes sunRays{0%{transform:rotate(0);filter:drop-shadow(0 0 4px rgba(245,158,11,.3))}to{transform:rotate(360deg);filter:drop-shadow(0 0 8px rgba(245,158,11,.5))}}@keyframes moonGlow{0%{filter:drop-shadow(0 0 4px rgba(96,165,250,.3))}to{filter:drop-shadow(0 0 12px rgba(96,165,250,.6))}}.theme-toggle-button.toggling .sun-icon,.theme-toggle-button.toggling .moon-icon{animation:none}.theme-toggle-button:focus{outline:2px solid #667eea;outline-offset:3px;box-shadow:0 0 0 3px #667eea4d,0 8px 32px #00000026}.theme-toggle-button:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){.theme-toggle-button,.theme-toggle-icon-container,.theme-toggle-icon{transition:none}.sun-icon,.moon-icon,.theme-toggle-button.toggling{animation:none}.theme-toggle-button.toggling .theme-toggle-icon-container{transform:none}}.theme-toggle-container.top-left{top:16px;left:16px;right:auto}.theme-toggle-container.bottom-right{top:auto;bottom:16px;right:16px}.theme-toggle-container.bottom-left{top:auto;bottom:16px;right:auto;left:16px}@media (max-width: 768px){.theme-toggle-container{top:12px;right:12px}.theme-toggle-button{width:44px;height:44px;border-radius:14px}.theme-toggle-button:before{border-radius:14px}.theme-toggle-icon{width:20px;height:20px}}.theme-toggle-container.compact .theme-toggle-button{width:40px;height:40px;border-radius:12px}.theme-toggle-container.compact .theme-toggle-button:before{border-radius:12px}.theme-toggle-container.compact .theme-toggle-icon{width:18px;height:18px}.theme-toggle-container.expanded{position:static;top:auto;right:auto;z-index:auto;display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;margin:0 auto}.theme-toggle-container.expanded .theme-toggle-button{width:90px;height:48px;border-radius:24px;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.2);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.theme-toggle-container.expanded .theme-toggle-button:before{content:"";position:absolute;top:2px;left:2px;width:40px;height:40px;background:#fffffff2;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(0);box-shadow:0 4px 12px #00000026,inset 0 1px #fffc}.theme-toggle-container.expanded .theme-toggle-button.dark-mode:before{transform:translate(42px);background:#14141ef2;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a}.theme-toggle-container.expanded .theme-toggle-icon-container{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 14px}.theme-toggle-container.expanded .theme-toggle-icon{width:18px;height:18px;opacity:.7;transition:all .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.theme-toggle-container.expanded .theme-toggle-button.light-mode .sun-icon,.theme-toggle-container.expanded .theme-toggle-button.dark-mode .moon-icon{opacity:1;color:#333;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.theme-toggle-container.expanded .theme-toggle-button.dark-mode .sun-icon,.theme-toggle-container.expanded .theme-toggle-button.light-mode .moon-icon{opacity:.5;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.theme-toggle-container.expanded .theme-toggle-button:hover{transform:translateZ(0) scale(1.02);box-shadow:0 8px 25px #667eea4d,inset 0 1px #ffffff4d}.App{text-align:center}body{margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0;padding:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}body{margin:0;padding:0;min-height:100vh;min-width:320px}button{border:none;background:none;cursor:pointer;font-family:inherit}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden}*{box-sizing:border-box}.theme-transition{will-change:background-color,color,border-color,box-shadow}