:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{margin:0;padding:0;height:100%;overflow-x:hidden}body{margin:0;padding:0;min-height:100%;overflow-x:hidden;font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#1a1a2e}.main-nav{background:transparent;padding:1rem 0;position:absolute;top:0;left:0;right:0;z-index:100}body.chat-fullscreen-active .main-nav{display:none!important}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:center;align-items:center;gap:1rem}.nav-links{display:flex;gap:.5rem;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem;border-radius:50px;border:1px solid rgba(255,255,255,.1)}.nav-link{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#ffffffb3;text-decoration:none;padding:.6rem 1.25rem;border-radius:50px;transition:all .3s ease}.nav-icon{font-size:1rem}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link.active{color:#fff;background:#c41e3acc;font-weight:500}@media(max-width:600px){.nav-text{display:none}.nav-link{padding:.6rem .9rem}.nav-icon{font-size:1.2rem}.nav-links{gap:.25rem}}main{display:block;min-height:100vh}.notification-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:50px;background:#ffffff1a;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .3s ease;font-family:inherit}.notification-toggle:hover:not(:disabled){background:#ffffff26;color:#fff}.notification-toggle--active{background:#4caf5033;color:#81c784}.notification-toggle--active:hover:not(:disabled){background:#4caf504d}.notification-toggle--denied{background:#f443361a;color:#f44336b3;cursor:not-allowed}.notification-toggle:disabled{opacity:.6;cursor:wait}.notification-icon{font-size:1rem}.notification-text{white-space:nowrap}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{position:relative;overflow:hidden}@media(prefers-reduced-motion:reduce){.skeleton{animation:none!important;background:#ffffff14!important}}