body {
            font-family: 'Manrope', sans-serif;
            color-scheme: dark;
            overflow-x: hidden;
        }

        .panel {
            background: linear-gradient(145deg, rgba(26, 26, 20, 0.96), rgba(10, 10, 8, 0.94));
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 28px 80px rgba(0, 0, 0, 0.34);
        }

        .soft-panel {
            background: rgba(255, 255, 255, 0.035);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        [data-home-link] {
            min-width: max-content;
        }

        [data-auth-email] {
            max-width: 16rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        @media (max-width: 767px) {
            header {
                align-items: flex-start !important;
                flex-wrap: wrap;
                gap: 1rem;
                padding: 1rem !important;
            }

            header nav {
                order: 3;
                width: 100%;
                gap: 0.75rem !important;
                overflow-x: auto;
                padding: 0.125rem 0 0.45rem;
                scrollbar-width: none;
            }

            header nav::-webkit-scrollbar {
                display: none;
            }

            header nav a,
            header nav button {
                min-height: 44px;
                flex: 0 0 auto;
                display: inline-flex;
                align-items: center;
            }

            h1 {
                font-size: clamp(2.25rem, 10vw, 3.25rem) !important;
                line-height: 0.95 !important;
            }

            .panel,
            .soft-panel {
                border-radius: 1rem !important;
            }
        }