html, body, #readerView, .doom-feed, .article-frame {
            overflow-anchor: none;
        }


* {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            -webkit-tap-highlight-color: transparent;
        }

        img {
            image-rendering: auto;
            image-rendering: smooth;
            image-rendering: high-quality;
            -ms-interpolation-mode: bicubic;
        }

        html, body {
            width: 100%;
            max-width: 100%;
            overflow-x: hidden;
        }

        body {
            font-family: var(--font-body);
            background-color: var(--bg);
            color: var(--text-body);
            min-height: 100vh;
            position: relative;
            background-image: 
                radial-gradient(circle at 15% 15%, rgba(99, 102, 241, 0.15) 0%, transparent 45%),
                radial-gradient(circle at 85% 25%, rgba(129, 140, 248, 0.15) 0%, transparent 50%),
                radial-gradient(circle at 50% 80%, rgba(79, 70, 229, 0.1) 0%, transparent 50%),
                radial-gradient(rgba(99, 102, 241, 0.15) 1.5px, transparent 1.5px);
            background-size: 100% 100%, 100% 100%, 100% 100%, 28px 28px;
            background-attachment: fixed;
        }

        body.view-reader {
            background: #0B0F19 !important;
            background-image: none !important;
        }

        .container {
            width: 100%;
            max-width: 1400px;
            margin: 0 auto;
            padding: 2.5rem 1.5rem 6rem;
        }

        @media (max-width: 768px) {
            .container {
                padding: 1.5rem 1rem 4rem;
            }
        }