{"id":701,"date":"2025-04-20T09:48:03","date_gmt":"2025-04-20T09:48:03","guid":{"rendered":"https:\/\/twobirdsonestoned.co\/?page_id=701"},"modified":"2025-11-18T04:48:15","modified_gmt":"2025-11-18T04:48:15","slug":"history-of-cannabis","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/cs\/history-of-cannabis\/","title":{"rendered":"Historie konop\u00ed na Zemi \ud83c\udf0d"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"701\" class=\"elementor elementor-701\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2247466 e-flex e-con-boxed e-con e-parent\" data-id=\"2247466\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48e6b88 elementor-widget elementor-widget-html\" data-id=\"48e6b88\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <!-- Primary Meta Tags -->\n    <title>\u00dapln\u00e1 Historie Konop\u00ed: 5000 Let Lidsk\u00e9ho Pou\u017e\u00edv\u00e1n\u00ed | Two Birds One Stoned<\/title>\n    <meta name=\"description\" content=\"Prozkoumej 5000 let historie konop\u00ed od starov\u011bk\u00e9 medic\u00edny po modern\u00ed legalizaci. Vzd\u011bl\u00e1v\u00e1n\u00ed zalo\u017een\u00e9 na d\u016fkazech zahrnuj\u00edc\u00ed Shen Nunga, prohibici a glob\u00e1ln\u00ed reformu.\">\n    <meta name=\"keywords\" content=\"cannabis history, cannabis education, marijuana history, hemp history, cannabis medicine, cannabis prohibition, cannabis legalization, cannabis research, cannabis science, medicinal cannabis history\">\n    \n    <!-- Canonical URL -->\n    <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/cannabis-history\/\">\n    \n    <!-- Open Graph \/ Facebook -->\n    <meta property=\"og:type\" content=\"article\">\n    <meta property=\"og:title\" content=\"The Complete History of Cannabis: 5000 Years of Human Use\">\n    <meta property=\"og:description\" content=\"From ancient Chinese medicine to modern legalization - explore the evidence-based history of cannabis and human civilization.\">\n    <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\">\n    <meta property=\"og:image:alt\" content=\"Historical map showing the origins and spread of cannabis throughout human civilization\">\n    <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/cannabis-history\/\">\n    <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n    <meta property=\"article:author\" content=\"James Gallagher\">\n    <meta property=\"article:section\" content=\"Vzd\u011bl\u00e1v\u00e1n\u00ed o konop\u00ed\">\n    <meta property=\"article:tag\" content=\"Cannabis History\">\n    <meta property=\"article:tag\" content=\"Vzd\u011bl\u00e1v\u00e1n\u00ed o konop\u00ed\">\n    <meta property=\"article:tag\" content=\"V\u011bda o konop\u00ed\">\n    \n    <!-- Twitter Card -->\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:title\" content=\"The Complete History of Cannabis: 5000 Years of Human Use\">\n    <meta name=\"twitter:description\" content=\"From ancient Chinese medicine to modern legalization - explore the evidence-based history of cannabis and human civilization.\">\n    <meta name=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\">\n    <meta name=\"twitter:image:alt\" content=\"Historical map showing the origins and spread of cannabis throughout human civilization\">\n    <meta name=\"twitter:site\" content=\"@TwoBirds1Stoned\">\n    <meta name=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n    \n    <!-- Additional Meta Tags -->\n    <meta name=\"author\" content=\"James Gallagher\">\n    <meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\">\n    <meta name=\"theme-color\" content=\"#F4C542\">\n    <meta name=\"color-scheme\" content=\"dark light\">\n    \n    <!-- Favicon -->\n    <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    <link rel=\"apple-touch-icon\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    \n    <!-- Structured Data - Article -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Article\",\n    \"headline\": \"The Complete History of Cannabis: 5000 Years of Human Use\",\n    \"description\": \"Explore 5,000 years of cannabis history from ancient medicine to modern legalization. Evidence-based education covering historical use, prohibition, and global reform.\",\n    \"image\": {\n        \"@type\": \"ImageObject\",\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\",\n        \"width\": 1200,\n        \"height\": 630\n    },\n    \"author\": {\n        \"@type\": \"Person\",\n        \"name\": \"James Gallagher\",\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\"\n    },\n    \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Two Birds One Stoned\",\n        \"logo\": {\n            \"@type\": \"ImageObject\",\n            \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\"\n        },\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\"\n    },\n    \"mainEntityOfPage\": {\n        \"@type\": \"WebPage\",\n        \"@id\": \"https:\\\/\\\/twobirdsonestoned.co\\\/cannabis-history\\\/\"\n    },\n    \"datePublished\": \"2025-01-17\",\n    \"dateModified\": \"2025-01-17\",\n    \"articleSection\": \"Cannabis Education\",\n    \"keywords\": [\n        \"cannabis history\",\n        \"cannabis education\",\n        \"medicinal cannabis\",\n        \"cannabis prohibition\",\n        \"cannabis legalization\"\n    ],\n    \"about\": [\n        {\n            \"@type\": \"Thing\",\n            \"name\": \"Cannabis History\",\n            \"description\": \"The historical use and regulation of cannabis throughout human civilization\"\n        },\n        {\n            \"@type\": \"Thing\",\n            \"name\": \"Cannabis Education\",\n            \"description\": \"Evidence-based information about cannabis science and policy\"\n        }\n    ],\n    \"mentions\": [\n        {\n            \"@type\": \"Person\",\n            \"name\": \"Shen Nung\",\n            \"description\": \"Chinese Emperor who first documented cannabis use in 2800 BC\"\n        },\n        {\n            \"@type\": \"Person\",\n            \"name\": \"William Brooke O'Shaughnessy\",\n            \"description\": \"Irish physician who introduced cannabis to Western medicine in 1841\"\n        },\n        {\n            \"@type\": \"Person\",\n            \"name\": \"Harry J. Anslinger\",\n            \"description\": \"First Commissioner of the Federal Bureau of Narcotics who promoted cannabis prohibition\"\n        }\n    ]\n}<\/script>\n    \n    <!-- Structured Data - Educational Content -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"EducationalContent\",\n    \"name\": \"The History of Cannabis on Earth\",\n    \"description\": \"Comprehensive educational content covering 5,000 years of cannabis history from ancient medicine to modern legalization\",\n    \"educationalLevel\": \"General Audience\",\n    \"learningResourceType\": \"Article\",\n    \"about\": {\n        \"@type\": \"Thing\",\n        \"name\": \"Cannabis History\",\n        \"description\": \"Historical development of cannabis use, regulation, and scientific understanding\"\n    },\n    \"teaches\": [\n        \"Ancient origins of cannabis use in medicine\",\n        \"Historical figures in cannabis research\",\n        \"Development of cannabis prohibition\",\n        \"Modern cannabis legalization movement\",\n        \"Scientific discoveries about cannabis\"\n    ],\n    \"educationalUse\": \"Research, Education, Historical Reference\",\n    \"audience\": {\n        \"@type\": \"EducationalAudience\",\n        \"educationalRole\": \"General Public\"\n    }\n}<\/script>\n    \n    <!-- Video Structured Data -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"VideoObject\",\n    \"name\": \"The History of Cannabis - Video Breakdown\",\n    \"description\": \"Complete visual journey through cannabis history from ancient times to modern legalization\",\n    \"thumbnailUrl\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\",\n    \"embedUrl\": \"https:\\\/\\\/www.youtube.com\\\/embed\\\/dQw4w9WgXcQ\",\n    \"uploadDate\": \"2025-01-17\",\n    \"duration\": \"PT15M\",\n    \"contentUrl\": \"https:\\\/\\\/www.youtube.com\\\/watch?v=dQw4w9WgXcQ\"\n}<\/script>\n    \n    <!-- Website\/Organization Structured Data -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Organization\",\n    \"name\": \"Two Birds One Stoned\",\n    \"description\": \"Cannabis education and culture platform delivering science-backed information without social media noise\",\n    \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n    \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\n    \"foundingDate\": \"2024\",\n    \"founder\": {\n        \"@type\": \"Person\",\n        \"name\": \"James Gallagher\"\n    },\n    \"sameAs\": [\n        \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n        \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH\"\n    ],\n    \"knowsAbout\": [\n        \"Cannabis Education\",\n        \"Cannabis Science\",\n        \"Cannabis Policy\",\n        \"Cannabis History\",\n        \"Medicinal Cannabis\"\n    ]\n}<\/script>\n    \n    <!-- Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Preload Critical Resources -->\n    <link rel=\"preload\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" as=\"style\">\n    <link rel=\"preload\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\" as=\"image\">\n<\/head>\n    <style>\n        \/* Reset and base styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n            width: 100%;\n            min-height: 100vh;\n            margin: 0;\n            padding: 0;\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n            color: #fff;\n            width: 100%;\n            min-height: 100vh;\n            margin: 0;\n            padding: 0;\n            line-height: 1.6;\n        }\n\n        \/* ARTICLE PAGE SECTION *\/\n        .article-page {\n            background: transparent;\n            margin: 0;\n            min-height: 100vh;\n            width: 100%;\n            padding: 0;\n            position: relative;\n            padding-top: 100px;\n            padding-bottom: 6rem;\n        }\n\n        \/* Container *\/\n        .tbos-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 2rem;\n            width: 100%;\n        }\n\n        \/* Content Cards *\/\n        .content-card {\n            background-color: #1d1d1d;\n            color: #fff;\n            padding: 3rem;\n            border-radius: 1.5rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n            margin: 4rem auto;\n            max-width: 950px;\n            transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease;\n            overflow: hidden;\n            opacity: 0;\n            transform: translateY(30px);\n        }\n\n        \/* Cards animate in when visible *\/\n        .content-card.animate-in {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Content Card Hover *\/\n        .content-card:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n        }\n\n        \/* Title Section *\/\n.article-page .tbos-container .title-section {\n    text-align: center !important;\n    margin-bottom: 60px !important;\n    margin-top: 60px !important;\n    padding-bottom: 3rem !important;\n    opacity: 0;\n    transform: translateY(-20px);\n    transition: all 0.8s ease;\n    max-width: 1000px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n    position: relative !important;\n    z-index: 10 !important;\n    display: block !important;\n    overflow: visible !important;\n    min-height: auto;\n}\n\n        .article-page .tbos-container .title-section .article-title {\n            font-size: clamp(2rem, 6vw, 4rem) !important;\n            font-weight: 700 !important;\n            margin-bottom: 2.5rem !important;\n            color: #F4C542 !important;\n            text-shadow: 3px 3px 12px rgba(0,0,0,0.8) !important;\n            line-height: 1.3 !important;\n            letter-spacing: -0.02em !important;\n            max-width: 100% !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            text-align: center !important;\n            padding: 0 2rem !important;\n            font-family: 'Montserrat', sans-serif !important;\n            display: block !important;\n            position: relative !important;\n            overflow: visible !important;\n            white-space: normal !important;\n        }\n\n        .article-page .tbos-container .title-section .article-subtitle {\n            font-size: clamp(1.2rem, 3vw, 1.5rem) !important;\n            color: #E3E3DC !important;\n            font-weight: 400 !important;\n            margin-bottom: 4rem !important;\n            opacity: 0.9 !important;\n            line-height: 1.5 !important;\n            max-width: 90% !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            word-wrap: break-word !important;\n        }\n\n        \/* Media Section Spacing *\/\n        .media-section {\n            margin: 8rem auto;\n            max-width: 950px;\n            position: relative;\n            z-index: 5;\n        }\n\n        .media-section-title {\n            text-align: center;\n            font-size: 2.5rem;\n            color: #F4C542;\n            margin-bottom: 3rem;\n            font-weight: 600;\n        }\n\n        .media-card {\n    background-color: #1d1d1d;\n    border: 1px solid rgba(156,175,136,0.3);\n    border-radius: 1.5rem;\n    padding: 3rem;\n    margin: 4rem auto;\n    max-width: 950px;\n    text-align: center;\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    overflow: visible; \/* NEW - Universal fix *\/\n}\n\n\/* NEW - Universal video container fix *\/\n.media-card > div[style*=\"position: relative\"] {\n    background: transparent !important;\n    margin: 0 auto 1.5rem auto;\n}\n\n\/* NEW - Universal iframe fix *\/\n.media-card iframe {\n    display: block;\n}\n\n        .media-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n        }\n\n        .media-card h3 {\n            color: #F4C542;\n            font-size: 2rem;\n            margin-bottom: 2rem;\n            font-weight: 600;\n        }\n\n        .media-card iframe {\n            width: 100%;\n            border-radius: 16px;\n            margin-top: 1.5rem;\n            box-shadow: 0 4px 16px rgba(0,0,0,0.3);\n        }\n\n        \/* Content Break *\/\n        .content-break {\n            height: 3rem;\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .content-break::before {\n            content: '';\n            width: 200px;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, #F4C542, transparent);\n            border-radius: 1px;\n        }\n\n        \/* Navigation hint *\/\n        .nav-hint {\n            text-align: center;\n            color: #F4C542;\n            font-style: italic;\n            font-size: 1.2rem;\n            margin: 6rem auto;\n            max-width: 950px;\n            padding: 2rem;\n            background: rgba(244, 197, 66, 0.05);\n            border-radius: 1rem;\n            border: 1px solid rgba(244, 197, 66, 0.2);\n        }\n\n        \/* Content Section Headers *\/\n        .content-section {\n            margin: 8rem auto;\n            max-width: 950px;\n        }\n\n        .content-section .content-section-title {\n    text-align: center !important;\n    font-size: 3rem !important;\n    color: #F4C542 !important;\n    margin-bottom: 5rem !important;\n    margin-top: 3rem !important;\n    padding-top: 3rem !important;\n    font-weight: 600 !important;\n    text-shadow: none !important;\n    line-height: 1.4 !important;\n}\n\n        \/* Section Headings *\/\n        .content-card h3 {\n            font-size: clamp(1.8rem, 4vw, 2.5rem);\n            color: #F4C542;\n            margin-bottom: 2rem;\n            font-weight: 600;\n            line-height: 1.3;\n            text-align: center;\n        }\n\n        .content-card h4 {\n            font-size: clamp(1.4rem, 3vw, 1.8rem);\n            color: #F4C542;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n        }\n\n        \/* Content Text *\/\n        .content-text {\n            font-size: 1.15rem;\n            line-height: 1.8;\n            color: #E3E3DC;\n            margin-bottom: 2rem;\n        }\n\n        .content-text:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Split content layout *\/\n        .split-content {\n            display: flex;\n            gap: 3rem;\n            align-items: center;\n            margin: 3rem 0;\n        }\n\n        .split-content img {\n            flex: 0 0 280px;\n            width: 280px;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n        }\n\n        .split-content .text-content {\n            flex: 1;\n        }\n\n        \/* Two image layout *\/\n        .double-images {\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n            flex: 0 0 320px;\n            width: 320px;\n        }\n\n        .double-images img {\n            width: 100%;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n        }\n\n        \/* Evenly spaced double images for better visual balance *\/\n        .double-images-spaced {\n            display: flex;\n            flex-direction: column;\n            gap: 3rem;\n            flex: 0 0 340px;\n            width: 340px;\n            justify-content: space-evenly;\n            align-items: center;\n            height: 100%;\n            min-height: 600px;\n        }\n\n        .double-images-spaced img {\n            width: 100%;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n            flex: 0 0 auto;\n            max-height: 280px;\n            object-fit: cover;\n        }\n\n        \/* Single centered image *\/\n        .centered-image {\n            text-align: center;\n            margin: 3rem 0;\n        }\n\n        .centered-image img {\n            max-width: 100%;\n            width: auto;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n        }\n\n        \/* Center images - better desktop integration *\/\n        .center-image {\n            text-align: center;\n            margin: 2rem 0;\n        }\n\n        .center-image img {\n            max-width: 70%;\n            height: auto;\n            border-radius: 12px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n        }\n\n        \/* Section Image - more integrated on desktop *\/\n        .section-image {\n            width: 100%;\n            max-width: 450px;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n            margin: 0 auto 3rem auto;\n            display: block;\n        }\n\n        \/* Lists *\/\n        .content-card ul {\n            list-style-type: disc;\n            padding-left: 2rem;\n            margin: 1.5rem 0 2rem 0;\n        }\n\n        .content-card ol {\n            list-style-type: decimal;\n            padding-left: 2rem;\n            margin: 1.5rem 0 2rem 0;\n        }\n\n        .content-card li {\n            font-size: 1.15rem;\n            color: #E3E3DC;\n            line-height: 1.7;\n            margin-bottom: 0.8rem;\n        }\n\n        \/* Links *\/\n        .content-card a {\n            color: #4CAF50;\n            text-decoration: underline;\n            transition: color 0.3s ease;\n            font-weight: 500;\n        }\n\n        .content-card a:hover {\n            color: #45a049;\n        }\n\n        \/* Highlight box *\/\n        .highlight-box {\n            background: linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05));\n            border-left: 5px solid #F4C542;\n            padding: 2rem;\n            margin: 3rem 0;\n            border-radius: 0 16px 16px 0;\n            box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n        }\n\n        \/* Divider *\/\n        .section-divider {\n            width: 100%;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #F4C542, transparent);\n            margin: 4rem 0;\n            border-radius: 2px;\n        }\n\n        \/* Theme Toggle Styles *\/\n        .theme-toggle {\n            text-align: center;\n            margin: 1.5rem 0 0.5rem 0;\n            padding-top: 0.5rem;\n        }\n\n        .theme-toggle button {\n            background: rgba(0,0,0,0.8);\n            border: 2px solid #4CAF50;\n            color: #4CAF50;\n            padding: clamp(12px, 2vw, 16px) clamp(20px, 4vw, 32px);\n            border-radius: 30px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(16px, 2.5vw, 20px);\n            font-weight: 600;\n            font-family: 'Montserrat', sans-serif;\n            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);\n        }\n\n        .theme-toggle button:hover {\n            background: rgba(76, 175, 80, 0.1);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);\n        }\n\n        \/* Scroll progress indicator *\/\n        .progress-bar {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 0%;\n            height: 4px;\n            background: linear-gradient(90deg, #F4C542, #4CAF50);\n            z-index: 1000;\n            transition: width 0.3s ease;\n        }\n\n        .section-break {\n            margin: 6rem auto;\n            position: relative;\n            height: 3px;\n            max-width: 500px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(156,175,136,0.1) 10%, \n                rgba(156,175,136,0.3) 25%, \n                rgba(156,175,136,0.6) 40%, \n                rgba(156,175,136,0.8) 50%, \n                rgba(156,175,136,0.6) 60%, \n                rgba(156,175,136,0.3) 75%, \n                rgba(156,175,136,0.1) 90%, \n                transparent 100%);\n            border-radius: 3px;\n        }\n\n        .section-break::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 100%;\n            height: 1px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(244,197,66,0.2) 20%, \n                rgba(244,197,66,0.4) 40%, \n                rgba(244,197,66,0.6) 50%, \n                rgba(244,197,66,0.4) 60%, \n                rgba(244,197,66,0.2) 80%, \n                transparent 100%);\n        }\n\n        \/* ============================================================================ *\/\n        \/* KEEP LEARNING SECTION - UPDATED TO MATCH READ AND LEARN PAGE *\/\n        \/* ============================================================================ *\/\n        .keep-learning-section {\n            background-color: #1d1d1d;\n            color: #fff;\n            padding: 2rem;\n            border-radius: 1rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n            margin: 6rem auto 3rem auto;\n            max-width: 800px;\n            transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease, background-color 0.3s ease, border-color 0.3s ease;\n            overflow: hidden;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .keep-learning-section.animate-in {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .keep-learning-section:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n        }\n\n        \/* Split Layout for Keep Learning Section *\/\n        .signup-split {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: center;\n        }\n\n        .signup-text h3 {\n            color: #F4C542;\n            font-size: clamp(18px, 4vw, 24px);\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n            text-align: left;\n            transition: color 0.3s ease;\n        }\n\n        .signup-text p {\n            color: #E3E3DC;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 1.5rem;\n            text-align: left;\n            transition: color 0.3s ease;\n        }\n\n        .signup-form-container {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .signup-form-container input {\n            width: 100%;\n            padding: 1rem 1.5rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            border-radius: 8px;\n            background: rgba(255,255,255,0.05);\n            color: #fff;\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            font-family: 'Montserrat', sans-serif;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n\n        .signup-form-container input:focus {\n            outline: none;\n            border-color: #4CAF50;\n        }\n\n        .signup-form-container input::placeholder {\n            color: rgba(255,255,255,0.6);\n        }\n\n        \/* FIXED: Placeholder styling for light theme - MORE SPECIFIC *\/\n        body.light-theme .signup-form-container input::placeholder,\n        html.light-theme .signup-form-container input::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n\n        .signup-form-container button {\n            width: 100%;\n            padding: 1rem;\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 8px;\n            color: #fff;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .signup-form-container button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n        }\n\n        .signup-form-container button:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .form-note {\n            color: #E3E3DC;\n            font-size: 0.9rem;\n            opacity: 0.8;\n            margin: 1.5rem 0 0 0;\n            text-align: center;\n            transition: color 0.3s ease;\n        }\n\n        \/* Benefits List Styling *\/\n        .benefits-list {\n            list-style: none !important;\n            padding: 0 !important;\n            margin: 1.5rem 0;\n            padding-left: 0 !important;\n        }\n\n        .benefits-list li {\n            color: #E3E3DC;\n            margin-bottom: 1rem;\n            font-size: 1rem;\n            line-height: 1.6;\n            padding-left: 0 !important;\n            list-style: none !important;\n            position: relative;\n            transition: color 0.3s ease;\n        }\n\n        .benefits-list li:last-child {\n            margin-bottom: 0;\n        }\n\n        .benefits-list li::before {\n            content: none !important;\n        }\n\n        \/* ============================================================================ *\/\n        \/* SECURE COMMENT SYSTEM STYLES *\/\n        \/* ============================================================================ *\/\n        .engagement-container {\n            background-color: #1d1d1d;\n            border: 1px solid rgba(156,175,136,0.3);\n            border-radius: 1.5rem;\n            padding: 3rem;\n            margin: 6rem auto;\n            max-width: 950px;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n            transition: background-color 0.3s ease, border-color 0.3s ease;\n        }\n        .engagement-split {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: flex-start;\n        }\n        .engagement-content {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            min-height: 400px;\n            position: relative;\n            top: 1rem;\n        }\n        .engagement-content h3 {\n            color: #F4C542;\n            font-size: 2rem;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n            transition: color 0.3s ease;\n        }\n        .engagement-content p {\n            color: #E3E3DC;\n            font-size: 1.1rem;\n            line-height: 1.7;\n            margin-bottom: 2rem;\n            transition: color 0.3s ease;\n        }\n        .engagement-features {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .engagement-features li {\n            color: #E3E3DC;\n            margin-bottom: 1.2rem;\n            font-size: 1.05rem;\n            line-height: 1.6;\n            padding-left: 0.5rem;\n            display: flex;\n            align-items: center;\n            gap: 0.8rem;\n            transition: color 0.3s ease;\n        }\n        .engagement-features li:last-child {\n            margin-bottom: 0;\n        }\n        .engagement-interaction {\n            background: transparent;\n            border: none;\n            border-radius: 0;\n            padding: 0;\n        }\n        .comment-form-v1 h4 {\n            color: #F4C542;\n            font-size: 1.6rem;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            text-align: center;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 p {\n            color: #fff;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 2.5rem;\n            font-weight: 400;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 ol {\n            color: #fff;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 2.5rem;\n            font-weight: 400;\n            padding-left: 1.5rem;\n            counter-reset: step-counter;\n        }\n        .comment-form-v1 ol li {\n            margin-bottom: 0.8rem;\n            list-style: none;\n            position: relative;\n            padding-left: 4rem;\n            color: #fff;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 ol li span {\n            position: absolute;\n            left: 0;\n            color: #F4C542;\n            font-weight: 600;\n            transition: color 0.3s ease;\n        }\n\n        \/* FIXED: Light theme styling for Step spans - MORE SPECIFIC *\/\n        body.light-theme .comment-form-v1 ol li span,\n        html.light-theme .comment-form-v1 ol li span {\n            color: #B8860B !important;\n            font-weight: 600 !important;\n        }\n\n        .form-group-v1 {\n            margin-bottom: 2rem;\n        }\n        .form-group-v1 input,\n        .form-group-v1 textarea {\n            width: 100%;\n            padding: 1rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 8px;\n            font-size: 1rem;\n            font-family: 'Montserrat', sans-serif;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        .form-group-v1 input:focus,\n        .form-group-v1 textarea:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        .form-group-v1 input::placeholder,\n        .form-group-v1 textarea::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        \/* FIXED: Main comment form placeholder styling for light theme *\/\n        body.light-theme .form-group-v1 input::placeholder,\n        html.light-theme .form-group-v1 input::placeholder,\n        body.light-theme .form-group-v1 textarea::placeholder,\n        html.light-theme .form-group-v1 textarea::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n        \n        \/* FIXED: Main comment form input text color in light theme *\/\n        body.light-theme .form-group-v1 input,\n        html.light-theme .form-group-v1 input,\n        body.light-theme .form-group-v1 textarea,\n        html.light-theme .form-group-v1 textarea {\n            color: #333333 !important;\n            background: rgba(255, 255, 255, 0.9) !important;\n            border: 1px solid rgba(184, 134, 11, 0.5) !important;\n        }\n        \n        .form-group-v1 textarea {\n            height: 100px;\n            resize: vertical;\n        }\n\n        \/* Username refresh button styles - UPDATED TO REMOVE BACKGROUND COLORS *\/\n        .username-container {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            width: 100%;\n        }\n\n        .username-display {\n            flex: 1;\n            width: auto;\n            padding: 1rem;\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 8px;\n            color: #fff;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n        }\n        \n        .username-display.authenticated {\n            background: transparent;\n            border: 1px solid #4CAF50;\n            color: #4CAF50;\n        }\n        .username-display.authenticated::after {\n            content: ' \u2713';\n            font-weight: bold;\n            margin-left: 0.5rem;\n        }\n\n        .username-refresh-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.3);\n            color: #F4C542;\n            padding: 1rem;\n            border-radius: 8px;\n            cursor: pointer;\n            font-size: 1.2rem;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 50px;\n            height: auto;\n        }\n\n        .username-refresh-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: rotate(180deg);\n        }\n\n        .username-refresh-btn:active {\n            transform: rotate(180deg) scale(0.95);\n        }\n\n        .username-refresh-btn:disabled {\n            opacity: 0.3;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .username-refresh-btn.spinning {\n            animation: spin 0.5s ease-in-out;\n        }\n\n        @keyframes spin {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }\n\n        \/* Inline reply form styles *\/\n        .inline-username-container {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            width: 100%;\n            margin-bottom: 0.8rem;\n        }\n\n        .inline-reply-username {\n            flex: 1;\n            width: auto;\n            padding: 0.8rem;\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 6px;\n            color: #fff;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.9rem;\n            transition: all 0.3s ease;\n        }\n\n        .inline-reply-username.authenticated {\n            background: transparent;\n            border: 1px solid #4CAF50;\n            color: #4CAF50;\n        }\n        \n        .inline-reply-username.authenticated::after {\n            content: ' \u2713';\n            font-weight: bold;\n            margin-left: 0.5rem;\n        }\n\n        .inline-username-refresh-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.3);\n            color: #F4C542;\n            padding: 0.8rem;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 40px;\n        }\n\n        .inline-username-refresh-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: rotate(180deg);\n        }\n\n        .submit-btn-v1 {\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 8px;\n            padding: 1.2rem 1.5rem;\n            color: #fff;\n            font-weight: 600;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            width: 100%;\n            margin-top: 1rem;\n        }\n        .submit-btn-v1:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n        }\n        .submit-btn-v1:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n        .status-message {\n            text-align: center;\n            padding: 1rem;\n            border-radius: 8px;\n            margin-top: 1rem;\n            font-weight: 600;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        .status-message.show {\n            opacity: 1;\n        }\n        .status-message.success {\n            background: rgba(76, 175, 80, 0.1);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            color: #4CAF50;\n        }\n        .status-message.error {\n            background: rgba(255, 107, 107, 0.1);\n            border: 1px solid rgba(255, 107, 107, 0.3);\n            color: #ff6b6b;\n        }\n        .comments-display {\n            margin-top: 2rem !important;\n            border-top: none !important;\n            padding-top: 2.5rem !important;\n            width: 100%;\n            box-sizing: border-box;\n        }\n        .sort-container {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            gap: 0.5rem !important;\n            margin-bottom: 2rem !important;\n            padding: 0 !important;\n        }\n        .sort-label {\n            color: #E3E3DC;\n            font-size: clamp(0.7rem, 1.8vw, 0.8rem) !important;\n            font-weight: 400 !important;\n            transition: color 0.3s ease;\n        }\n        .sort-dropdown {\n            background: rgba(0, 0, 0, 0.6);\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            color: #E3E3DC;\n            padding: 0.4rem 0.6rem !important;\n            border-radius: 4px !important;\n            font-size: clamp(0.65rem, 1.5vw, 0.75rem) !important;\n            font-family: 'Montserrat', sans-serif;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            outline: none;\n        }\n        .sort-dropdown:hover {\n            border-color: #4CAF50;\n            background: rgba(0, 0, 0, 0.8);\n        }\n        .sort-dropdown:focus {\n            border-color: #4CAF50;\n            box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);\n        }\n        .comments-header {\n            color: #4CAF50;\n            font-size: clamp(1.1rem, 3vw, 1.3rem);\n            margin-bottom: 2rem !important;\n            font-weight: 600;\n            text-align: center;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.5rem;\n            flex-wrap: wrap;\n            transition: color 0.3s ease;\n        }\n.comment-item {\n    background: rgba(0,0,0,0.4);\n    border-radius: 8px;\n    padding: 1.2rem;\n    margin-bottom: 1.5rem !important;\n    border-left: 3px solid #4CAF50;\n    width: auto;\n    max-width: 100%;\n    box-sizing: border-box;\n    transition: background-color 0.3s ease, border-color 0.3s ease;\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n    position: relative; \n        }\n        \n        .comment-container {\n            width: 100%;\n            max-width: 100%;\n            box-sizing: border-box;\n        }\n        .comment-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            margin-bottom: 1rem;\n            flex-wrap: wrap;\n            gap: 1rem;\n            min-height: 2rem;\n        }\n        .comment-author {\n            color: #F4C542;\n            font-weight: 600;\n            font-size: clamp(0.9rem, 2.5vw, 1rem);\n            transition: color 0.3s ease;\n        }\n        .comment-date {\n            color: #E3E3DC;\n            opacity: 0.7;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            transition: color 0.3s ease;\n        }\n        .comment-text {\n            color: #E3E3DC;\n            line-height: 1.5;\n            font-size: clamp(0.8rem, 2.2vw, 0.95rem);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            margin-bottom: 1rem;\n            transition: color 0.3s ease;\n        }\n        .comment-footer {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-top: 1rem;\n            padding-top: 0.8rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n            transition: border-color 0.3s ease;\n        }\n        .comment-actions {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n        .comment-like-btn,\n        .comment-dislike-btn,\n        .comment-reply-btn {\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.5);\n            color: #4CAF50;\n            padding: 0.4rem 0.8rem;\n            border-radius: 20px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            font-weight: 500;\n            display: flex;\n            align-items: center;\n            gap: 0.3rem;\n            min-width: 50px;\n            justify-content: center;\n            white-space: nowrap;\n            height: 32px;\n            box-sizing: border-box;\n        }\n        .comment-like-btn:hover,\n        .comment-reply-btn:hover {\n            background: rgba(76, 175, 80, 0.1);\n            border-color: #4CAF50;\n            transform: translateY(-1px);\n        }\n        .comment-like-btn.liked {\n            background: rgba(76, 175, 80, 0.2);\n            border-color: #4CAF50;\n            color: #4CAF50;\n        }\n        .comment-dislike-btn {\n            border-color: rgba(255, 107, 107, 0.5);\n            color: #ff6b6b;\n            margin-left: 0.2rem;\n        }\n        .comment-dislike-btn:hover {\n            background: rgba(255, 107, 107, 0.1);\n            border-color: #ff6b6b;\n            transform: translateY(-1px);\n        }\n        .comment-dislike-btn.disliked {\n            background: rgba(255, 107, 107, 0.2);\n            border-color: #ff6b6b;\n            color: #ff6b6b;\n        }\n        .comment-like-count {\n            color: #E3E3DC;\n            opacity: 0.7;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            font-weight: 500;\n            transition: color 0.3s ease;\n        }\n        .like-count, .dislike-count {\n            font-weight: 600;\n            margin-left: 0.2rem;\n        }\n        \n        \/* Reply indicator styles *\/\n        .reply-indicator {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            margin-bottom: 0.8rem;\n            padding: 0.4rem 0.8rem;\n            background: rgba(76, 175, 80, 0.08);\n            border: 1px solid rgba(76, 175, 80, 0.2);\n            border-radius: 12px;\n            font-size: 0.85rem;\n            color: #4CAF50;\n            transition: all 0.3s ease;\n        }\n        \n        .reply-icon {\n            font-size: 1rem;\n            font-weight: bold;\n            color: #4CAF50;\n            opacity: 0.8;\n        }\n        \n        .reply-text {\n            color: #E3E3DC;\n            font-size: 0.8rem;\n            opacity: 0.9;\n        }\n        \n        .reply-text strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n        \n        \/* Read More Button Styles *\/\n        .read-more-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.5);\n            color: #F4C542;\n            padding: 0.3rem 0.8rem;\n            border-radius: 15px;\n            cursor: pointer;\n            font-size: 0.8rem;\n            font-weight: 500;\n            margin-top: 0.5rem;\n            margin-bottom: 0.5rem;\n            transition: all 0.3s ease;\n            display: inline-block;\n        }\n        \n        .read-more-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: translateY(-1px);\n        }\n        \n        .read-more-btn.expanded {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n        }\n        \n        \/* Thread connection line for visual hierarchy *\/\n        .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n            content: '';\n            position: absolute;\n            left: -6px;\n            top: -8px;\n            bottom: 50%;\n            width: 2px;\n            background: linear-gradient(to bottom, \n                rgba(76, 175, 80, 0.4) 0%, \n                rgba(76, 175, 80, 0.2) 50%, \n                transparent 100%);\n            border-radius: 1px;\n        }\n        #cancelReplyBtn {\n            background: transparent !important;\n            border: 1px solid #ff6b6b !important;\n            color: #ff6b6b !important;\n            padding: 0.6rem 1rem !important;\n            border-radius: 6px !important;\n            cursor: pointer !important;\n            font-size: 0.9rem !important;\n            margin-left: 1rem !important;\n            transition: all 0.3s ease !important;\n            font-family: 'Montserrat', sans-serif !important;\n        }\n        #cancelReplyBtn:hover {\n            background: rgba(255, 107, 107, 0.1) !important;\n            transform: translateY(-1px) !important;\n        }\n        .no-comments-message {\n            text-align: center;\n            color: #E3E3DC;\n            opacity: 0.7;\n            padding: 2rem;\n            font-style: italic;\n            transition: all 0.3s ease;\n        }\n\n        \/* Inline reply system styles *\/\n        .inline-reply-form {\n            background: rgba(76, 175, 80, 0.05);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 8px;\n            padding: 1.5rem;\n            margin-top: 1rem;\n            margin-bottom: 1rem;\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-form.show {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .inline-reply-form h5 {\n            color: #F4C542;\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            font-weight: 600;\n        }\n        \n        .inline-reply-email {\n            width: 100%;\n            padding: 0.8rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 6px;\n            font-size: 0.9rem;\n            font-family: 'Montserrat', sans-serif;\n            margin-bottom: 0.8rem;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-email:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        \n        .inline-reply-email::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        \/* FIXED: Inline reply form placeholder styling for light theme *\/\n        body.light-theme .inline-reply-email::placeholder,\n        html.light-theme .inline-reply-email::placeholder,\n        body.light-theme .inline-reply-textarea::placeholder,\n        html.light-theme .inline-reply-textarea::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n        \n        \/* FIXED: Username display text visibility in light theme *\/\n        body.light-theme .username-display:not(.authenticated),\n        html.light-theme .username-display:not(.authenticated) {\n            color: #333333 !important;\n        }\n        \n        body.light-theme .username-display.authenticated,\n        html.light-theme .username-display.authenticated {\n            color: #B8860B !important;\n        }\n        \n        \/* FIXED: Inline reply username display visibility in light theme *\/\n        body.light-theme .inline-reply-username:not(.authenticated),\n        html.light-theme .inline-reply-username:not(.authenticated) {\n            color: #333333 !important;\n        }\n        \n        body.light-theme .inline-reply-username.authenticated,\n        html.light-theme .inline-reply-username.authenticated {\n            color: #B8860B !important;\n        }\n        \n        .inline-reply-textarea {\n            width: 100%;\n            padding: 0.8rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 6px;\n            font-size: 0.9rem;\n            font-family: 'Montserrat', sans-serif;\n            height: 80px;\n            resize: vertical;\n            margin-bottom: 1rem;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-textarea:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        \n        .inline-reply-textarea::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        .inline-reply-actions {\n            display: flex;\n            gap: 1rem;\n            align-items: center;\n            flex-wrap: wrap;\n        }\n        \n        .inline-reply-submit {\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 6px;\n            padding: 0.8rem 1.2rem;\n            color: #fff;\n            font-weight: 600;\n            font-size: 0.9rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            flex: 1;\n            min-width: 100px;\n        }\n        \n        .inline-reply-submit:hover {\n            transform: translateY(-1px);\n            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);\n        }\n        \n        .inline-reply-submit:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n        \n        .inline-reply-cancel {\n            background: transparent;\n            border: 1px solid #ff6b6b;\n            color: #ff6b6b;\n            padding: 0.8rem 1.2rem;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            font-weight: 500;\n            transition: all 0.3s ease;\n            flex: 0 0 auto;\n        }\n        \n        .inline-reply-cancel:hover {\n            background: rgba(255, 107, 107, 0.1);\n            transform: translateY(-1px);\n        }\n        \n        .inline-reply-status {\n            width: 100%;\n            text-align: center;\n            padding: 0.8rem;\n            border-radius: 6px;\n            margin-top: 1rem;\n            font-weight: 600;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        \n        .inline-reply-status.show {\n            opacity: 1;\n        }\n        \n        .inline-reply-status.success {\n            background: rgba(76, 175, 80, 0.1);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            color: #4CAF50;\n        }\n        \n        .inline-reply-status.error {\n            background: rgba(255, 107, 107, 0.1);\n            border: 1px solid rgba(255, 107, 107, 0.3);\n            color: #ff6b6b;\n        }\n\n        \/* ============================================================================ *\/\n        \/* LIGHT THEME STYLES FOR DYNAMICALLY CREATED COMMENTS *\/\n        \/* ============================================================================ *\/\n        \n        \/* Light theme styles for dynamically created comments *\/\n        body.light-theme .comment-item,\n        html.light-theme .comment-item {\n            background: rgba(0,0,0,0.05) !important;\n            border-left: 3px solid #B8860B !important;\n        }\n\n        body.light-theme .comment-text,\n        html.light-theme .comment-text {\n            color: #333333 !important;\n        }\n\n        body.light-theme .comment-author,\n        html.light-theme .comment-author {\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-date,\n        html.light-theme .comment-date {\n            color: #666666 !important;\n        }\n\n        body.light-theme .comment-footer,\n        html.light-theme .comment-footer {\n            border-top: 1px solid rgba(0, 0, 0, 0.1) !important;\n        }\n\n        body.light-theme .comment-like-count,\n        html.light-theme .comment-like-count {\n            color: #666666 !important;\n        }\n\n        body.light-theme .comments-header,\n        html.light-theme .comments-header {\n            color: #B8860B !important;\n        }\n\n        body.light-theme .no-comments-message,\n        html.light-theme .no-comments-message {\n            color: #666666 !important;\n        }\n\n        \/* Light theme styles for reply indicators in dynamically created comments *\/\n        body.light-theme .reply-text,\n        html.light-theme .reply-text {\n            color: #666666 !important;\n        }\n\n        body.light-theme .reply-text strong,\n        html.light-theme .reply-text strong {\n            color: #B8860B !important;\n        }\n\n        \/* Light theme styles for comment action buttons *\/\n        body.light-theme .comment-like-btn,\n        html.light-theme .comment-like-btn,\n        body.light-theme .comment-dislike-btn,\n        html.light-theme .comment-dislike-btn,\n        body.light-theme .comment-reply-btn,\n        html.light-theme .comment-reply-btn {\n            border-color: rgba(184, 134, 11, 0.5) !important;\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-like-btn:hover,\n        html.light-theme .comment-like-btn:hover,\n        body.light-theme .comment-reply-btn:hover,\n        html.light-theme .comment-reply-btn:hover {\n            background: rgba(184, 134, 11, 0.1) !important;\n            border-color: #B8860B !important;\n        }\n\n        body.light-theme .comment-like-btn.liked,\n        html.light-theme .comment-like-btn.liked {\n            background: rgba(184, 134, 11, 0.2) !important;\n            border-color: #B8860B !important;\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-dislike-btn,\n        html.light-theme .comment-dislike-btn {\n            border-color: rgba(204, 85, 85, 0.5) !important;\n            color: #cc5555 !important;\n        }\n\n        body.light-theme .comment-dislike-btn:hover,\n        html.light-theme .comment-dislike-btn:hover {\n            background: rgba(204, 85, 85, 0.1) !important;\n            border-color: #cc5555 !important;\n        }\n\n        body.light-theme .comment-dislike-btn.disliked,\n        html.light-theme .comment-dislike-btn.disliked {\n            background: rgba(204, 85, 85, 0.2) !important;\n            border-color: #cc5555 !important;\n            color: #cc5555 !important;\n        }\n\n        \/* Mobile images for repositioned content *\/\n        .mobile-image-after-text {\n            display: none;\n        }\n\n        .hide-on-mobile {\n            display: block;\n        }\n\n        \/* CTA Button Styles *\/\n        .cta-button {\n            display: inline-block;\n            background: linear-gradient(135deg, #F4C542, #E6B82E);\n            color: #000;\n            padding: 1rem 3rem;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.2rem;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(244, 197, 66, 0.3);\n            border: none;\n            cursor: pointer;\n        }\n\n        .cta-button:hover {\n            transform: translateY(-3px) !important;\n            box-shadow: 0 6px 20px rgba(244, 197, 66, 0.4) !important;\n            background: linear-gradient(135deg, #E6B82E, #D4A726) !important;\n        }\n\n        \/* CTA Section Styles *\/\n        .cta-section {\n            text-align: center;\n            margin: 4rem auto;\n            max-width: 950px;\n            padding: 2rem;\n        }\n\n        \/* Enhanced Typography *\/\n        .content-text strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n\n        \/* Better desktop image sizing for large screens *\/\n        @media (min-width: 1200px) {\n            .center-image img {\n                max-width: 60%;\n            }\n            \n            .section-image {\n                max-width: 400px;\n            }\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .tbos-container {\n                padding: 0 1rem;\n            }\n\n            .content-card {\n                padding: 1.5rem;\n                margin: 2rem auto;\n            }\n\n            .media-card {\n                padding: 1.5rem;\n                margin: 2rem auto;\n            }\n\n            .keep-learning-section {\n                padding: 1.5rem;\n                margin: 2rem auto;\n                position: relative;\n                z-index: 1;\n            }\n\n            .signup-split {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n                text-align: center;\n            }\n\n            .signup-text h3,\n            .signup-text p {\n                text-align: center;\n            }\n\n            .signup-form-container {\n                position: relative;\n                z-index: 2;\n            }\n\n            .signup-form-container input {\n                width: 100%;\n                position: relative;\n                z-index: 3;\n            }\n\n            .signup-form-container button {\n                width: 100%;\n                position: relative;\n                z-index: 3;\n                margin-bottom: 0.5rem;\n            }\n\n            .form-note {\n                margin-top: 1rem;\n                position: relative;\n                z-index: 4;\n                clear: both;\n                display: block;\n                width: 100%;\n                padding-top: 0.5rem;\n            }\n\n            #formMessage {\n                position: relative;\n                z-index: 5;\n                clear: both;\n                margin-top: 1.5rem;\n                display: block;\n                width: 100%;\n                box-sizing: border-box;\n                padding: 1rem;\n                text-align: center;\n                font-weight: 600;\n            }\n\n            .engagement-split {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n            }\n            \n            .engagement-container {\n                padding: 2rem 1.5rem;\n            }\n            .engagement-content {\n                text-align: center;\n                min-height: auto;\n                position: static;\n                margin-bottom: 1rem;\n            }\n\n            .split-content {\n                flex-direction: column;\n                gap: 2rem;\n            }\n\n            .split-content img {\n                flex: none;\n                width: 100%;\n                max-width: 100%;\n            }\n\n            .double-images,\n            .double-images-spaced {\n                flex: none;\n                width: 100%;\n                max-width: 100%;\n            }\n\n            \/* Mobile-specific image positioning *\/\n            .mobile-image-after-text {\n                display: block !important;\n                width: 100%;\n                max-width: 100%;\n                border-radius: 16px;\n                box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n                margin: 2rem 0;\n            }\n\n            \/* Hide desktop images on mobile for repositioned content *\/\n            .hide-on-mobile {\n                display: none !important;\n            }\n\n            \/* Remove extra spacing from Mexican Revolution image on mobile *\/\n            .double-images-spaced img[alt=\"Mexican Revolution Cannabis\"] {\n                margin: 0 !important;\n                padding: 0 !important;\n            }\n\n            \/* Adjust the double-images-spaced container on mobile to remove extra space *\/\n            .double-images-spaced {\n                min-height: auto !important;\n                gap: 0 !important;\n                justify-content: flex-start !important;\n                padding: 0 !important;\n                margin: 0 !important;\n            }\n\n            .content-break {\n                height: 4rem;\n            }\n\n            .media-section {\n                margin: 6rem auto 4rem auto;\n            }\n\n            .content-section {\n                margin: 4rem auto;\n            }\n\n            .title-section {\n                margin-bottom: 6rem;\n                padding-bottom: 3rem;\n                min-height: auto;\n            }\n\n            .nav-hint {\n                margin: 3rem auto;\n                padding: 1.5rem;\n                font-size: 1rem;\n                line-height: 1.4;\n            }\n\n            .theme-toggle {\n                margin: 3rem 0 1rem 0;\n                padding-top: 1rem;\n            }\n\n            .center-image img {\n                max-width: 100% !important;\n            }\n\n            .section-image {\n                max-width: 100% !important;\n            }\n\n            .center-image {\n                margin: 2rem 0 !important;\n                text-align: center !important;\n                clear: both !important;\n                width: 100% !important;\n                overflow: visible !important;\n            }\n\n            .center-image p {\n                margin-top: 1rem !important;\n                font-size: 0.9rem !important;\n                line-height: 1.4 !important;\n                padding: 0 1rem !important;\n                word-wrap: break-word !important;\n                overflow-wrap: break-word !important;\n                clear: both !important;\n                display: block !important;\n                width: 100% !important;\n                text-align: center !important;\n            }\n\n            .article-page .tbos-container .title-section .article-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n                margin-bottom: 2rem !important;\n            }\n\n            .article-page .tbos-container .title-section .article-subtitle {\n                font-size: clamp(1rem, 4vw, 1.3rem) !important;\n                line-height: 1.4 !important;\n                margin-bottom: 3rem !important;\n            }\n\n            .content-section-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n            }\n\n            .content-section .content-section-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n                max-width: 100% !important;\n                margin: 0 auto 4rem auto !important;\n            }\n\n            .media-section-title {\n                font-size: clamp(1.8rem, 6vw, 2.5rem) !important;\n                line-height: 1.2 !important;\n            }\n\n            .media-card h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.3 !important;\n                margin-bottom: 1.5rem !important;\n            }\n\n            .media-card p {\n                font-size: clamp(0.9rem, 3vw, 1.1rem) !important;\n                line-height: 1.4 !important;\n                margin-bottom: 1.5rem !important;\n                word-break: break-word !important;\n                overflow-wrap: break-word !important;\n            }\n\n            .content-card h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.3 !important;\n            }\n\n            .content-card h4 {\n                font-size: clamp(1.3rem, 4vw, 1.6rem) !important;\n                line-height: 1.3 !important;\n            }\n\n            .content-card a {\n                word-break: break-all;\n                overflow-wrap: break-word;\n                hyphens: auto;\n                line-height: 1.6;\n            }\n\n            .content-card .content-text {\n                font-size: 0.9rem !important;\n                line-height: 1.5 !important;\n                word-break: break-word;\n                overflow-wrap: break-word;\n            }\n\n            .cta-button {\n                padding: 0.8rem 2rem !important;\n                font-size: 1rem !important;\n                border-radius: 40px !important;\n            }\n\n            .keep-learning-section h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.2 !important;\n                margin-bottom: 1.5rem !important;\n                display: block !important;\n                width: 100% !important;\n                text-align: center !important;\n                white-space: normal !important;\n                word-wrap: break-word !important;\n            }\n\n            .keep-learning-section p {\n                font-size: 1rem !important;\n            }\n\n            .comment-header {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            .comment-footer {\n                flex-direction: column;\n                gap: 0.8rem;\n                align-items: flex-start;\n            }\n            .comment-actions {\n                align-self: flex-start;\n            }\n            .sort-container {\n                justify-content: center !important;\n                gap: 0.5rem;\n                margin-bottom: 1.5rem !important;\n            }\n            .sort-dropdown {\n                padding: 0.4rem 0.6rem;\n                font-size: 0.8rem;\n            }\n            \n            .comment-item {\n                padding: 1.2rem 1rem;\n                margin-bottom: 1.2rem !important;\n            }\n            \n            .comment-text {\n                font-size: 0.9rem;\n                line-height: 1.5;\n            }\n            \n            .comment-like-btn,\n            .comment-dislike-btn,\n            .comment-reply-btn {\n                padding: 0.5rem 0.7rem;\n                font-size: 0.8rem;\n                min-width: 45px;\n            }\n            \n            .inline-reply-actions {\n                flex-direction: column;\n                gap: 0.8rem;\n            }\n            \n            .inline-reply-submit,\n            .inline-reply-cancel {\n                width: 100%;\n                text-align: center;\n            }\n            \n            .inline-reply-form {\n                padding: 1.2rem 1rem;\n                margin: 1rem 0;\n            }\n            \n            .reply-indicator {\n                padding: 0.35rem 0.7rem;\n                margin-bottom: 0.7rem;\n                font-size: 0.8rem;\n            }\n            \n            .reply-icon {\n                font-size: 0.95rem;\n            }\n            \n            .reply-text {\n                font-size: 0.75rem;\n            }\n\n            .username-container {\n                gap: 0.3rem;\n            }\n            \n            .username-refresh-btn {\n                min-width: 45px;\n                padding: 0.8rem;\n                font-size: 1.1rem;\n            }\n        }\n\n        @media (min-width: 769px) and (max-width: 1024px) {\n            .comment-item {\n                padding: 1.3rem 1.2rem;\n            }\n            \n            .comment-text {\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n            \n            .comment-like-btn,\n            .comment-dislike-btn,\n            .comment-reply-btn {\n                padding: 0.6rem 0.9rem;\n                font-size: 0.85rem;\n            }\n            \n            .inline-reply-form {\n                padding: 1.3rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .keep-learning-section {\n                margin: 3rem auto;\n                padding: 2rem 1rem;\n            }\n\n            .form-note {\n                margin-top: 1.5rem !important;\n                padding-top: 0.75rem !important;\n            }\n\n            #formMessage {\n                margin-top: 2rem !important;\n                padding: 1rem !important;\n                clear: both !important;\n                display: block !important;\n                width: 100% !important;\n                box-sizing: border-box !important;\n            }\n\n            .engagement-container {\n                padding: 2rem 1rem;\n                margin: 3rem auto;\n            }\n            .comment-item {\n                margin-bottom: 2rem !important;\n                padding: 1.5rem 1rem;\n                font-size: 0.9rem;\n            }\n            .comment-author {\n                font-size: 1rem;\n                margin-bottom: 0.3rem;\n                font-weight: 600;\n            }\n            .comment-date {\n                font-size: 0.8rem;\n                margin-bottom: 1rem;\n                opacity: 0.8;\n            }\n            .comment-header {\n                margin-bottom: 1.5rem;\n                gap: 0.8rem;\n            }\n            .comment-text {\n                font-size: 0.9rem;\n                line-height: 1.6;\n                margin-bottom: 1.2rem;\n                margin-top: 0.5rem;\n                padding-top: 0.5rem;\n            }\n            .comment-footer {\n                margin-top: 1.2rem;\n                gap: 1rem;\n            }\n            .comment-actions {\n                gap: 0.6rem;\n            }\n            .comment-like-btn,\n            .comment-reply-btn,\n            .comment-dislike-btn {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.8rem;\n                min-width: 40px;\n            }\n            .sort-container {\n                margin-bottom: 2rem !important;\n                padding: 0 1rem;\n                gap: 0.8rem;\n            }\n            .sort-label {\n                font-size: 0.85rem;\n            }\n            .sort-dropdown {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.85rem;\n            }\n            .comments-header {\n                margin-bottom: 2rem !important;\n                font-size: 1.2rem;\n                padding: 0 1rem;\n                line-height: 1.3;\n            }\n            \n            .comment-item[style*=\"paddingLeft\"] {\n                padding-left: 0.5rem !important;\n                margin-left: 0 !important;\n            }\n            \n            .reply-indicator {\n                padding: 0.3rem 0.6rem !important;\n                margin-bottom: 0.6rem !important;\n                font-size: 0.75rem !important;\n                border-radius: 8px !important;\n            }\n            \n            .reply-icon {\n                font-size: 0.9rem !important;\n            }\n            \n            .reply-text {\n                font-size: 0.7rem !important;\n            }\n            \n            .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n                left: -1px !important;\n                width: 1px !important;\n            }\n            \n            .inline-reply-form {\n                padding: 1rem 0.8rem;\n                margin: 0.8rem 0;\n            }\n            \n            .inline-reply-form h5 {\n                font-size: 0.85rem;\n                margin-bottom: 0.6rem;\n            }\n            \n            .inline-reply-email,\n            .inline-reply-textarea {\n                padding: 0.6rem;\n                font-size: 0.8rem;\n                margin-bottom: 0.6rem;\n            }\n            \n            .inline-reply-textarea {\n                height: 60px;\n            }\n            \n            .inline-reply-submit,\n            .inline-reply-cancel {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.8rem;\n            }\n\n            .username-refresh-btn {\n                min-width: 40px;\n                padding: 0.8rem 0.6rem;\n                font-size: 1rem;\n            }\n\n            .inline-username-refresh-btn {\n                min-width: 35px;\n                padding: 0.6rem;\n                font-size: 0.9rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body class=\"dark-theme\">\n    <!-- Progress bar -->\n    <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n    <!-- Audio Elements (Hidden) -->\n    <div style=\"display: none;\">\n        <audio id=\"nightTimeAudio\" preload=\"auto\">\n            <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nighttime-Bird.mp3\" type=\"audio\/mpeg\">\n        <\/audio>\n        \n        <audio id=\"dayTimeAudio\" preload=\"auto\">\n            <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Daytime-Bird-.mp3\" type=\"audio\/mpeg\">\n        <\/audio>\n    <\/div>\n\n    <section class=\"article-page\">\n        <div class=\"tbos-container\">\n            <!-- Title Section -->\n            <div class=\"title-section\">\n                <h1 class=\"article-title\">Historie konop\u00ed na Zemi \ud83c\udf0d<\/h1>\n                <p class=\"article-subtitle\">Od starov\u011bk\u00fdch ritu\u00e1l\u016f po modern\u00ed legalizaci, prozkoumej 5 000 let lidsk\u00e9ho u\u017e\u00edv\u00e1n\u00ed cannabisu<\/p>\n                \n                <!-- Theme Toggle -->\n                <div class=\"theme-toggle\">\n                    <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Media Section -->\n            <div class=\"media-section\">\n                <!-- Video Section -->\n                    <div class=\"media-card animate-in\" id=\"video-content\">\n                    <h3>\ud83c\udfac Pod\u00edvej se na kompletn\u00ed rozbor<\/h3>\n                    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Poznej kompletn\u00ed vizu\u00e1ln\u00ed cestu histori\u00ed konop\u00ed<\/p>\n  <!-- Responsive Video Container -->\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: visible; max-width: 1000px; width: 100% !important; margin: 0 auto 1.5rem auto; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.3);\">\n    <iframe id=\"tbos-video\" \n        style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 16px;\"\n        src=\"https:\/\/www.youtube.com\/embed\/uFSY0XWHSgc\" \n        data-en=\"uFSY0XWHSgc\"\n        data-ga=\"Pgc9o0WwVho\"\n        data-es=\"pjHs00fxSSw\"\n        data-de=\"0jFJOuEolUo\"\n        data-pt=\"8lYVAJ2YYcg\"\n        data-fr=\"hsVJChvP4Ng\"\n        data-it=\"J37_48XNyVo\"\n        data-pl=\"9fJRQGX1Jt8\"\n        title=\"P\u0159ehr\u00e1va\u010d videa YouTube\" \n        frameborder=\"0\" \n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n        referrerpolicy=\"strict-origin-when-cross-origin\" \n        allowfullscreen>\n    <\/iframe>\n<\/div>\n\n<script>\n(function() {\n    const videoFrame = document.getElementById('tbos-video');\n    if (!videoFrame) return;\n    \n    const currentLang = document.documentElement.lang || 'en';\n    \n    let langCode = 'en';\n    if (currentLang.includes('ga')) langCode = 'ga';\n    else if (currentLang.includes('es')) langCode = 'es';\n    else if (currentLang.includes('de')) langCode = 'de';\n    else if (currentLang.includes('pt')) langCode = 'pt';\n    else if (currentLang.includes('fr')) langCode = 'fr';\n    else if (currentLang.includes('it')) langCode = 'it';\n    else if (currentLang.includes('pl')) langCode = 'pl';\n    \n    const videoId = videoFrame.dataset[langCode];\n    if (videoId) {\n        videoFrame.src = 'https:\/\/www.youtube.com\/embed\/' + videoId;\n    }\n})();\n<\/script>\n                <\/div>\n\n                <!-- Content Break -->\n                <div class=\"content-break\"><\/div>\n\n                <!-- Audio Section - PERFECTLY CENTERED between gold lines -->\n<div class=\"media-card animate-in\" id=\"spotify-audio\" style=\"margin: 4rem auto 3rem auto;\">\n                    <h3>\ud83c\udfa7 Poslouchej na cest\u00e1ch<\/h3>\n                    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Perfektn\u00ed na cestu do pr\u00e1ce nebo tr\u00e9nink \u2014 pouze audio verze<\/p>\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/5ZhXjUZXemodGGr4zZQuXC?utm_source=generator\" width=\"100%\" height=\"352\" frameborder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n                <\/div>\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Navigation Hint -->\n            <div class=\"nav-hint\">\n                \u2193 Rad\u011bji \u010dte\u0161? Pono\u0159te se do kompletn\u00edho p\u00edsemn\u00e9ho rozboru n\u00ed\u017ee \u2193\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Written Content Section -->\n            <div class=\"content-section\" id=\"written-content\">\n                <h2 class=\"content-section-title\">Historie konop\u00ed na Zemi \ud83c\udf0d<\/h2>\n\n                <!-- Introduction -->\n                <div class=\"content-card\">\n                    <h3>Cesta Za\u010d\u00edn\u00e1<\/h3>\n                    <p class=\"content-text\">Poj\u010fme na cestu \u010dasem. Od starov\u011bk\u00fdch ritu\u00e1l\u016f po modern\u00ed debaty, konop\u00ed je sou\u010d\u00e1st\u00ed lidsk\u00e9 historie u\u017e tis\u00edce let. Tato cesta ti d\u00e1 nahl\u00e9dnout, jak lid\u00e9 interagovali s rostlinou konop\u00ed v pr\u016fb\u011bhu d\u011bjin.<\/p>\n                    <p class=\"content-text\">P\u0159ipraven? Poj\u010fme na to.<\/p>\n                <\/div>\n\n                <!-- Origins Section -->\n                <div class=\"content-card\">\n                    <h3>Kde to v\u0161echno za\u010dalo \u2014 P\u016fvod konop\u00ed<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\" alt=\"Cannabis Origin Map\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">Kdy se tedy konop\u00ed poprv\u00e9 objevilo na zemi a stalo se vlastn\u00ed rostlinou? P\u0159ibli\u017en\u011b p\u0159ed <strong>28 miliony let<\/strong>, v oblastech st\u0159edn\u00ed Asie a z\u00e1padn\u00ed \u010c\u00edny. To bylo, kdy\u017e se odd\u011blilo od sv\u00e9ho p\u0159edka a za\u010dalo se vyv\u00edjet v konop\u00ed, kter\u00e9 zn\u00e1me dnes.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Cannabis and Hops evolution image formatted like other images -->\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-25-2025-03_56_00-PM.png\" alt=\"Cannabis and Hops Plant Evolution\" class=\"hide-on-mobile\">\n                        <div class=\"text-content\">\n                            <div class=\"highlight-box\">\n                                <p class=\"content-text\">A tady je ta z\u00e1bavn\u00e1 fakta, h\u00e1dej kdo dal\u0161\u00ed poch\u00e1z\u00ed z t\u00e9ho\u017e p\u0159edka? Humulus lupulus.<\/p>\n                    <p class=\"content-text\">Pravd\u011bpodobn\u011b sed\u00ed\u0161 a \u0159\u00edk\u00e1\u0161 si, Humulu co te\u010f?<\/p>\n                    <p class=\"content-text translation-block\">No, Humulus lupulus je v\u011bdeck\u00fd n\u00e1zev pro <strong>Chmel<\/strong>. Tedy kl\u00ed\u010dovou ingredienci tv\u00e9ho obl\u00edben\u00e9ho piva.<\/p>\n                    <p class=\"content-text\"> Konop\u00ed a chmel jsou doslova botani\u010dt\u00ed bratranci. P\u0159\u00edm\u00ed bratranci. Takov\u00ed bratranci, kte\u0159\u00ed oba dostanou pozv\u00e1nku na stejnou rodinnou svatbu.<\/p>\n                                \n                                <p class=\"content-text\">M\u016f\u017eeme p\u0159estat se sna\u017eit rozb\u00edt rodinu pros\u00edm?<\/p>\n                            <\/div>\n                            \n                            <!-- Mobile-only image placement -->\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-25-2025-03_56_00-PM.png\" alt=\"Cannabis and Hops Plant Evolution\" class=\"mobile-image-after-text\" style=\"display: none;\">\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"content-text translation-block\">o v\u00edme jist\u011b, je to, \u017ee nejstar\u0161\u00ed zaznamenan\u00e9 pou\u017eit\u00ed konop\u00ed se datuje do roku <strong>2800 p\u0159. n. l.<\/strong>, d\u00edky \u010d\u00ednsk\u00e9mu c\u00edsa\u0159i Shen Nungovi. Shen, zn\u00e1m\u00fd jako otec \u010d\u00ednsk\u00e9 medic\u00edny, zdokumentoval konop\u00ed ve sv\u00e9 l\u00e9kopis\u011b kv\u016fli jeho terapeutick\u00fdm vlastnostem.<\/p>\n                    <p class=\"content-text translation-block\">Te\u010f se poj\u010fme pono\u0159it do <strong>zdokumentovan\u00e9<\/strong> lidsk\u00e9 historie konop\u00ed.<\/p>\n                <\/div>\n\n                <!-- Ancient History Section -->\n                <div class=\"content-card\">\n                    <h3>Starov\u011bk\u00e1 Historie \u2014 Po\u010d\u00e1tky Zdokumentovan\u00e9ho Konop\u00ed<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_An_ancient_scroll-style_depiction_of_Emperor_Shen_33b2a279-72a3-4292-b4da-009879f0617b_3.png\" alt=\"Shen Nung Scroll\">\n                        <div class=\"text-content\">\n                            <h4>2800 BC \u2013 Shen Nung's First Recording<\/h4>\n                            <p class=\"content-text translation-block\">To bylo p\u0159ed <strong>4825 lety<\/strong>. Asi 175 generac\u00ed zp\u011bt. Pozdrav na\u0161\u00ed rodinn\u00e9 linii tehdy. Zaj\u00edmalo by m\u011b, co na\u0161i p\u0159edci d\u011blali v t\u00e9 dob\u011b. Je docela cool pomyslet na to, \u017ee a\u0165 byli kdokoli, d\u00edvali se na stejn\u00e9 hv\u011bzdy jako my.<\/p>\n                            <p class=\"content-text\">Shennong poprv\u00e9 zdokumentoval pou\u017eit\u00ed konop\u00ed z terapeutick\u00fdch d\u016fvod\u016f p\u0159ibli\u017en\u011b v t\u00e9to dob\u011b. \u010c\u00ed\u0148an\u016fm lze p\u0159ipsat nejstar\u0161\u00ed z\u00e1znamy o pou\u017e\u00edv\u00e1n\u00ed konop\u00ed, zejm\u00e9na v jejich z\u00e1padn\u00edch oblastech.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/u2164862372_a_healer_or_temple_scribe_recording_medicinal_can_54bc767c-80e7-47c0-a7fe-0f369ea1f172_2.png\" alt=\"Egyptian Cannabis Medicine\">\n                        <div class=\"text-content\">\n                            <h4>1500 p\u0159. n. l. \u2013 Egyptsk\u00e9 a asyrsk\u00e9 pou\u017eit\u00ed<\/h4>\n                            <p class=\"content-text translation-block\">P\u0159esko\u010dme k p\u0159ibli\u017en\u011b roku <strong>1500 p\u0159. n. l.<\/strong> a vid\u00edme, jak Egyp\u0165an\u00e9 dokumentuj\u00ed pou\u017eit\u00ed konop\u00ed k l\u00e9\u010db\u011b z\u00e1n\u011btu. Mezit\u00edm Asy\u0159an\u00e9 zaznamenali jeho l\u00e9\u010div\u00e9 pou\u017eit\u00ed na hlin\u011bn\u00fdch tabulk\u00e1ch.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/mythology-festivals-gods-43.jpg\" alt=\"Cannabis India and Egypt\">\n                        <div class=\"text-content\">\n                            <h4>1500.01 p\u0159. n. l. \u2013 Konop\u00ed ve starov\u011bk\u00e9 Indii<\/h4>\n                            <p class=\"content-text translation-block\">Ve starov\u011bk\u00e9 Indii bylo konop\u00ed pova\u017eov\u00e1no za jednu z <strong>p\u011bti posv\u00e1tn\u00fdch rostlin<\/strong>. N\u00e1poj Bhang (ml\u00e9\u010dn\u00fd n\u00e1poj s konop\u00edm) se pou\u017e\u00edv\u00e1 po stalet\u00ed v Indii k l\u00e9\u010db\u011b r\u016fzn\u00fdch nemoc\u00ed a konzumuje se dodnes.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_An_atmospheric_illustration_of_Scythian_tribespeo_7bd2772d-233a-48e8-8eb7-a6bc9ec3205d_1.png\" alt=\"Scythians Ritual\">\n                        <div class=\"text-content\">\n                            <h4>440 p\u0159. n. l. \u2013 H\u00e9rodotos a Skythov\u00e9<\/h4>\n                            <p class=\"content-text\">\u0158eck\u00fd historik H\u00e9rodotos podrobn\u011b popsal skythsk\u00fd poh\u0159ebn\u00ed ritu\u00e1l, p\u0159i kter\u00e9m truchl\u00edc\u00ed h\u00e1zeli semena konop\u00ed na rozp\u00e1len\u00e9 kameny a t\u011b\u0161ili se z kou\u0159e.<\/p>\n                            \n                            <div class=\"highlight-box\">\n                                <p class=\"content-text translation-block\"><strong>Zaj\u00edmav\u00fd fakt:<\/strong> Tato semena obsahovala vy\u0161\u0161\u00ed hladiny THC ne\u017e bylo v t\u00e9 dob\u011b obvykl\u00e9, co\u017e ozna\u010duje <strong>prvn\u00ed zaznamenan\u00fd p\u0159\u00edpad<\/strong> lid\u00ed, kte\u0159\u00ed se zhulili kou\u0159em konop\u00ed. Respekt Skyth\u016fm.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- AD Era Section -->\n                <div class=\"content-card\">\n                    <h3>\u00c9ra n. l. \u2014 Konop\u00ed se \u0160\u00ed\u0159\u00ed Nap\u0159\u00ed\u010d Civilizacemi<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_scene_showing_Roman_sailors_loading_sails__rope_aee8a079-4dff-4d59-af02-c24b3badf0d9_3.png\" alt=\"Roman Use of Hemp\">\n                        <div class=\"text-content\">\n                            <h4>1 n. l. \u2013 \u0158\u00edmsk\u00e1 \u0159\u00ed\u0161e<\/h4>\n                            <p class=\"content-text translation-block\">B\u011bhem \u0158\u00edmsk\u00e9 \u0159\u00ed\u0161e v\u00fdznamn\u00e9 postavy jako <strong>Plinius Star\u0161\u00ed, Gal\u00e9n a Dioskorid\u00e9s<\/strong> zdokumentovali pou\u017eit\u00ed konop\u00ed k l\u00e9\u010db\u011b bolesti a z\u00e1n\u011btu. Konop\u00ed se pou\u017e\u00edvalo na v\u00fdrobu lan, plachet a s\u00edt\u00ed, co\u017e pom\u00e1halo expanzi lidsk\u00fdch civilizac\u00ed.<\/p>\n                            <p class=\"content-text\">Gal\u00e9n tak\u00e9 poznamenal psychoaktivn\u00ed vlastnosti konop\u00ed, rozpozn\u00e1vaje jeho \u00fa\u010dinky na mysl.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_page_from_Avicennas_Canon_of_Medicine._-v_6.1_f1d7b9b7-ed4d-479e-a43b-f023b26b6b1d_0.png\" alt=\"Avicenna Canon\">\n                        <div class=\"text-content\">\n                            <h4>1205 \u2013 St\u0159edov\u011bk\u00e1 persk\u00e1 medic\u00edna<\/h4>\n                            <p class=\"content-text translation-block\">Ve st\u0159edov\u011bk\u00e9 Persii se konop\u00ed pou\u017e\u00edvalo k l\u00e9\u010db\u011b epilepsie, dny a siln\u00fdch bolest\u00ed hlavy. Proslul\u00fd l\u00e9ka\u0159sk\u00fd text <strong>K\u00e1non l\u00e9ka\u0159stv\u00ed Avicenny<\/strong> uv\u00e1d\u011bl konop\u00ed jako l\u00e9\u010dbu r\u016fzn\u00fdch neduh\u016f a toto d\u00edlo ovliv\u0148ovalo z\u00e1padn\u00ed medic\u00ednu po stalet\u00ed.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Modern History Section -->\n                <div class=\"content-card\">\n                    <h3>Modern\u00ed Historie \u2014 Nov\u00e1 \u00c9ra Konop\u00ed<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_vintage_portrait_of_Sir_William_Brooke_OShaughn_ade47ba7-42f3-4527-a54d-2d4130c6dffc_0.png\" alt=\"O'Shaughnessy Portrait\">\n                        <div class=\"text-content\">\n                            <h4>1841 \u2013 Irlandzki Lekarz Wprowadza Konopie do Medycyny Zachodniej<\/h4>\n                            <p class=\"content-text translation-block\">Mu\u017e, m\u00fdtus, legenda. P\u0159ipijme si na <strong>Sira Williama Brooke O'Shaughnessyho<\/strong>, irsk\u00e9ho l\u00e9ka\u0159e, kter\u00fd p\u0159inesl konop\u00ed do z\u00e1padn\u00ed medic\u00edny, jo, ten William!<\/p>\n                            <div class=\"highlight-box\">\n                                <p class=\"content-text translation-block\">Kdy\u017e byl v Indii, pan O'Shack Hennessy vid\u011bl konop\u00ed v akci, nel\u00e9\u010dilo nemoci, ale d\u011blalo n\u011bco, co dokto\u0159i nedok\u00e1zali. Pozoroval jeho mocn\u00fd \u00fa\u010dinek p\u0159i <strong>zm\u00edr\u0148ov\u00e1n\u00ed<\/strong> siln\u00e9 bolesti a <strong>l\u00e9\u010db\u011b<\/strong> brut\u00e1ln\u00edch stav\u016f jako tetanus, vzteklina, artritida a epilepsie, v\u011bci, kter\u00e9 dok\u00e1zaly l\u00e9ka\u0159e zahnat do kouta.<\/p>\n                                <p class=\"content-text\">To v\u0161echno zm\u011bnilo. Bod zlomu. Od tohoto okam\u017eiku za\u010dalo konop\u00ed d\u011blat vlny ve farmaceutick\u00fdch kruz\u00edch a jeho l\u00e9\u010div\u00e9 pou\u017eit\u00ed se odtud rozrostlo jako lavina.<\/p>\n                                <p class=\"content-text\"><a href=\"https:\/\/www.youtube.com\/watch?v=rdJYbOkbetQ\" rel=\"noopener noreferrer\">Jdeme na to Williame!!!<\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <div class=\"double-images-spaced\">\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/u2164862372_A_group_of_mischievous_1910s_Mexican_revolutionar_e15d4bcf-c0d4-47b0-87b2-9d9b9dc9ad8d_2.png\" alt=\"Mexican Revolution Cannabis\">\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_powerful_historically_rich_scene_capturing_the__8eec7da0-ee40-4486-8835-62a2034c5d7f_1.png\" alt=\"Historical Cannabis Prohibition Era\" class=\"hide-on-mobile\">\n                        <\/div>\n                        <div class=\"text-content\">\n                            <h4>1910 - USA a \"Marihuanov\u00e1 hrozba\"<\/h4>\n                            <p class=\"content-text translation-block\">Po mexick\u00e9 revoluci v roce 1910 mnoho mexick\u00fdch imigrant\u016f p\u0159ineslo rekrea\u010dn\u00ed u\u017e\u00edv\u00e1n\u00ed konop\u00ed do USA. M\u00e9dia varovala p\u0159ed nastupuj\u00edc\u00ed <strong>\"Marihuanovou hrozbou\"<\/strong>, p\u0159i\u010d\u00edtaj\u00edc\u00ed stra\u0161n\u00e9 zlo\u010diny u\u017e\u00edv\u00e1n\u00ed marihuany Mexi\u010dany a \u010derno\u0161sk\u00fdmi komunitami.<\/p>\n                            \n               <p             class=\"content-text translation-block\">Slovo \"marijuana\" bylo z\u00e1m\u011brn\u011b zatla\u010deno do ve\u0159ejn\u00e9ho slovn\u00edku, aby rostlina zn\u011bla cizozemsky a hroziv\u011b. Pou\u017e\u00edv\u00e1n\u00edm <strong>mexick\u00e9ho slangov\u00e9ho<\/strong> v\u00fdrazu m\u00edsto \"konop\u00ed\" mohly \u00fa\u0159ady a m\u00e9dia snadn\u011bji spojit rostlinu s p\u0159ist\u011bhovalci a vyvol\u00e1vat kulturn\u00ed strach<\/p>\n                            \n                            <p class=\"content-text translation-block\">Na jihu USA, zejm\u00e9na v New Orleans, d\u011blal vlny nov\u00fd druh hudby, <strong>Jazz<\/strong>. Konop\u00ed hr\u00e1lo v\u00fdznamnou roli v Jazzov\u00e9 \u00e9\u0159e, p\u016fsobilo jako kan\u00e1l pro kreativitu, hudebn\u00ed produkci a v\u00fdkon.<\/p>\n                            \n                            <!-- Mobile-only image placement -->\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_powerful_historically_rich_scene_capturing_the__8eec7da0-ee40-4486-8835-62a2034c5d7f_1.png\" alt=\"Historical Cannabis Prohibition Era\" class=\"mobile-image-after-text\" style=\"display: none;\">\n                            \n                            <div class=\"highlight-box\">\n                                <p class=\"content-text translation-block\">Statisticky m\u011bli \u010derno\u0161i a mexi\u010dt\u00ed Ameri\u010dan\u00e9 v\u011bt\u0161\u00ed pravd\u011bpodobnost zat\u010den\u00ed za dr\u017een\u00ed konop\u00ed ve srovn\u00e1n\u00ed s b\u00edl\u00fdmi Ameri\u010dany. Z\u00e1konod\u00e1rci to v\u011bd\u011bli a <strong>zneu\u017eili z\u00e1kony o konop\u00ed jako zbra\u0148<\/strong> k c\u00edlen\u00ed na marginalizovan\u00e9 komunity, pou\u017e\u00edvaj\u00edce rostlinu jako n\u00e1stroj kriminalizace a kontroly.<\/p>\n                                <p class=\"content-text\">Na prvn\u00ed pohled se zd\u00e1lo, \u017ee p\u0159\u00edstup v USA byl: \"Mexi\u010dan\u00e9 a \u010derno\u0161i Ameri\u010dan\u00e9 pou\u017e\u00edvaj\u00ed tuto rostlinu, ud\u011blejme ji neleg\u00e1ln\u00ed, zav\u0159eme je a vyd\u011blejme na tom pen\u00edze.\"<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/1925-convention.png\" alt=\"1925 Opium Convention\">\n                        <div class=\"text-content\">\n                            <h4>1925 - Mezin\u00e1rodn\u00ed z\u00e1kaz konop\u00ed<\/h4>\n                            <p class=\"content-text translation-block\"><strong>Spole\u010dnost n\u00e1rod\u016f<\/strong>, zalo\u017een\u00e1 v roce 1920, byla prvn\u00ed mnohon\u00e1rodn\u00ed, mezivl\u00e1dn\u00ed organizac\u00ed vytvo\u0159enou k udr\u017een\u00ed sv\u011btov\u00e9ho m\u00edru po skon\u010den\u00ed Velk\u00e9 v\u00e1lky (1. sv\u011btov\u00e9 v\u00e1lky). Organizace \"poj\u010fme spolu v\u0161ichni vych\u00e1zet\".<\/p>\n                            <p class=\"content-text\">V roce 1925 se v \u017denev\u011b konala mezin\u00e1rodn\u00ed Opiov\u00e1 \u00famluva. C\u00edlem bylo zak\u00e1zat v\u00fdvoz opia a kokainu po cel\u00e9m sv\u011bt\u011b. To se m\u011blo st\u00e1t, dokud Egypt, podporovan\u00fd It\u00e1li\u00ed, Ji\u017en\u00ed Afrikou a Tureckem, na posledn\u00ed chv\u00edli nezas\u00e1hl s po\u017eadavkem zahrnout ha\u0161i\u0161 do seznamu (z d\u016fvod\u016f, do kter\u00fdch se m\u016f\u017eeme pono\u0159it jindy).<\/p>\n                            <p class=\"content-text translation-block\">Bylo to schv\u00e1leno a ha\u0161i\u0161 byl p\u0159id\u00e1n na seznam. To znamenalo za\u010d\u00e1tek <strong>glob\u00e1ln\u00ed prohibice konop\u00ed<\/strong>.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/reefer-madness-md-web-scaled.jpg\" alt=\"Reefer Madness\">\n                        <div class=\"text-content\">\n                            <h4>1936 \u2013 Reefer Madness<\/h4>\n                            <p class=\"content-text translation-block\">Pros\u00edm, jen se pod\u00edvej na <a href=\"https:\/\/www.youtube.com\/watch?v=sbjHOBJzhb0\" target=\"_blank\" rel=\"noopener noreferrer\">trailer k Reefer Madness<\/a>. Zabere ti to minutu a t\u0159icet osm sekund tv\u00e9ho \u017eivota. Bude to rozhodn\u011b st\u00e1t za to...<\/p>\n                            \n                            <p class=\"content-text translation-block\">Mysl\u00edm, \u017ee m\u016fj obl\u00edben\u00fd cit\u00e1t je <strong>\"M\u016f\u017ee b\u00fdt svinut\u00fd do nevinn\u011b vypadaj\u00edc\u00ed cigarety\"<\/strong> P\u0159e\u010dti si tu \u0159\u00e1dku znovu, haha. Koment\u00e1\u0159e na YouTube jsou opravdu mezi t\u00edm nejlep\u0161\u00edm, co ne?<\/p>\n                            \n                            <div class=\"highlight-box\">\n                                <p class=\"content-text translation-block\">Byl vyd\u00e1n film Reefer Madness, d\u00e9monizuj\u00edc\u00ed konop\u00ed jako vysoce n\u00e1vykovou drogu zp\u016fsobuj\u00edc\u00ed du\u0161evn\u00ed poruchy a n\u00e1sil\u00ed. V podstat\u011b nazna\u010duje, \u017ee pokud bude\u0161 konzumovat konop\u00ed, stane\u0161 se <strong>n\u00e1silnick\u00fdm, zneu\u017e\u00edvaj\u00edc\u00edm, vra\u017eedn\u00fdm<\/strong> a vysko\u010d\u00ed\u0161 z mrakodrapu k smrti. To v\u0161e d\u00edky n\u011bkolika \u0161luk\u016fm sladk\u00e9 Mary Jane.<\/p>\n                                <p class=\"content-text\">Nejsem \u017e\u00e1dn\u00fd expert na drogy a jejich \u00fa\u010dinky, ale tohle je, jsem si docela jist\u00fd, jako cel\u00e9 \u010d\u00edslo, zaokrouhlen\u00e9 na nejbli\u017e\u0161\u00ed desetinn\u00e9 m\u00edsto, absolutn\u00ed hovno a.k.a kupa sra\u010dek a.k.a \u00fapln\u00e1 a tot\u00e1ln\u00ed nesmysl\u2026<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <div class=\"double-images\">\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Harry-Slinger.jpg\" alt=\"Harry J. Anslinger Portrait\" class=\"hide-on-mobile\">\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Marhihanna-Tax-Stamp.jpg\" alt=\"Marijuana Tax Stamp\">\n                        <\/div>\n                        <div class=\"text-content\">\n                            <h4>1937 \u2013 Z\u00e1kon o dani z marihuany<\/h4>\n                            <p class=\"content-text\">Jen si rychle p\u0159e\u010dti, jak dosp\u011bli k rozhodnut\u00ed fakticky zak\u00e1zat konop\u00ed v USA. Byly na to dva n\u00e1zory.<\/p>\n                            <p class=\"content-text translation-block\">Na jedn\u00e9 stran\u011b jsi m\u011bl <strong>Harryho J. Anslingera<\/strong>, prvn\u00edho komisa\u0159e Feder\u00e1ln\u00edho \u00fa\u0159adu pro narkotika. Harold byl posedl\u00fd my\u0161lenkou dostat konop\u00ed do hled\u00e1\u010dku feder\u00e1ln\u00edho z\u00e1kona. Ale pro\u010d? Jeho program byl \u017eiven\u00fd sm\u011bsic\u00ed rasismu, politick\u00e9ho vlastn\u00edho z\u00e1jmu, byrokratick\u00fdch teritori\u00e1ln\u00edch v\u00e1lek a mor\u00e1ln\u00ed k\u0159\u00ed\u017eov\u00e9 v\u00fdpravy. Ne\u0161lo o d\u016fkazy nebo ve\u0159ejn\u00e9 zdrav\u00ed, \u0161lo o strach, kontrolu a moc<\/p>\n                            \n                            <!-- Mobile-only image placement -->\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Harry-Slinger.jpg\" alt=\"Harry J. Anslinger Portrait\" class=\"mobile-image-after-text\" style=\"display: none;\">\n                            \n                            <p class=\"content-text translation-block\">Na druh\u00e9 stran\u011b tohoto rozhodnut\u00ed byl <strong>Pr\u00e1vn\u00ed poradce Americk\u00e9 l\u00e9ka\u0159sk\u00e9 asociace<\/strong>, kter\u00fd byl proti tomuto rozhodnut\u00ed zak\u00e1zat konop\u00ed. Pro\u010d?<\/p>\n                            \n                            <ul>\n                                <li>Nedostatek v\u011bdeck\u00fdch d\u016fkaz\u016f pro rozhodnut\u00ed<\/li>\n                                <li>L\u00e9\u010debn\u00e1 hodnota byla ignorov\u00e1na<\/li>\n                                <li>L\u00e9ka\u0159sk\u00e1 komunita nebyla zapojena do p\u0159ijet\u00ed z\u00e1kona<\/li>\n                            <\/ul>\n                            \n                            <p class=\"content-text translation-block\">Spolu s Pr\u00e1vn\u00edm poradcem Americk\u00e9 l\u00e9ka\u0159sk\u00e9 asociace jsi m\u011bl <strong>Newyorskou akademii medic\u00edny.<\/strong> Vydali rozs\u00e1hlou zpr\u00e1vu prohla\u0161uj\u00edc\u00ed, \u017ee \"marihuana\" nevyvol\u00e1v\u00e1 n\u00e1sil\u00ed, ani \u0161\u00edlenstv\u00ed, ani nevede k z\u00e1vislosti nebo u\u017e\u00edv\u00e1n\u00ed jin\u00fdch drog.<\/p>\n                            \n                            <div class=\"highlight-box\">\n                                <p class=\"content-text translation-block\">Co mysl\u00ed\u0161, \u017ee se rozhodli ud\u011blat po pe\u010dliv\u00e9 anal\u00fdze t\u011bchto zpr\u00e1v a dan\u00e9 situace? No, rozhodli se <strong>neposlouchat l\u00e9ka\u0159e a odborn\u00edky<\/strong> v medic\u00edn\u011b a rozhodli se tyto rozs\u00e1hl\u00e9 zpr\u00e1vy ignorovat. Tak\u017ee pokra\u010dovali v p\u0159ijet\u00ed zm\u00edn\u011bn\u00e9ho z\u00e1kona. Dobr\u00e1 pr\u00e1ce chlapi.<\/p>\n                                <p class=\"content-text\">Tento z\u00e1kon u\u010dinil v n\u00e1sleduj\u00edc\u00edch letech extr\u00e9mn\u011b obt\u00ed\u017en\u00fdm prov\u00e1d\u011bt jak\u00fdkoli v\u00fdznamn\u00fd v\u00fdzkum konop\u00ed.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Turn of Millennium Section -->\n                <div class=\"content-card\">\n                    <h3>P\u0159elom Tis\u00edcilet\u00ed \u2014 Cesta k legalizaci<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_vibrant_nostalgic_1970s_Amsterdam_coffee_shop_a_7a91547b-8cd4-4ffb-b717-0f50038e76e2_1.png\" alt=\"Dutch Coffee Shop\">\n                        <div class=\"text-content\">\n                            <h4>70. l\u00e9ta \u2013 Nizozemsk\u00e1 liberalizace<\/h4>\n                            <p class=\"content-text translation-block\">Nizozemsko p\u0159ijalo pokrokov\u00fd p\u0159\u00edstup t\u00edm, \u017ee za\u0159adilo konop\u00ed jako m\u00e9n\u011b nebezpe\u010dnou drogu. Nizozemsk\u00e1 vl\u00e1da rozd\u011blila drogy do <strong>v\u00edce a m\u00e9n\u011b nebezpe\u010dn\u00fdch kategori\u00ed<\/strong>, p\u0159i\u010dem\u017e konop\u00ed spadalo do m\u00e9n\u011b nebezpe\u010dn\u00e9 kategorie.<\/p>\n                            <p class=\"content-text\">V roce 1976 za\u010daly coffee shopy prod\u00e1vat konop\u00ed k rekrea\u010dn\u00edmu pou\u017eit\u00ed. P\u0159\u00edstup zem\u011b ke konop\u00ed se stal vzorem pro ostatn\u00ed.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Inside_a_microscopic_cellular_world_glowing_canna_2679b5ff-5879-40d6-8c9e-a17a437cdd25_1.png\" alt=\"California Legalisation\">\n    <div class=\"text-content\">\n        <h4>1992 - Objev Endokannabinoidn\u00edho syst\u00e9mu<\/h4>\n        <p class=\"content-text translation-block\">V roce 1992 v\u011bdec <strong>Dr. Raphael Mechoulam<\/strong> objevil, \u017ee lid\u00e9 maj\u00ed cel\u00fd biologick\u00fd syst\u00e9m navr\u017een\u00fd k interakci se slou\u010deninami konop\u00ed. Naz\u00fdv\u00e1 se <strong>endokannabinoidn\u00ed syst\u00e9m<\/strong>. Tento objev zcela zm\u011bnil konverzaci z \"nebezpe\u010dn\u00e1 droga\" na \"po\u010dkej, mo\u017en\u00e1 tu opravdu n\u011bco je.\"<\/p>\n    <\/div>\n<\/div>\n<div class=\"split-content\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_warm_sun-drenched_California_street_glowing_in__9316f0e9-68bb-4bec-8593-603094b1a83f_3.png\" alt=\"California Legalisation\">\n    <div class=\"text-content\">\n        <h4>1996 - Kalifornie legalizuje l\u00e9\u010debn\u00e9 konop\u00ed<\/h4>\n        <p class=\"content-text translation-block\">V roce 1996 to Kalifornie zkusila. Proti feder\u00e1ln\u00edmu z\u00e1konu kaliforn\u0161t\u00ed voli\u010di schv\u00e1lili <strong>N\u00e1vrh 215<\/strong>, kter\u00fd umo\u017e\u0148oval prodej a l\u00e9ka\u0159sk\u00e9 pou\u017eit\u00ed marihuany pro pacienty s AIDS, rakovinou a dal\u0161\u00edmi v\u00e1\u017en\u00fdmi a bolestiv\u00fdmi nemocemi.<\/p>\n        <p class=\"content-text\">Tento z\u00e1kon st\u00e1le stoj\u00ed v nap\u011bt\u00ed s feder\u00e1ln\u00edmi z\u00e1kony zakazuj\u00edc\u00edmi dr\u017een\u00ed marihuany.<\/p>\n    <\/div>\n<\/div>\n<div class=\"split-content\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Playful_political_cartoon_showing_two_stages_of_c_2185a797-ea9c-48c0-8be1-c8c716189c22_3.png\">\n    <div class=\"text-content\">\n        <h4>2000. l\u00e9ta \u2013 Glob\u00e1ln\u00ed posun<\/h4>\n        <p class=\"content-text translation-block\">Od p\u0159elomu tis\u00edcilet\u00ed se st\u00e1le v\u00edce zem\u00ed p\u0159esouv\u00e1 k dekriminalizaci a legalizaci konop\u00ed. Trendem je <strong>dekriminalizace n\u00e1sledovan\u00e1 legalizac\u00ed<\/strong>.<\/p>\n        \n        <div class=\"highlight-box\">\n            <p class=\"content-text translation-block\"><strong>Dekriminalizace<\/strong> znamen\u00e1, \u017ee nejsi trest\u00e1n ani pokutov\u00e1n za dr\u017een\u00ed mal\u00fdch mno\u017estv\u00ed drogy.<\/p>\n            <p class=\"content-text translation-block\"><strong>Legalizace<\/strong> znamen\u00e1, \u017ee droga je regulovan\u00e1 a m\u016f\u017ee b\u00fdt prod\u00e1v\u00e1na a obchodov\u00e1na podle vl\u00e1dn\u00edch pravidel.<\/p>\n        <\/div>\n        \n        <p class=\"content-text\">Tak\u017ee nejd\u0159\u00edv si uv\u011bdom\u00ed, \u017ee ok mo\u017en\u00e1 jsme byli v minulosti p\u0159\u00edli\u0161 p\u0159\u00edsn\u00ed s t\u011bmito v\u0161emi regulacemi a z\u00e1kazy, p\u0159esta\u0148me trestat lidi za to, co d\u011blaj\u00ed (dekriminalizace). Pak si pomysl\u00ed \"Dob\u0159e, jak te\u010f na tom m\u016f\u017eeme vyd\u011blat\", kde se zavede pl\u00e1n na leg\u00e1ln\u00ed prodej drogy (legalizace).<\/p>\n        <p class=\"content-text\">Pokud se tvoje zem\u011b nejmenuje Thajsko, vy \u0161\u00edlenci.<\/p>\n    <\/div>\n<\/div>\n<div class=\"split-content\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Side-by-side_political_illustration_of_Uruguay_20_51ba5fc7-cf52-4f25-a6c5-b24941fd8bc8_1.png\" alt=\"Uruguay and Canada Legalisation\">\n    <div class=\"text-content\">\n        <p class=\"content-text translation-block\">Mezit\u00edm, zat\u00edmco v\u0161ichni p\u0159em\u00fd\u0161leli, co d\u011blat se z\u00e1kony a politikou, <strong>Uruguay<\/strong> prost\u011b \u0161lo a stalo se prvn\u00edm st\u00e1tem na sv\u011bt\u011b, kter\u00fd v roce 2013 pln\u011b legalizoval konop\u00ed. Ne dekriminalizoval, po\u0159\u00e1dn\u00e1 legalizace. Jejich p\u0159\u00edstup byl jednoduch\u00fd: pro\u010d nech\u00e1v\u00e1me zlo\u010dince, aby na tom vyd\u011bl\u00e1vali v\u0161echny pen\u00edze?<\/p>\n        \n        <p class=\"content-text translation-block\">Pak se v roce 2018 <strong>Kanada<\/strong> stala prvn\u00ed velkou z\u00e1padn\u00ed zem\u00ed, kter\u00e1 legalizovala konop\u00ed celost\u00e1tn\u011b. Jejich vl\u00e1da m\u011bla t\u0159i jednoduch\u00e9 c\u00edle: dr\u017eet ho od d\u011bt\u00ed, dr\u017eet zisky od zlo\u010dinc\u016f a nenechat spole\u010dnost se rozpadnout. Spoiler alert: spole\u010dnost se nerozpadla.<\/p>\n    <\/div>\n<\/div>\n<\/div>\n                <!-- Final Thoughts Section -->\n                <div class=\"content-card\">\n                    <h3>Z\u00e1v\u011bre\u010dn\u00e9 My\u0161lenky - Historie byla P\u0159ekroucen\u00e1<\/h3>\n                    <p class=\"content-text translation-block\">Tak m\u00e1me to. To by m\u011bl b\u00fdt dobr\u00fd p\u0159ehled krajiny a historie konop\u00ed, Zem\u011b a lid\u00ed spole\u010dn\u011b. Konop\u00ed je sou\u010d\u00e1st\u00ed lidsk\u00e9 historie po <strong>tis\u00edce let<\/strong>. Bylo pou\u017e\u00edv\u00e1no jako l\u00e9k, zdroj duchovn\u00edho osv\u00edcen\u00ed a n\u00e1stroj soci\u00e1ln\u00ed kontroly.<\/p>\n                    <p class=\"content-text\">Adios.<\/p>\n                <\/div>\n\n                <!-- Keep Learning Section -->\n                <div class=\"keep-learning-section\">\n                    <div class=\"signup-split\">\n                        <div class=\"signup-text\">\n                            <h3>Jedin\u00fd Zp\u016fsob, Jak Z\u016fstat v Obraze<\/h3>\n                            <p>Konop\u00ed se vyv\u00edj\u00ed a my pokr\u00fdv\u00e1me v\u011bdu, v\u00fdzkum a kulturu, v\u0161e zdarma a p\u0159\u00edmo do tv\u00e9 schr\u00e1nky. \u017d\u00e1dn\u00e9 soci\u00e1ln\u00ed s\u00edt\u011b. Pouze email. P\u0159idej se, pokud jsi zv\u011bdav\u00fd.<\/p>\n                            <ul class=\"benefits-list\">\n                                <li>\ud83c\udfac Rozhovory a dokumenty<\/li>\n                                <li>\ud83d\udcda Vzd\u011bl\u00e1vac\u00ed videa a zvuky<\/li>\n                                <li>\ud83d\udd2c V\u011bdecky podlo\u017een\u00e9 informace a poznatky<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"signup-form\">\n                            <form class=\"signup-form-container\" id=\"emailForm\" action=\"\">\n                                <input type=\"email\" name=\"entry.690743589\" placeholder=\"tv\u016fj@email.com\" required id=\"emailInput\">\n                                <button type=\"submit\" id=\"emailSubmitBtn\">Z\u00edskat aktualizace<\/button>\n                                <p class=\"form-note\">\u27a1\ufe0f Z\u016fsta\u0148 zv\u011bdav\u00fd \u2b05\ufe0f<\/p>\n                            <input type=\"hidden\" name=\"trp-form-language\" value=\"cs\"\/><\/form>\n                        <\/div>\n                    <\/div>\n                    <div id=\"formMessage\" style=\"margin-top: 1rem; text-align: center; font-weight: 600; display: none;\"><\/div>\n                <\/div>\n\n                <!-- Section Break before comments -->\n                <div class=\"section-break\"><\/div>\n                \n                <!-- SECURE ENGAGEMENT SYSTEM -->\n                <div class=\"engagement-container\">\n                    <div class=\"engagement-split\">\n                        <div class=\"engagement-content\">\n                            <h3>Co si mysl\u00ed\u0161?<\/h3>\n                            <p>M\u00e1\u0161 co \u0159\u00edct? Nech to tady. Tv\u016fj hlas pom\u00e1h\u00e1 utv\u00e1\u0159et to, co p\u0159ijde d\u00e1l.<\/p>\n                            <ul class=\"engagement-features\">\n                                <li>\ud83d\udcad Sd\u00edlej sv\u00e9 zku\u0161enosti<\/li>\n                                <li>\ud83e\udd1d Pokecej s ostatn\u00edmi o tom<\/li>\n                                <li>\ud83d\udcda Pomoz vylep\u0161it budouc\u00ed obsah<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"engagement-interaction\">\n                            <div class=\"comment-form-v1\">\n                                <h4>Jak to funguje<\/h4>\n                                <ol>\n                                    <li class=\"translation-block\"><span>Krok 1:<\/span>Vyber: Zadej email NEBO komentuj anonymn\u011b<\/li>\n                                    <li class=\"translation-block\"><span>Krok 2:<\/span>Z\u00edskej sv\u00e9 unik\u00e1tn\u00ed u\u017eivatelsk\u00e9 jm\u00e9no (ponech\u00e1\u0161 si ho na cel\u00e9m webu)<\/li>\n                                    <li class=\"translation-block\"><span>Krok 3:<\/span>Komentuj, hlasuj, odpov\u00eddej a sd\u00edlej sv\u00e9 my\u0161lenky: jsi sou\u010d\u00e1st\u00ed konverzace!<\/li>\n                                <\/ol>\n                                <form id=\"secureCommentForm\" action=\"\">\n                                    <!-- HONEYPOT FIELDS - INVISIBLE TO HUMANS -->\n                                    <input type=\"text\" name=\"website\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n                                    <input type=\"text\" name=\"company\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n                                    <input type=\"text\" name=\"phone\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n                                    \n                                    <!-- Anonymous toggle -->\n                                    <div class=\"form-group-v1\">\n                                        <div style=\"display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1rem; padding: 1rem; background: rgba(76, 175, 80, 0.05); border: 1px solid rgba(76, 175, 80, 0.2); border-radius: 8px;\">\n                                            <input type=\"checkbox\" id=\"anonymousMode\" style=\"width: auto; margin: 0;\">\n                                            <label for=\"anonymousMode\" style=\"color: #4CAF50; font-weight: 600; cursor: pointer; margin: 0;\">Komentuj anonymn\u011b (nevy\u017eaduje se e-mail)<\/label>\n                                        <\/div>\n                                    <\/div>\n                                    \n                                    <div class=\"form-group-v1\" id=\"emailGroup\">\n                                        <input type=\"email\" id=\"commentEmail\" placeholder=\"tv\u016fj@email.com\" required>\n                                        <div class=\"username-container\">\n                                            <div class=\"username-display\" id=\"usernameDisplay\">Tv\u00e9 u\u017eivatelsk\u00e9 jm\u00e9no se zde objev\u00ed<\/div>\n                                            <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Z\u00edskej jin\u00e9 u\u017eivatelsk\u00e9 jm\u00e9no\">\n                                                \ud83d\udd04\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"form-group-v1\">\n                                        <textarea id=\"commentText\" placeholder=\"Co si o tom mysl\u00ed\u0161? N\u011bjak\u00e9 ot\u00e1zky nebo zku\u0161enosti k sd\u00edlen\u00ed?\"><\/textarea>\n                                    <\/div>\n                                    <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n                                        <span id=\"submitText\">Odeslat koment\u00e1\u0159<\/span>\n                                    <\/button>\n                                <input type=\"hidden\" name=\"trp-form-language\" value=\"cs\"\/><\/form>\n                            <\/div>\n                            <!-- STATUS MESSAGES -->\n                            <div class=\"status-message\" id=\"commentStatus\"><\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Section Break before comments -->\n                    <div class=\"section-break\"><\/div>\n                    \n                    <!-- COMMENTS DISPLAY -->\n                    <div class=\"comments-display\">\n                        <!-- Sort Options -->\n                        <div class=\"sort-container\">\n                            <label for=\"commentSort\" class=\"sort-label\">Se\u0159adit podle:<\/label>\n                            <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n                                <option value=\"recent\">Nejnov\u011bj\u0161\u00ed<\/option>\n                                <option value=\"liked\">Nejobl\u00edben\u011bj\u0161\u00ed<\/option>\n                            <\/select>\n                        <\/div>\n                        \n                        <div class=\"comments-header\" id=\"commentsHeader\">\n                            <span>\ud83d\udcad<\/span> Ned\u00e1vn\u00e9 koment\u00e1\u0159e (<span id=\"commentCount\">0<\/span>)\n                        <\/div>\n                        <div id=\"commentsList\">\n                            <!-- User comments will be dynamically inserted here -->\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Section Break -->\n                <div class=\"section-break\"><\/div>\n                \n                <!-- More Topics CTA -->\n        <div class=\"cta-section\">\n    <a href=\"https:\/\/twobirdsonestoned.co\/cs\/read\/\" rel=\"noopener noreferrer\" class=\"cta-button\">\n        V\u00edce T\u00e9mat \u2192\n                    <\/a>\n                <\/div>\n\n                <!-- References Section -->\n                <div class=\"content-card\">\n                    <h3>Reference<\/h3>\n                    <div class=\"content-text\" style=\"font-size: 0.95rem; line-height: 1.6;\">\n                        <p>Abel, E.L., 1980. <em>The First Twelve Thousand Years<\/em>. New York: McGraw Hill.<\/p>\n                        \n                        <p>Alcohol and Drug Foundation, n.d. <em>Decriminalisation in Australia<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/adf.org.au\/insights\/decriminalisation-australia\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/adf.org.au\/insights\/decriminalisation-australia\/<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Annual Reviews, n.d. <em>Cannabis sativa L.: Botany and Biotechnology<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/www.annualreviews.org\/content\/journals\/10.1146\/annurev-arplant-081519-040203\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.annualreviews.org\/content\/journals\/10.1146\/annurev-arplant-081519-040203<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Bloom, n.d. <em>History of Cannabis Part 2: Are We There Yet?<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/bloommt.com\/history-of-cannabis-part-2-are-we-there-yet\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/bloommt.com\/history-of-cannabis-part-2-are-we-there-yet\/<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Britannica, n.d. <em>Medical Marijuana Debate<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/www.britannica.com\/procon\/medical-marijuana-debate#2900-bc-1599-ad\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.britannica.com\/procon\/medical-marijuana-debate#2900-bc-1599-ad<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Daily Trojan, 2020. <em>To be blunt: Cannabis is an integral part of jazz history in America<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/dailytrojan.com\/2020\/02\/07\/to-be-blunt-cannabis-is-an-integral-part-of-jazz-history-in-america\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/dailytrojan.com\/2020\/02\/07\/to-be-blunt-cannabis-is-an-integral-part-of-jazz-history-in-america\/<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Drug Enforcement Administration Museum, n.d. <em>Cannabis, Coca, and Poppy: Nature's Addictive Plants<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/museum.dea.gov\/exhibits\/online-exhibits\/cannabis-coca-and-poppy-natures-addictive-plants\/cannabis\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/museum.dea.gov\/exhibits\/online-exhibits\/cannabis-coca-and-poppy-natures-addictive-plants\/cannabis<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Endocannabinoid Medicine, n.d. <em>History of Cannabis<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/www.endocannabinoidmedicine.com\/history-of-cannabis\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.endocannabinoidmedicine.com\/history-of-cannabis\/<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Global Initiative, n.d. <em>Cannabis status in drug control<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/globalinitiative.net\/analysis\/cannabis-status-drug-control\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/globalinitiative.net\/analysis\/cannabis-status-drug-control\/<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Google Books, n.d. <em>Hemp & the Marijuana Conspiracy: The Emperor Wears No Clothes<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/books.google.ie\/books?id=TMauCgAAQBAJ&pg=PT261&redir_esc=y#v=onepage&q&f=false\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/books.google.ie\/books?id=TMauCgAAQBAJ&pg=PT261&redir_esc=y#v=onepage&q&f=false<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Google Books, n.d. <em>Hemp: American History Revisited: The Plant with a Divided History<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/books.google.ie\/books\/about\/Hemp_American_History_Revisited.html?id=Gig6PgAACAAJ&redir_esc=y\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/books.google.ie\/books\/about\/Hemp_American_History_Revisited.html?id=Gig6PgAACAAJ&redir_esc=y<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Medical Daily, n.d. <em>A Brief History Of Medical Cannabis: From Ancient Anesthesia To The Modern Dispensary<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/www.medicaldaily.com\/brief-history-medical-cannabis-ancient-anesthesia-modern-dispensary-370344\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.medicaldaily.com\/brief-history-medical-cannabis-ancient-anesthesia-modern-dispensary-370344<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Nature, 2015. <em>The grass roots of medical marijuana<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/www.nature.com\/articles\/525S10a\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.nature.com\/articles\/525S10a<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>PBS, n.d. <em>Marijuana Timeline<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/www.pbs.org\/wgbh\/pages\/frontline\/shows\/dope\/etc\/cron.html\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.pbs.org\/wgbh\/pages\/frontline\/shows\/dope\/etc\/cron.html<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>PubMed Central, 2020. <em>A Brief History of Cannabis Use in North America<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC7605027\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC7605027\/<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>ResearchGate, n.d. <em>Herbal medicine in ancient Egypt<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/www.researchgate.net\/publication\/228634623_Herbal_medicine_in_ancient_Egypt\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.researchgate.net\/publication\/228634623_Herbal_medicine_in_ancient_Egypt<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Taylor & Francis Online, 2020. <em>Cannabis sativa: the plant of the thousand and one molecules<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/www.tandfonline.com\/doi\/pdf\/10.31887\/DCNS.2020.22.3\/mcrocq\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.tandfonline.com\/doi\/pdf\/10.31887\/DCNS.2020.22.3\/mcrocq<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>The University of Georgia Law Library, n.d. <em>Marijuana Law: History of Marijuana Regulation in the United States<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/libguides.law.uga.edu\/c.php?g=522835&p=3575350\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/libguides.law.uga.edu\/c.php?g=522835&p=3575350<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>The University of Sydney, n.d. <em>History of cannabis<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/www.sydney.edu.au\/lambert\/medicinal-cannabis\/history-of-cannabis.html\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.sydney.edu.au\/lambert\/medicinal-cannabis\/history-of-cannabis.html<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Woodward, W.C., 1937. <em>Statement of Dr. William C. Woodward, Legislative Counsel, American Medical Association, Chicago, Ill. Hearings on H.R. 6385: Taxation of Marihuana, House Committee on Ways and Means, U.S. House of Representatives, May 4, 1937<\/em>. [online] DrugLibrary.org. Available at: <a href=\"https:\/\/www.druglibrary.org\/schaffer\/hemp\/taxact\/woodward.htm\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.druglibrary.org\/schaffer\/hemp\/taxact\/woodward.htm<\/a> [P\u0159\u00edstup 22. b\u0159ezna 2025].<\/p>\n                        \n                        <p>Visual Capitalist, n.d. <em>Mapped: Countries Where Recreational Cannabis is Legal<\/em>. [online] Dostupn\u00e9 na: <a href=\"https:\/\/www.visualcapitalist.com\/mapped-countries-where-recreational-cannabis-is-legal\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.visualcapitalist.com\/mapped-countries-where-recreational-cannabis-is-legal\/<\/a> [Accessed 31 December 2024].<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Final Thoughts Section -->\n                <div class=\"content-card\">\n                    <h3>Pokud Jsi Se Dostal A\u017e Sem...<\/h3>\n                    \n                    <div class=\"section-divider\"><\/div>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Tohle je na konci ka\u017ed\u00e9ho \u010dl\u00e1nku, kter\u00fd p\u00ed\u0161u, tak\u017ee pokud jsi tady u\u017e n\u011bco \u010detl, zn\u00e1\u0161 to.<\/p>\n                        \n                        <p class=\"content-text translation-block\">Pokud jsi se dostal na konec tohoto \u010dl\u00e1nku, <strong>d\u011bkuji<\/strong>. V\u00e1\u017en\u011b. V\u011bnoval jsi \u010das pono\u0159it se do t\u00e9matu, kter\u00e9 bylo po generace skryt\u00e9 pod vrstvami stigmatu. U\u017e jen to znamen\u00e1, \u017ee jsi sou\u010d\u00e1st\u00ed velmi pot\u0159ebn\u00e9 zm\u011bny.<\/p>\n                        \n                        <p class=\"content-text translation-block\">Pokud t\u011b tu n\u011bco p\u0159im\u011blo zastavit se nebo p\u0159em\u00fd\u0161let jinak, ud\u011blej tohle: <strong>promluv o tom<\/strong>. Zave\u010f to s n\u011bk\u00fdm. Nez\u00e1le\u017e\u00ed s k\u00fdm, s kamar\u00e1dem, otcem, fyzioterapeutem, kolegou, s k\u00fdmkoliv. Sd\u00edlej, co ses nau\u010dil, co t\u011b p\u0159ekvapilo, nebo i to, \u010d\u00edm si nejsi je\u0161t\u011b jist\u00fd.<\/p>\n                        \n                        <p class=\"content-text translation-block\">Tyto pov\u00edd\u00e1n\u00ed, a\u0165 u\u017e jsou neform\u00e1ln\u00ed, hlubok\u00e1, n\u00e1hodn\u00e1 nebo trapn\u00e1, odlamuj\u00ed stigma, kousek po kousku. Ne k\u00e1z\u00e1n\u00edm, ale prost\u011b t\u00edm, \u017ee jsi <strong>up\u0159\u00edmn\u00fd v danou chv\u00edli<\/strong>.<\/p>\n                        \n                        <p class=\"content-text\">Jde o prolomen\u00ed cyklu dezinformac\u00ed a strachu, kter\u00fd n\u00e1s dr\u017eel zp\u00e1tky p\u0159\u00edli\u0161 dlouho.<\/p>\n                        \n                        <p class=\"content-text\">Poka\u017ed\u00e9, kdy\u017e p\u0159ed\u00e1me p\u0159esn\u00e9, vyv\u00e1\u017een\u00e9 informace, ud\u011bl\u00e1me dal\u0161\u00ed krok k tomu, abychom zanechali tento sv\u011bt o trochu lep\u0161\u00ed, ne\u017e jsme ho na\u0161li, pro dal\u0161\u00ed generaci.<\/p>\n                        \n                        <p class=\"content-text\">Tak\u00e9 nechci, aby \u017eivoty lid\u00ed byly negativn\u011b ovlivn\u011bny kv\u016fli spole\u010densk\u00fdm pravidl\u016fm, kter\u00e1 obklopuj\u00ed tuto rostlinu.<\/p>\n                        \n                        <p class=\"content-text\">Dlu\u017e\u00edme jim to ud\u011blat spr\u00e1vn\u011b. Mluvit otev\u0159en\u011b, bez soudu nebo studu. Nahradit zastaral\u00e9 m\u00fdty d\u016fkazy a porozum\u011bn\u00edm.<\/p>\n                        \n                        <p class=\"content-text\"><strong>Poj\u010fme pokra\u010dovat v t\u00e9to konverzaci x<\/strong><\/p>\n                        \n                        <p class=\"content-text\">S t\u00edm t\u011b nech\u00e1m na tom. Zvl\u00e1dne\u0161 to. Pokud ses nau\u010dil n\u011bco nov\u00e9ho, jdi a \u0159ekni to n\u011bkomu haha<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Go Exploring CTA -->\n                <div class=\"cta-section\">\n                    <a href=\"https:\/\/twobirdsonestoned.co\/cs\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-button\">\n                        \ud83c\udf3f Jdi Prozkoumat\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Firebase SDK (needs to be inline module for imports) -->\n    <script type=\"module\">\n      import { initializeApp } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-app.js';\n      import { getFirestore, collection, addDoc, getDocs, query, orderBy, where, doc, updateDoc, deleteDoc, getDoc, setDoc, serverTimestamp, onSnapshot } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-firestore.js';\n      import { getAuth, signInAnonymously } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-auth.js';\n\n      \/\/ Firebase configuration\n      const firebaseConfig = {\n        apiKey: \"AIzaSyC2knaFehUe_wA-r0IHj0rvLXqFWWSjRI8\",\n        authDomain: \"tbos-site-comments.firebaseapp.com\",\n        projectId: \"tbos-site-comments\",\n        storageBucket: \"tbos-site-comments.firebasestorage.app\",\n        messagingSenderId: \"154628531943\",\n        appId: \"1:154628531943:web:ef20a71373d6e335282442\"\n      };\n\n      \/\/ Initialize Firebase\n      const app = initializeApp(firebaseConfig);\n      const db = getFirestore(app);\n      const auth = getAuth(app);\n\n      \/\/ Make Firebase available globally\n      window.firebaseDB = {\n        db: db,\n        auth: auth,\n        collection: collection,\n        addDoc: addDoc,\n        getDocs: getDocs,\n        query: query,\n        orderBy: orderBy,\n        where: where,\n        doc: doc,\n        updateDoc: updateDoc,\n        deleteDoc: deleteDoc,\n        getDoc: getDoc,\n        setDoc: setDoc,\n        serverTimestamp: serverTimestamp,\n        onSnapshot: onSnapshot,\n        signInAnonymously: signInAnonymously\n      };\n\n      console.log('\ud83d\udd25 Firebase initialized successfully');\n    <\/script>\n\n    <!-- Your External JavaScript Files -->\n    <script src=\"\/wp-content\/uploads\/custom-css-js\/5832.js\"><\/script>\n    <script src=\"\/wp-content\/uploads\/custom-css-js\/6342.js\"><\/script>\n\n    <script>\n        \/\/ Track theme state\n        let isDarkTheme = true;\n\n        \/\/ Reading progress tracking\n        function updateProgressBar() {\n            const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n            const scrolled = (winScroll \/ height) * 100;\n            document.getElementById(\"progressBar\").style.width = scrolled + \"%\";\n        }\n\n        window.addEventListener('scroll', updateProgressBar);\n\n        \/\/ Email signup functionality\n        function setupEmailSignup() {\n            const form = document.getElementById('emailForm');\n            const emailInput = document.getElementById('emailInput');\n            const submitBtn = document.getElementById('emailSubmitBtn');\n            const messageDiv = document.getElementById('formMessage');\n            \n            if (!form) return;\n            \n            form.addEventListener('submit', function(e) {\n                e.preventDefault();\n                \n                const email = emailInput.value.trim();\n                if (!email) return;\n                \n                \/\/ Show loading state\n                const originalText = submitBtn.textContent;\n                submitBtn.textContent = 'Joining...';\n                submitBtn.disabled = true;\n                \n                \/\/ Create form data\n                const formData = new FormData();\n                formData.append('entry.690743589', email);\n                \n                \/\/ Submit to Google Forms\n                fetch('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScW8HjmPphzsshGW4S1qe1wHtQTkEcJhDhvl0u34o9ep-wepQ\/formResponse', {\n                    method: 'POST',\n                    body: formData,\n                    mode: 'no-cors'\n                })\n                .then(() => {\n                    \/\/ Show success message\n                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#4CAF50';\n                    messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n                    \n                    \/\/ Clear form\n                    emailInput.value = '';\n                    \n                    \/\/ Hide message after 5 seconds\n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                })\n                .catch(() => {\n                    \/\/ Show error message\n                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#ff6b6b';\n                    messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n                    \n                    \/\/ Hide message after 5 seconds\n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                })\n                .finally(() => {\n                    \/\/ Reset button\n                    submitBtn.textContent = originalText;\n                    submitBtn.disabled = false;\n                });\n            });\n        }\n\n        function toggleThemeAndText() {\n            const button = document.getElementById('theme-toggle');\n            const currentText = button.textContent.trim();\n            \n            if (currentText === '\ud83c\udf19') {\n                button.textContent = '\u2600\ufe0f';\n                playAudio('dayTimeAudio');\n                isDarkTheme = false;\n            } else {\n                button.textContent = '\ud83c\udf19';\n                playAudio('nightTimeAudio');\n                isDarkTheme = true;\n            }\n            \n            toggleTheme();\n        }\n\n        function playAudio(audioId) {\n            const audio = document.getElementById(audioId);\n            \n            if (audio) {\n                audio.currentTime = 0;\n                const playPromise = audio.play();\n                \n                if (playPromise !== undefined) {\n                    playPromise.then(() => {\n                        console.log(`${audioId} played successfully`);\n                    }).catch(error => {\n                        console.log(`Audio play failed for ${audioId}:`, error);\n                        showVisualFeedback(audioId);\n                    });\n                }\n            }\n        }\n\n        function showVisualFeedback(audioId) {\n            const button = document.getElementById('theme-toggle');\n            const originalTransform = button.style.transform;\n            \n            button.style.transform = 'scale(1.1)';\n            button.style.transition = 'transform 0.1s ease';\n            \n            setTimeout(() => {\n                button.style.transform = originalTransform;\n                button.style.transition = 'all 0.3s ease';\n            }, 100);\n        }\n\n        \/\/ Complete theme toggle function - UPDATED WITH BODY CLASS MANAGEMENT\n        function toggleTheme() {\n            const body = document.body;\n            const html = document.documentElement;\n            const contentCards = document.querySelectorAll('.content-card, .media-card, .keep-learning-section');\n            const title = document.querySelector('.article-title');\n            const subtitle = document.querySelector('.article-subtitle');\n            const sectionTitles = document.querySelectorAll('.media-section-title, .content-section-title');\n            const toggleButton = document.getElementById('theme-toggle');\n            const navHint = document.querySelector('.nav-hint');\n            \n            \/\/ Comment system selectors\n            const engagementContainer = document.querySelector('.engagement-container');\n            const commentForm = document.querySelectorAll('.comment-form-v1');\n            const commentItems = document.querySelectorAll('.comment-item');\n            const sortLabel = document.querySelector('.sort-label');\n            const sortDropdown = document.querySelector('.sort-dropdown');\n            const commentsHeader = document.querySelector('.comments-header');\n            const noCommentsMessage = document.querySelector('.no-comments-message');\n            \n            \/\/ HEADER SELECTORS\n            const header = document.querySelector('.tbos-header');\n            const headerNavLinks = document.querySelectorAll('.tbos-nav a');\n            const headerSocialLinks = document.querySelectorAll('.tbos-socials a');\n            const dropdownContent = document.querySelectorAll('.dropdown-content');\n            const hamburgerLines = document.querySelectorAll('.hamburger-line');\n            \n            \/\/ MOBILE MENU SELECTORS\n            const mobileMenu = document.querySelector('.mobile-menu');\n            const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n            const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n            \n            \/\/ FOOTER SELECTORS\n            const footerCardWrapper = document.querySelector('.footer-card-wrapper');\n            const footerTitle = document.querySelector('.footer-card h4');\n            const footerText = document.querySelectorAll('.footer-card p');\n            const footerLinks = document.querySelectorAll('.footer-bottom-row a');\n            const footerSocialLinks = document.querySelectorAll('.footer-social-group a');\n            \n            if (!isDarkTheme) {\n                \/\/ LIGHT THEME (Day Time)\n                console.log('Applying LIGHT theme');\n                \n                \/\/ ADD BODY CLASS FOR THEME DETECTION\n                body.classList.add('light-theme');\n                body.classList.remove('dark-theme');\n                \n                \/\/ Add light theme class to html as well\n                html.classList.add('light-theme');\n                \n                \/\/ Apply cream background\n                html.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n                body.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n                \n                \/\/ UPDATE HEADER FOR LIGHT THEME\n                if (header) {\n                    header.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    header.style.setProperty('border', '2px solid #000000', 'important');\n                }\n                \n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                dropdownContent.forEach(dropdown => {\n                    dropdown.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    dropdown.style.setProperty('border', '2px solid #000000', 'important');\n                    \n                    const dropdownLinks = dropdown.querySelectorAll('a');\n                    dropdownLinks.forEach(link => {\n                        link.style.setProperty('color', '#2A2A2A', 'important');\n                    });\n                });\n                \n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#2A2A2A', 'important');\n                });\n                \n                \/\/ UPDATE MOBILE MENU FOR LIGHT THEME\n                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    mobileMenu.style.setProperty('border-left', '2px solid #000000', 'important');\n                }\n                \n                mobileMenuLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                    link.style.setProperty('border-bottom', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n                });\n                \n                mobileSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                    link.style.setProperty('background', 'rgba(0, 0, 0, 0.05)', 'important');\n                });\n                \n                \/\/ UPDATE FOOTER FOR LIGHT THEME\n                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    footerCardWrapper.style.setProperty('border', '2px solid #000000', 'important');\n                }\n                \n                if (footerTitle) {\n                    footerTitle.style.setProperty('color', '#B8860B', 'important');\n                }\n                \n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#333333', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                \/\/ Light cards\n                contentCards.forEach(card => {\n                    if (card.classList.contains('keep-learning-section')) {\n                        card.style.setProperty('background-color', '#ffffff', 'important');\n                        card.style.setProperty('border', '2px solid #000000', 'important');\n                    } else {\n                        card.style.setProperty('background-color', 'rgba(255,255,255,0.95)', 'important');\n                        card.style.setProperty('border', '2px solid #000000', 'important');\n                    }\n                    card.style.setProperty('color', '#2A2A2A', 'important');\n                    \n                    \/\/ Update headings\n                    const headings = card.querySelectorAll('h3, h4');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Update text\n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Update strong\/highlighted text\n                    const strongTexts = card.querySelectorAll('strong');\n                    strongTexts.forEach(strong => {\n                        strong.style.setProperty('color', '#000000', 'important');\n                        strong.style.setProperty('font-weight', '600', 'important');\n                    });\n                    \n                    \/\/ Update links\n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Update highlight boxes\n                    const highlights = card.querySelectorAll('.highlight-box');\n                    highlights.forEach(highlight => {\n                        highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n                        highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n                    });\n\n                    \/\/ Update keep learning form elements\n                    if (card.classList.contains('keep-learning-section')) {\n                        const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n                        keepLearningInputs.forEach(input => {\n                            input.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                            input.style.setProperty('color', '#333333', 'important');\n                            input.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n                        });\n                        \n                        const keepLearningButton = card.querySelector('.signup-form-container button');\n                        if (keepLearningButton) {\n                            keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #9A7A0A)', 'important');\n                        }\n                    }\n                });\n                \n                \/\/ Update title and subtitle\n                if (title) {\n                    title.style.setProperty('color', '#B8860B', 'important');\n                    title.style.setProperty('text-shadow', 'none', 'important');\n                }\n                \n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#000000', 'important');\n                    subtitle.style.setProperty('opacity', '1', 'important');\n                }\n                \n                \/\/ Update nav hint to be black in light mode\n                if (navHint) {\n                    navHint.style.setProperty('color', '#000000', 'important');\n                }\n                \n                sectionTitles.forEach(title => {\n                    title.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                \/\/ Update comment system elements for light theme\n                if (engagementContainer) {\n                    engagementContainer.style.setProperty('background-color', '#ffffff', 'important');\n                    engagementContainer.style.setProperty('border', '2px solid #000000', 'important');\n                    \n                    \/\/ Fix engagement content headings to be gold\n                    const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n                    engagementHeadings.forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Fix engagement content text to be black\n                    const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n                    engagementTexts.forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Fix engagement feature list items to be black\n                    const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n                    engagementFeatures.forEach(item => {\n                        item.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Fix username display placeholder text to be black\n                    const usernameDisplay = document.getElementById('usernameDisplay');\n                    if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n                        usernameDisplay.style.setProperty('color', '#333333', 'important');\n                    }\n                }\n                \n                commentForm.forEach(form => {\n                    form.querySelectorAll('h4, h3').forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    form.querySelectorAll('p, li').forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \/\/ FIXED: Update Step spans to be gold in light theme\n                    form.querySelectorAll('ol li span').forEach(span => {\n                        span.style.setProperty('color', '#B8860B', 'important');\n                    });\n                });\n                \n                commentItems.forEach(item => {\n                    item.style.setProperty('background', 'rgba(0,0,0,0.05)', 'important');\n                    item.style.setProperty('border-left', '3px solid #B8860B', 'important');\n                    \n                    const commentText = item.querySelector('.comment-text');\n                    if (commentText) commentText.style.setProperty('color', '#333333', 'important');\n                    \n                    const commentAuthor = item.querySelector('.comment-author');\n                    if (commentAuthor) commentAuthor.style.setProperty('color', '#B8860B', 'important');\n                    \n                    const commentDate = item.querySelector('.comment-date');\n                    if (commentDate) commentDate.style.setProperty('color', '#666666', 'important');\n                    \n                    const commentFooter = item.querySelector('.comment-footer');\n                    if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n                });\n                \n                if (sortLabel) sortLabel.style.setProperty('color', '#333333', 'important');\n                if (sortDropdown) {\n                    sortDropdown.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                    sortDropdown.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n                    sortDropdown.style.setProperty('color', '#333333', 'important');\n                }\n                if (commentsHeader) commentsHeader.style.setProperty('color', '#B8860B', 'important');\n                if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#666666', 'important');\n                \n                \/\/ Update button style\n                toggleButton.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n                toggleButton.style.setProperty('color', '#B8860B', 'important');\n                \n            } else {\n                \/\/ DARK THEME (Night Time)\n                console.log('Applying DARK theme');\n                \n                \/\/ REMOVE LIGHT THEME CLASS AND ADD DARK THEME CLASS\n                body.classList.remove('light-theme');\n                body.classList.add('dark-theme');\n                \n                \/\/ Remove light theme class from html as well\n                html.classList.remove('light-theme');\n                \n                \/\/ Reset to dark gradient\n                html.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n                body.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n                \n                \/\/ UPDATE HEADER FOR DARK THEME\n                if (header) {\n                    header.style.setProperty('background', '#1d1d1d', 'important');\n                    header.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                dropdownContent.forEach(dropdown => {\n                    dropdown.style.setProperty('background', '#1d1d1d', 'important');\n                    dropdown.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    \n                    const dropdownLinks = dropdown.querySelectorAll('a');\n                    dropdownLinks.forEach(link => {\n                        link.style.setProperty('color', '#f5ebd6', 'important');\n                    });\n                });\n                \n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#f5ebd6', 'important');\n                });\n                \n                \/\/ UPDATE MOBILE MENU FOR DARK THEME\n                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', 'rgba(29, 29, 29, 0.98)', 'important');\n                    mobileMenu.style.setProperty('border-left', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                mobileMenuLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                    link.style.setProperty('border-bottom', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n                });\n                \n                mobileSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                    link.style.setProperty('background', 'rgba(255, 255, 255, 0.05)', 'important');\n                });\n                \n                \/\/ UPDATE FOOTER FOR DARK THEME\n                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', '#1d1d1d', 'important');\n                    footerCardWrapper.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                if (footerTitle) {\n                    footerTitle.style.setProperty('color', '#F4C542', 'important');\n                }\n                \n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                \/\/ Reset cards\n                contentCards.forEach(card => {\n                    card.style.setProperty('background-color', '#1d1d1d', 'important');\n                    card.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    card.style.setProperty('color', '#fff', 'important');\n                    \n                    \/\/ Reset headings\n                    const headings = card.querySelectorAll('h3, h4');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    \/\/ Reset text\n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    \/\/ Reset strong text\n                    const strongTexts = card.querySelectorAll('strong');\n                    strongTexts.forEach(strong => {\n                        strong.style.setProperty('color', '#F4C542', 'important');\n                        strong.style.setProperty('font-weight', '600', 'important');\n                    });\n                    \n                    \/\/ Reset links\n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#4CAF50', 'important');\n                    });\n                    \n                    \/\/ Reset highlight boxes\n                    const highlights = card.querySelectorAll('.highlight-box');\n                    highlights.forEach(highlight => {\n                        highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n                        highlight.style.setProperty('border-left', '5px solid #F4C542', 'important');\n                    });\n\n                    \/\/ Reset keep learning form elements\n                    if (card.classList.contains('keep-learning-section')) {\n                        const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n                        keepLearningInputs.forEach(input => {\n                            input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n                            input.style.setProperty('color', '#fff', 'important');\n                            input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                        });\n                        \n                        const keepLearningButton = card.querySelector('.signup-form-container button');\n                        if (keepLearningButton) {\n                            keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                        }\n                    }\n                });\n                \n                \/\/ Reset title and subtitle\n                if (title) {\n                    title.style.setProperty('color', '#F4C542', 'important');\n                    title.style.setProperty('text-shadow', '3px 3px 12px rgba(0,0,0,0.8)', 'important');\n                }\n                \n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#E3E3DC', 'important');\n                    subtitle.style.setProperty('opacity', '0.9', 'important');\n                }\n                \n                \/\/ Reset nav hint to original color in dark mode\n                if (navHint) {\n                    navHint.style.setProperty('color', '#F4C542', 'important');\n                }\n                \n                sectionTitles.forEach(title => {\n                    title.style.setProperty('color', '#F4C542', 'important');\n                });\n                \n                \/\/ Reset comment system elements for dark theme\n                if (engagementContainer) {\n                    engagementContainer.style.setProperty('background-color', '#1d1d1d', 'important');\n                    engagementContainer.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    \n                    \/\/ Reset engagement content elements\n                    const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n                    engagementHeadings.forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n                    engagementTexts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n                    engagementFeatures.forEach(item => {\n                        item.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    const usernameDisplay = document.getElementById('usernameDisplay');\n                    if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n                        usernameDisplay.style.setProperty('color', '', 'important');\n                    }\n                }\n                \n                commentForm.forEach(form => {\n                    form.querySelectorAll('h4, h3').forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    form.querySelectorAll('p, li').forEach(text => {\n                        text.style.setProperty('color', '#fff', 'important');\n                    });\n                    \/\/ Reset Step spans to original color in dark theme\n                    form.querySelectorAll('ol li span').forEach(span => {\n                        span.style.setProperty('color', '#F4C542', 'important');\n                    });\n                });\n                \n                commentItems.forEach(item => {\n                    item.style.setProperty('background', 'rgba(0,0,0,0.4)', 'important');\n                    item.style.setProperty('border-left', '3px solid #4CAF50', 'important');\n                    \n                    const commentText = item.querySelector('.comment-text');\n                    if (commentText) commentText.style.setProperty('color', '#E3E3DC', 'important');\n                    \n                    const commentAuthor = item.querySelector('.comment-author');\n                    if (commentAuthor) commentAuthor.style.setProperty('color', '#F4C542', 'important');\n                    \n                    const commentDate = item.querySelector('.comment-date');\n                    if (commentDate) commentDate.style.setProperty('color', '#E3E3DC', 'important');\n                    \n                    const commentFooter = item.querySelector('.comment-footer');\n                    if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n                });\n                \n                if (sortLabel) sortLabel.style.setProperty('color', '#E3E3DC', 'important');\n                if (sortDropdown) {\n                    sortDropdown.style.setProperty('background', 'rgba(0, 0, 0, 0.6)', 'important');\n                    sortDropdown.style.setProperty('border', '1px solid rgba(76, 175, 80, 0.4)', 'important');\n                    sortDropdown.style.setProperty('color', '#E3E3DC', 'important');\n                }\n                if (commentsHeader) commentsHeader.style.setProperty('color', '#4CAF50', 'important');\n                if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#E3E3DC', 'important');\n                \n                \/\/ Reset button style\n                toggleButton.style.setProperty('background', 'rgba(0,0,0,0.8)', 'important');\n                toggleButton.style.setProperty('border', '2px solid #4CAF50', 'important');\n                toggleButton.style.setProperty('color', '#4CAF50', 'important');\n            }\n        }\n\n        \/\/ Animate content cards on scroll\n        function animateOnScroll() {\n            const cards = document.querySelectorAll('.content-card, .media-card');\n            \n            cards.forEach(card => {\n                const cardTop = card.getBoundingClientRect().top;\n                const cardBottom = card.getBoundingClientRect().bottom;\n                \n                if (cardTop < window.innerHeight && cardBottom > 0) {\n                    card.classList.add('animate-in');\n                }\n            });\n        }\n\n        \/\/ Smooth scroll to anchor on page load with offset\n        document.addEventListener('DOMContentLoaded', function() {\n            if (window.location.hash) {\n                setTimeout(function() {\n                    const element = document.querySelector(window.location.hash);\n                    if (element) {\n                        const yOffset = -150; \/\/ Negative value = scroll UP from element\n                        const yPosition = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n                        \n                        window.scrollTo({\n                            top: yPosition,\n                            behavior: 'smooth'\n                        });\n                    }\n                }, 100);\n            }\n        });\n\n        \/\/ Initialize everything when DOM is ready\n        document.addEventListener('DOMContentLoaded', function() {\n            console.log('\ud83c\udf3f Two Birds One Stoned - Cannabis History Article Initialized');\n            \n            \/\/ Setup email signup\n            setupEmailSignup();\n            \n            \/\/ Setup scroll animations\n            animateOnScroll();\n            window.addEventListener('scroll', animateOnScroll);\n            \n            \/\/ Animate title section\n            setTimeout(() => {\n                const titleSection = document.querySelector('.title-section');\n                if (titleSection) {\n                    titleSection.style.opacity = '1';\n                    titleSection.style.transform = 'translateY(0)';\n                }\n            }, 100);\n            \n            \/\/ Initialize anonymous mode toggle\n            const anonymousCheckbox = document.getElementById('anonymousMode');\n            const emailGroup = document.getElementById('emailGroup');\n            \n            if (anonymousCheckbox && emailGroup) {\n                anonymousCheckbox.addEventListener('change', function() {\n                    if (this.checked) {\n                        emailGroup.style.display = 'none';\n                        document.getElementById('commentEmail').removeAttribute('required');\n                    } else {\n                        emailGroup.style.display = 'block';\n                        document.getElementById('commentEmail').setAttribute('required', '');\n                    }\n                });\n            }\n            \n            \/\/ Ensure progress bar starts at 0\n            updateProgressBar();\n            \n            console.log('\u2705 All components initialized successfully');\n        });\n\n        \/\/ Handle visibility change for audio\n        document.addEventListener('visibilitychange', function() {\n            if (document.hidden) {\n                \/\/ Pause any playing audio when tab is not visible\n                const nightAudio = document.getElementById('nightTimeAudio');\n                const dayAudio = document.getElementById('dayTimeAudio');\n                if (nightAudio) nightAudio.pause();\n                if (dayAudio) dayAudio.pause();\n            }\n        });\n\n        \/\/ Error handling for external scripts\n        window.addEventListener('error', function(e) {\n            if (e.filename && (e.filename.includes('5832.js') || e.filename.includes('6342.js'))) {\n                console.warn('External script error detected, but core functionality preserved:', e.message);\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>The Complete History of Cannabis: 5000 Years of Human Use | Two Birds One Stoned The History of Cannabis on Earth \ud83c\udf0d From ancient rituals to modern legalization, explore 5,000 years of human cannabis use \ud83c\udf19 \ud83c\udfac Watch the Full Breakdown Get the complete visual journey through cannabis history \ud83c\udfa7 Listen on the Go Perfect [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-701","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/cs\/wp-json\/wp\/v2\/pages\/701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/cs\/wp-json\/wp\/v2\/comments?post=701"}],"version-history":[{"count":177,"href":"https:\/\/twobirdsonestoned.co\/cs\/wp-json\/wp\/v2\/pages\/701\/revisions"}],"predecessor-version":[{"id":8039,"href":"https:\/\/twobirdsonestoned.co\/cs\/wp-json\/wp\/v2\/pages\/701\/revisions\/8039"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/cs\/wp-json\/wp\/v2\/media?parent=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}