body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--nav-bg-light:#1976d2;--nav-text-light:#fff;--nav-hover-light:#ffffff26;--nav-bg-dark:#1e1e1e;--nav-text-dark:#e3e3e3;--nav-hover-dark:#ffffff1a;--transition-speed:0.3s;--transition-easing:cubic-bezier(0.4,0,0.2,1)}.App{min-height:100vh;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-speed) var(--transition-easing),color var(--transition-speed) var(--transition-easing)}nav{background-color:#1976d2;background-color:var(--nav-bg-light);box-shadow:0 2px 4px #0000001a;padding:12px 24px;transition:background-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-speed) var(--transition-easing),box-shadow var(--transition-speed) var(--transition-easing)}nav ul{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none;margin:0;padding:0}nav ul li{display:inline-block}nav ul li a,nav ul li button{align-items:center;background:none;border:none;border-radius:8px;color:#fff;color:var(--nav-text-light);cursor:pointer;display:inline-flex;font-family:Cairo,Roboto,sans-serif;font-size:14px;font-weight:500;justify-content:center;min-height:36px;padding:8px 16px;text-decoration:none;transition:background-color .3s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-speed) var(--transition-easing),transform .15s var(--transition-easing)}nav ul li a:hover,nav ul li button:hover{background-color:#ffffff26;background-color:var(--nav-hover-light);transform:translateY(-1px)}nav ul li a:active,nav ul li button:active{transform:translateY(0)}body.dark-theme nav{background-color:#1e1e1e;background-color:var(--nav-bg-dark);box-shadow:0 2px 8px #0000004d}body.dark-theme nav ul li a,body.dark-theme nav ul li button{color:#e3e3e3;color:var(--nav-text-dark)}body.dark-theme nav ul li a:hover,body.dark-theme nav ul li button:hover{background-color:#ffffff1a;background-color:var(--nav-hover-dark)}nav ul li button:last-child,nav ul li button[aria-label="Toggle Theme"]{background-color:#ffffff1a;border:1px solid #fff3;margin-left:8px}body.dark-theme nav ul li button:last-child,body.dark-theme nav ul li button[aria-label="Toggle Theme"]{background-color:#ffffff0d;border:1px solid #ffffff1a}nav ul li button:last-child:hover,nav ul li button[aria-label="Toggle Theme"]:hover{background-color:#fff3;border-color:#ffffff4d}.App-header{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-speed) var(--transition-easing),color var(--transition-speed) var(--transition-easing)}*{transition-duration:.3s;transition-duration:var(--transition-speed);transition-property:background-color,border-color,box-shadow,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:var(--transition-easing)}button:not(nav button),input,select,textarea{transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,transform}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:768px){nav{padding:8px 16px}nav ul{gap:4px}nav ul li a,nav ul li button{font-size:13px;padding:6px 12px}}@media (max-width:480px){nav ul{align-items:stretch;flex-direction:column}nav ul li{width:100%}nav ul li a,nav ul li button{text-align:center;width:100%}}
/*# sourceMappingURL=main.975e47a9.css.map*/