:root {
            --bg-color: #f8f9fa;
            --text-main: #333333;
            --text-muted: #666666;
            --accent: #d63384;
            --grid-gap: 5px;
        }

        /* Dark Mode - User Preference Applied */
        [data-theme='dark'] {
            --bg-color: #121212;
            --text-main: #f0f0f0;
            --text-muted: #a0a0a0;
        }

        * { box-sizing: border-box; margin: 0; padding: 0; }

        body {
            font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
            background-color: var(--bg-color);
            color: var(--text-main);
            transition: background 0.3s ease;
        }

        /* Profile Header */
        header {
            text-align: center;
            padding: 30px 15px 20px;
            max-width: 600px;
            margin: 0 auto;
        }

        .profile-pic {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            border: 2px solid var(--accent);
            padding: 3px;
            margin-bottom: 10px;
        }

        h1 { font-size: 1.1rem; letter-spacing: 0.5px; }
        .instructions { color: var(--text-muted); font-size: 0.85rem; margin-top: 5px; }

        /* Modern Instagram Grid */
        .ig-grid {
        max-width: 935px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--grid-gap);
        padding: 10px;
    }

    .post {
        position: relative;
        /* The new 2026 standard vertical ratio */
        aspect-ratio: 3 / 4; 
        overflow: hidden;
        background: #1a1a1a;
        border-radius: 4px; /* Optional: adds a modern soft edge */
    }

        .post img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Ensures your images fill the 3:4 space */
        display: block;
        transition: transform 0.2s ease-in-out;
    }

    .post:hover img {
        transform: scale(1.03);
    }

        /* Ad Space */
        .ad-container {
            width: 100%;
            background: rgba(128,128,128,0.1);
            text-align: center;
            padding: 15px 0;
            margin-bottom: 20px;
        }

        @media (min-width: 768px) {
            :root { --grid-gap: 20px; }
            header { padding: 60px 20px 40px; }
        }