:root{--base-100: #f8f9fa;--base-200: #e9ecef;--base-300: #dee2e6;--base-400: #212529;--base-500: #1a1d21;--accent-100: #6c757d;--accent-200: #495057}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--base-100);color:var(--base-400);font-family:system-ui,-apple-system,sans-serif}.logo-container{position:fixed;top:2rem;left:2rem;z-index:1000;pointer-events:none}.logo{display:inline-block;font-family:PP Pangram Sans,sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-.02em;padding:.75rem 1.5rem;border-radius:.5rem;background-color:var(--base-100);color:var(--base-400);box-shadow:0 2px 8px #0000001a;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.logo.logo-inverted{background-color:var(--base-400);color:var(--base-100);box-shadow:0 2px 8px #0000004d}.inversion-lens{position:relative;width:100vw;height:100svh;overflow:hidden}.inversion-lens img{display:none}@media (max-width: 768px){.logo-container{top:1rem;left:1rem}.logo{font-size:1.25rem;padding:.5rem 1rem}}