body {
            font-family: 'Noto Sans Devanagari', 'Segoe UI', 'Nirmala UI', sans-serif;
            background-color: #FFFDF8;
            color: #2C1810;
            overflow-x: hidden;
            -webkit-tap-highlight-color: transparent;
        }
        /* प्रीमियम हेडिंग फ़ॉन्ट: Arya (देवनागरी + अंग्रेज़ी दोनों में साफ़ व आधुनिक) */
        .heading-royal {
            font-family: 'Arya', 'Noto Sans Devanagari', 'Segoe UI', sans-serif;
            font-weight: 700;
            letter-spacing: 0;
            line-height: 1.35;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
        }
        @media (max-width: 640px) {
            .heading-royal {
            font-family: 'Arya', 'Noto Sans Devanagari', 'Segoe UI', sans-serif;
            font-weight: 700;
            letter-spacing: 0;
            line-height: 1.35;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
        }
        }
        @keyframes spin-slow {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
        .animate-mandala {
            animation: spin-slow 60s linear infinite;
        }
        .gold-gradient-text {
            background: linear-gradient(90deg, #FFD700, #FFA500, #FFF3B0, #FFD700);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.35));
        }
        .royal-card-hover {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .royal-card-hover:hover {
            transform: translateY(-4px);
            box-shadow: 0 18px 35px -8px rgba(93, 16, 29, 0.22);
        }
        @media (prefers-reduced-motion: reduce) {
            .animate-mandala { animation: none; }
            html { scroll-behavior: auto !important; }
            * { transition-duration: 0.01ms !important; }
        }
        a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
            outline: 3px solid #FFD700;
            outline-offset: 2px;
        }
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #3B0811; }
        ::-webkit-scrollbar-thumb { background: #FF6B00; border-radius: 4px; }

        /* प्रोफेशनल क्विक टोस्ट एनिमेशन */
        #toastNotification {
            transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
        }

        /* यूनिवर्सल एडमिन एडिटिंग स्टाइल */
        body.admin-unlocked [contenteditable="true"] {
            outline: 1.5px dashed #f97316;
            outline-offset: 2px;
            border-radius: 4px;
            cursor: text;
        }
        body.admin-unlocked [contenteditable="true"]:focus {
            outline: 2px solid #16a34a;
            background: rgba(254, 243, 199, 0.25);
        }
        body.admin-unlocked img {
            outline: 3px dashed #3b82f6 !important;
            outline-offset: 2px;
            cursor: pointer !important;
            transition: transform 0.2s;
        }
        body.admin-unlocked img:hover {
            transform: scale(1.02);
        }
        body.admin-unlocked .optional-img-box.hidden {
            display: block !important;
            opacity: 0.65;
            border: 2px dashed #3b82f6;
            padding: 8px;
        }
        .admin-only-btn { display: none !important; }
        body.admin-unlocked .admin-only-btn { display: inline-flex !important; }

        .del-btn {
            background: #dc2626;
            color: #fff;
            border: none;
            padding: 4px 10px;
            border-radius: 6px;
            font-size: 11px;
            font-weight: bold;
            cursor: pointer;
            align-items: center;
            gap: 4px;
            z-index: 10;
        }
        .add-btn {
            background: #15803d;
            color: #fff;
            border: none;
            padding: 10px 18px;
            border-radius: 10px;
            font-weight: bold;
            font-size: 14px;
            cursor: pointer;
            margin-top: 16px;
            align-items: center;
            gap: 6px;
            box-shadow: 0 4px 12px rgba(21, 128, 61, 0.3);
        }

        .modal-backdrop {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.84);
            z-index: 9999;
            align-items: center;
            justify-content: center;
            padding: 14px;
            backdrop-filter: blur(5px);
        }
        #admin-toolbar {
            display: none;
            position: fixed;
            bottom: 16px;
            left: 16px;
            z-index: 9990;
            background: #ffffff;
            color: #1f2937;
            width: calc(100vw - 32px);
            max-width: 340px;
            max-height: 82vh;
            overflow-y: auto;
            border-radius: 18px;
            border: 3px solid #3B0811;
            box-shadow: 0 25px 50px rgba(0,0,0,0.55);
        }