{"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\/it\/history-of-cannabis\/","title":{"rendered":"La Storia della Cannabis sulla Terra \ud83c\udf0d"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \n \n La Storia Completa della Cannabis: 5000 Anni di Uso Umano | Two Birds One Stoned<\/title>\n <meta name=\"description\" content=\"Esplora 5000 anni di storia della cannabis dalla medicina antica alla legalizzazione moderna. Educazione basata su prove che copre Shen Nung, il proibizionismo e la riforma globale.\">\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=\"Educazione alla cannabis\">\n <meta property=\"article:tag\" content=\"Cannabis History\">\n <meta property=\"article:tag\" content=\"Educazione alla cannabis\">\n <meta property=\"article:tag\" content=\"Scienza della cannabis\">\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\">La Storia della Cannabis sulla Terra \ud83c\udf0d<\/h1>\n <p class=\"article-subtitle\">Dai rituali antichi alla legalizzazione moderna, esplora 5.000 anni di uso umano della cannabis<\/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 Guarda l'analisi completa<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Scopri il viaggio visivo completo nella storia della cannabis<\/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=\"Lettore video di 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 Ascolta ovunque sei<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Perfetto per il tuo tragitto o allenamento \u2014 versione solo audio<\/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 Preferisci leggere? Immergiti nell'analisi scritta completa qui sotto \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\">La Storia della Cannabis sulla Terra \ud83c\udf0d<\/h2>\n\n <!-- Introduction -->\n <div class=\"content-card\">\n <h3>Il Viaggio Inizia<\/h3>\n <p class=\"content-text\">Facciamo un viaggio nel tempo. Dai rituali antichi ai dibattiti moderni, la cannabis \u00e8 stata parte della storia umana per migliaia di anni. Questo viaggio ti dar\u00e0 uno sguardo su come gli esseri umani hanno interagito con la pianta di cannabis nel corso della storia<\/p>\n <p class=\"content-text\">Pronto? Tuffiamoci.<\/p>\n <\/div>\n\n <!-- Origins Section -->\n <div class=\"content-card\">\n <h3>Dove tutto \u00e8 iniziato \u2014 Le origini della cannabis<\/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\">Quindi quando \u00e8 apparsa la cannabis sulla terra per la prima volta ed \u00e8 diventata una pianta a s\u00e9 stante? Circa <strong>28 milioni di anni fa<\/strong>, nelle regioni dell'Asia centrale e della Cina occidentale. \u00c8 allora che si \u00e8 separata dal suo antenato e ha iniziato a evolversi nella cannabis che conosciamo oggi.<\/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\">Ed ecco il fatto divertente, indovina chi altro \u00e8 venuto da quella stessa pianta ancestrale? Humulus lupulus.<\/p>\n <p class=\"content-text\">Probabilmente sei seduto l\u00ec a pensare, Humulu che cosa?<\/p>\n <p class=\"content-text translation-block\">Beh, Humulus lupulus \u00e8 il nome scientifico del <strong>Luppolo<\/strong>. Cio\u00e8, l'ingrediente chiave della tua birra preferita.<\/p>\n <p class=\"content-text\"> La cannabis e il luppolo sono letteralmente cugini botanici. Cugini diretti. Il tipo di cugini che vengono entrambi invitati allo stesso matrimonio di famiglia.<\/p>\n \n <p class=\"content-text\">Possiamo smettere di cercare di separare la famiglia per favore?<\/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\">Quello che sappiamo \u00e8 che l'uso registrato pi\u00f9 antico della cannabis risale al <strong>2800 a.C.<\/strong>, grazie all'imperatore cinese Shen Nung. Shen, conosciuto come il padre della medicina cinese, ha documentato la cannabis nella sua farmacopea per le sue propriet\u00e0 terapeutiche.<\/p>\n <p class=\"content-text translation-block\">Ora tuffiamoci nella storia <strong>documentata<\/strong> umana della cannabis.<\/p>\n <\/div>\n\n <!-- Ancient History Section -->\n <div class=\"content-card\">\n <h3>Storia Antica \u2014 Gli Inizi della Cannabis Documentata<\/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\">Questo \u00e8 stato <strong>4825 anni fa<\/strong>. Circa 175 generazioni prima. Un saluto alla nostra discendenza familiare di allora. Mi chiedo cosa stessero facendo i nostri antenati a quel tempo. \u00c8 figo pensare che, chiunque fossero, guardavano le stesse stelle che guardiamo noi.<\/p>\n <p class=\"content-text\">Shennong document\u00f2 per la prima volta l'uso della cannabis per motivi terapeutici in questo periodo. Ai cinesi si pu\u00f2 attribuire la prima documentazione dell'uso della cannabis, in particolare nelle loro regioni occidentali.<\/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 a.C. \u2013 Uso Egizio e Assiro<\/h4>\n <p class=\"content-text translation-block\">Facciamo un salto in avanti fino a circa il <strong>1500 a.C.<\/strong>, e vediamo gli egizi documentare l'uso della cannabis per trattare l'infiammazione. Nel frattempo, gli assiri registrarono il suo uso medicinale su tavolette di argilla.<\/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 a.C. \u2013 La Cannabis nell'India Antica<\/h4>\n <p class=\"content-text translation-block\">Nell'India antica, la cannabis era considerata una delle <strong>cinque piante sacre<\/strong>. La bevanda Bhang (una bevanda a base di latte infusa con cannabis) \u00e8 stata usata per secoli in India per trattare vari disturbi ed \u00e8 ancora consumata oggi.<\/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 a.C. \u2013 Erodoto e gli Sciti<\/h4>\n <p class=\"content-text\">Lo storico greco Erodoto descrisse un rituale funerario scitico in cui i dolenti gettavano semi di canapa su pietre roventi e si dilettavano nel fumo.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\"><strong>Fatto interessante:<\/strong> Quei semi contenevano livelli di THC pi\u00f9 alti del normale per quel periodo, segnando il <strong>primo caso documentato<\/strong> di esseri umani che si sballavano con il fumo di cannabis. Rispetto agli Sciti.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- AD Era Section -->\n <div class=\"content-card\">\n <h3>Era d.C. \u2014 La Cannabis si Diffonde tra le Civilt\u00e0<\/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 d.C. \u2013 L'Impero Romano<\/h4>\n <p class=\"content-text translation-block\">Durante l'Impero Romano, figure di rilievo come <strong>Plinio il Vecchio, Galeno e Dioscoride<\/strong> documentarono l'uso della cannabis per trattare il dolore e l'infiammazione. La canapa veniva usata per fare corde, vele e reti, favorendo l'espansione delle civilt\u00e0 umane.<\/p>\n <p class=\"content-text\">Galeno not\u00f2 anche le propriet\u00e0 psicoattive della cannabis, riconoscendone gli effetti sulla mente.<\/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 Medicina Persiana Medievale<\/h4>\n <p class=\"content-text translation-block\">Nella Persia medievale, la cannabis veniva usata per trattare l'epilessia, la gotta e i mal di testa gravi. Il rinomato testo medico <strong>Canone di Medicina di Avicenna<\/strong> elencava la cannabis come trattamento per vari disturbi, e quest'opera ha influenzato la medicina occidentale per secoli.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Modern History Section -->\n <div class=\"content-card\">\n <h3>Storia Moderna \u2014 La Nuova Era della Cannabis<\/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 Medico Irlandese Introduce la Cannabis nella Medicina Occidentale<\/h4>\n <p class=\"content-text translation-block\">L'uomo, il mito, la leggenda. Alziamo il bicchiere per <strong>Sir William Brooke O'Shaughnessy<\/strong>, un medico irlandese che ha portato la cannabis nella medicina occidentale, s\u00ec, il grande William!<\/p>\n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Mentre era in India, il signor O'Shack Hennessy vide la cannabis in azione, non curando malattie, ma facendo qualcosa che i medici non potevano fare. Osserv\u00f2 il suo potente effetto nell'<strong>alleviare<\/strong> il dolore grave e nel <strong>trattare<\/strong> condizioni brutali come tetano, rabbia, artrite ed epilepsia, roba che lasciava i medici senza risposte.<\/p>\n <p class=\"content-text\">Questo ha cambiato tutto. Un punto di svolta. Da qui, la cannabis ha iniziato a fare scalpore nei circoli farmaceutici, e il suo uso medicinale \u00e8 cresciuto a valanga da allora.<\/p>\n <p class=\"content-text\"><a href=\"https:\/\/www.youtube.com\/watch?v=rdJYbOkbetQ\" rel=\"noopener noreferrer\">Forza William!!!<\/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 - Gli USA e la \"Minaccia della Marijuana\"<\/h4>\n <p class=\"content-text translation-block\">Dopo la Rivoluzione messicana del 1910, molti immigrati messicani portarono l'uso ricreativo della cannabis negli Stati Uniti. I media mettevano in guardia contro le <strong>\"Minacce della Marijuana\"<\/strong> incombenti, attribuendo crimini terribili all'uso di marijuana da parte di messicani e comunit\u00e0 nere.<\/p>\n \n <p class=\"content-text translation-block\">La parola \"marijuana\" fu deliberatamente introdotta nel vocabolario pubblico per far sembrare la pianta straniera e minacciosa. Usando il termine di <strong>slang messicano<\/strong> invece di \"cannabis,\" le autorit\u00e0 e i media potevano collegarla pi\u00f9 facilmente agli immigrati e alimentare la paura culturale<\/p>\n \n <p class=\"content-text translation-block\">Nel sud degli Stati Uniti, in particolare a New Orleans, un nuovo tipo di musica stava facendo scalpore, il <strong>Jazz<\/strong>. La cannabis ha svolto un ruolo significativo nell'Era del Jazz, fungendo da canale per la creativit\u00e0, la produzione musicale e l'esibizione.<\/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\">Statisticamente, gli americani neri e messicani avevano maggiori probabilit\u00e0 di essere arrestati per possesso di cannabis rispetto agli americani bianchi. I legislatori lo sapevano e <strong>hanno trasformato le leggi sulla cannabis in armi<\/strong> per colpire le comunit\u00e0 emarginate, usando la pianta come strumento di criminalizzazione e controllo.<\/p>\n <p class=\"content-text\">A prima vista, l'approccio negli Stati Uniti sembrava essere: \"I messicani e gli afroamericani stanno usando questa pianta, rendiamola illegale, rinchiudiamoli e facciamo soldi con questo.\"<\/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 - Divieto Internazionale della Cannabis<\/h4>\n <p class=\"content-text translation-block\">Fondata nel 1920, la <strong>Societ\u00e0 delle Nazioni<\/strong> fu la prima organizzazione multinazionale e intergovernativa creata per mantenere la pace mondiale, dopo la fine della Grande Guerra (Prima Guerra Mondiale). L'organizzazione del \"andiamo tutti d'accordo\".<\/p>\n <p class=\"content-text\">Nel 1925, si tenne a Ginevra la Convenzione internazionale sull'oppio. L'obiettivo era vietare le esportazioni di oppio e cocaina in tutto il mondo. Questo stava per accadere fino a quando un intervento dell'ultimo minuto dall'Egitto, sostenuto da Italia, Sudafrica e Turchia, volle includere l'hashish nella lista (per ragioni che possiamo approfondire un'altra volta).<\/p>\n <p class=\"content-text translation-block\">Fu approvato e l'hashish venne aggiunto alla lista. Questo segn\u00f2 l'inizio della <strong>proibizione globale della cannabis<\/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\">Per favore, guarda semplicemente il <a href=\"https:\/\/www.youtube.com\/watch?v=sbjHOBJzhb0\" target=\"_blank\" rel=\"noopener noreferrer\">trailer di Reefer Madness<\/a>. Ti porter\u00e0 via un minuto e trentotto secondi della tua vita. Ne varr\u00e0 assolutamente la pena...<\/p>\n \n <p class=\"content-text translation-block\">Penso che la mia citazione preferita sia <strong>\"Pu\u00f2 essere arrotolata in una sigaretta dall'aspetto innocuo\"<\/strong> Rileggi quella frase, ahahah. I commenti di YouTube sono tra i migliori davvero, no?<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Il film Reefer Madness \u00e8 stato rilasciato, demonizzando la cannabis come una droga altamente dipendente che causava disturbi mentali e violenza. Praticamente indica che se consumi cannabis diventerai <strong>violento, violento, omicida<\/strong> e salterai da un grattacielo verso la tua morte. Tutto grazie a qualche tiro della dolce Mary Jane.<\/p>\n <p class=\"content-text\">Ora, non sono un esperto di droghe e dei loro effetti, ma questo \u00e8, sono abbastanza sicuro, come numero intero, arrotondato al decimale pi\u00f9 vicino, assolute stronzate a.k.a un sacco di merda a.k.a completo e totale nonsense\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 La Legge sull'Imposta sulla Marijuana<\/h4>\n <p class=\"content-text\">Leggi velocemente come sono arrivati alla decisione di vietare effettivamente la cannabis negli Stati Uniti. C'erano due opinioni su questo.<\/p>\n <p class=\"content-text translation-block\">Da un lato c'era <strong>Harry J. Anslinger<\/strong>, il primo Commissario del Bureau Federale dei Narcotici. Harold era ossessionato dall'idea di mettere la cannabis nel mirino della legge federale. Ma perch\u00e9? La sua agenda era alimentata da un mix di razzismo, interesse politico personale, guerre territoriali burocratiche e una crociata morale. Non si trattava di prove o salute pubblica, si trattava di paura, controllo e potere<\/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\">Ora, dall'altro lato di questa decisione c'era il <strong>Consulente Legale dell'Associazione Medica Americana<\/strong>, che era contrario a questa decisione di vietare la cannabis. Perch\u00e9?<\/p>\n \n <ul>\n <li>Mancanza di prove scientifiche sulla decisione<\/li>\n <li>Il valore medicinale veniva ignorato<\/li>\n <li>La comunit\u00e0 medica non \u00e8 stata coinvolta nell'approvazione del disegno di legge<\/li>\n <\/ul>\n \n <p class=\"content-text translation-block\">Insieme al Consulente Legale dell'Associazione Medica Americana, c'era l'<strong>Accademia di Medicina di New York.<\/strong> Hanno pubblicato un rapporto approfondito dichiarando che la \"marijuana\" non induceva violenza, n\u00e9 follia, n\u00e9 portava alla dipendenza o all'uso di altre droghe.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Cosa pensi che abbiano deciso di fare dopo aver analizzato attentamente questi rapporti e la situazione in questione? Beh, hanno deciso di <strong>non ascoltare i medici e gli esperti<\/strong> di medicina e hanno scelto di ignorare questi rapporti approfonditi. Quindi sono andati avanti con l'approvazione della legge menzionata. Bravi ragazzi.<\/p>\n <p class=\"content-text\">Questa legge ha reso estremamente difficile condurre qualsiasi ricerca significativa sulla cannabis negli anni successivi.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Turn of Millennium Section -->\n <div class=\"content-card\">\n <h3>La Svolta del Millennio \u2014 La Strada verso la Legalizzazione<\/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>Anni '70 \u2013 Liberalizzazione Olandese<\/h4>\n <p class=\"content-text translation-block\">I Paesi Bassi hanno adottato un approccio progressista categorizzando la cannabis come una droga meno pericolosa. Il governo olandese ha diviso le droghe in <strong>categorie pi\u00f9 e meno pericolose<\/strong>, con la cannabis nella categoria minore.<\/p>\n <p class=\"content-text\">Nel 1976, i coffee shop hanno iniziato a vendere cannabis per uso ricreativo. L'approccio del paese alla cannabis \u00e8 diventato un modello da seguire per altri.<\/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 - Scoperta del Sistema Endocannabinoide<\/h4>\n <p class=\"content-text translation-block\">Nel 1992, lo scienziato <strong>Dr. Raphael Mechoulam<\/strong> ha scoperto che gli esseri umani hanno un intero sistema biologico progettato per interagire con i composti della cannabis. Si chiama <strong>sistema endocannabinoide<\/strong>. Questa scoperta ha completamente cambiato la conversazione da \"droga pericolosa\" a \"aspetta, forse c'\u00e8 davvero qualcosa qui.\"<\/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 - La California Legalizza la Cannabis Medicinale<\/h4>\n <p class=\"content-text translation-block\">Nel 1996, la California ci prov\u00f2. Andando contro la legge federale, gli elettori della California approvarono la <strong>Proposizione 215<\/strong> che permetteva la vendita e l'uso medicinale di marijuana per pazienti con AIDS, cancro e altre malattie gravi e dolorose.<\/p>\n <p class=\"content-text\">Questa legge rimane ancora in tensione con le leggi federali che vietano il possesso di marijuana.<\/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>Anni 2000 \u2013 Il Cambiamento Globale<\/h4>\n <p class=\"content-text translation-block\">Dal cambio del millennio, sempre pi\u00f9 paesi si sono mossi verso la depenalizzazione e legalizzazione della cannabis. La tendenza \u00e8 <strong>depenalizzazione seguita da legalizzazione<\/strong>.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\"><strong>Depenalizzazione<\/strong> significa che non vieni punito o multato per possedere piccole quantit\u00e0 della droga.<\/p>\n <p class=\"content-text translation-block\"><strong>Legalizzazione<\/strong> significa che la droga \u00e8 regolamentata e pu\u00f2 essere venduta e scambiata secondo le regole governative.<\/p>\n <\/div>\n \n <p class=\"content-text\">Quindi prima si rendono conto che ok forse siamo stati troppo severi con tutti questi regolamenti e divieti in passato, smettiamo di punire le persone per quello che fanno (depenalizzazione). Poi pensano \"Bene, ora come possiamo farci dei soldi\" dove viene messo in atto un piano per vendere la droga legalmente (legalizzazione).<\/p>\n <p class=\"content-text\">A meno che il tuo paese non si chiami Thailandia, voi pazzi bastardi.<\/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\">Nel frattempo, mentre tutti cercavano di capire cosa fare con leggi e politiche, l'<strong>Uruguay<\/strong> semplicemente ci \u00e8 andato ed \u00e8 diventato il primo paese al mondo a legalizzare completamente la cannabis nel 2013. Non depenalizzare, legalizzazione vera e propria. Il loro approccio era semplice: perch\u00e9 stiamo lasciando che i criminali guadagnino tutti i soldi da questo?<\/p>\n \n <p class=\"content-text translation-block\">Poi nel 2018, il <strong>Canada<\/strong> \u00e8 diventato il primo grande paese occidentale a legalizzare la cannabis a livello nazionale. Il loro governo aveva tre obiettivi semplici: tenerla lontana dai bambini, tenere i profitti lontani dai criminali e non lasciare che la societ\u00e0 crolli. Spoiler alert: la societ\u00e0 non \u00e8 crollata.<\/p>\n <\/div>\n<\/div>\n<\/div>\n <!-- Final Thoughts Section -->\n <div class=\"content-card\">\n <h3>Riflessioni Finali - La Storia \u00e8 stata Distorta<\/h3>\n <p class=\"content-text translation-block\">Quindi eccoci qua. Questa dovrebbe essere una buona panoramica del panorama e della storia della cannabis, la Terra e gli esseri umani insieme. La cannabis fa parte della storia umana da <strong>migliaia di anni<\/strong>. \u00c8 stata usata come medicina, fonte di illuminazione spirituale e strumento di controllo sociale.<\/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>L'Unico Modo per Restare Aggiornato<\/h3>\n <p>La cannabis si sta evolvendo e noi copriamo la scienza, la ricerca e la cultura, tutto gratis e direttamente nella tua casella di posta. Niente social media. Solo email. Unisciti se sei curioso.<\/p>\n <ul class=\"benefits-list\">\n <li>\ud83c\udfac Interviste e Documentari<\/li>\n <li>\ud83d\udcda Video e audio educativi<\/li>\n <li>\ud83d\udd2c Informazioni e approfondimenti scientifici<\/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=\"tua@email.com\" required id=\"emailInput\">\n <button type=\"submit\" id=\"emailSubmitBtn\">Ricevi Aggiornamenti<\/button>\n <p class=\"form-note\">\u27a1\ufe0f Resta curioso \u2b05\ufe0f<\/p>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"it\"\/><\/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>Qual \u00e8 la tua opinione?<\/h3>\n <p>Hai qualcosa da dire? Lascialo qui sotto. La tua voce aiuta a plasmare ci\u00f2 che verr\u00e0 dopo.<\/p>\n <ul class=\"engagement-features\">\n <li>\ud83d\udcad Condividi le tue esperienze<\/li>\n <li>\ud83e\udd1d Chiacchiera con gli altri a riguardo<\/li>\n <li>\ud83d\udcda Aiuta a migliorare i contenuti futuri<\/li>\n <\/ul>\n <\/div>\n <div class=\"engagement-interaction\">\n <div class=\"comment-form-v1\">\n <h4>Come funziona<\/h4>\n <ol>\n <li class=\"translation-block\"><span>Passo 1:<\/span>Scegli: Inserisci la tua email O commenta anonimamente<\/li>\n <li class=\"translation-block\"><span>Passo 2:<\/span>Ottieni il tuo username unico (lo mantieni per tutto il sito)<\/li>\n <li class=\"translation-block\"><span>Passo 3:<\/span>Commenta, vota, rispondi e condividi le tue idee: fai parte della conversazione!<\/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;\">Commenta anonimamente (nessuna email richiesta)<\/label>\n <\/div>\n <\/div>\n \n <div class=\"form-group-v1\" id=\"emailGroup\">\n <input type=\"email\" id=\"commentEmail\" placeholder=\"tua@email.com\" required>\n <div class=\"username-container\">\n <div class=\"username-display\" id=\"usernameDisplay\">Il tuo nome utente apparir\u00e0 qui<\/div>\n <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Ottieni un nome utente diverso\">\n \ud83d\udd04\n <\/button>\n <\/div>\n <\/div>\n <div class=\"form-group-v1\">\n <textarea id=\"commentText\" placeholder=\"Cosa ne pensi? Domande o esperienze da condividere?\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n <span id=\"submitText\">Pubblica commento<\/span>\n <\/button>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"it\"\/><\/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\">Ordina per:<\/label>\n <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n <option value=\"recent\">Pi\u00f9 recente<\/option>\n <option value=\"liked\">Pi\u00f9 apprezzato<\/option>\n <\/select>\n <\/div>\n \n <div class=\"comments-header\" id=\"commentsHeader\">\n <span>\ud83d\udcad<\/span> Commenti recenti (<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\/it\/read\/\" rel=\"noopener noreferrer\" class=\"cta-button\">\n Altri Argomenti \u2192\n <\/a>\n <\/div>\n\n <!-- References Section -->\n <div class=\"content-card\">\n <h3>Riferimenti<\/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] Disponibile a: <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] Disponibile a: <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] Disponibile a: <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] Disponibile a: <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] Disponibile a: <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] Disponibile a: <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] Disponibile a: <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] Disponibile a: <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] Disponibile a: <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] Disponibile a: <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] Disponibile a: <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] Disponibile a: <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] Disponibile a: <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] Disponibile a: <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] Disponibile a: <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] Disponibile a: <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] Disponibile a: <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] Disponibile a: <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> [Consultato il 22 marzo 2025].<\/p>\n \n <p>Visual Capitalist, n.d. <em>Mapped: Countries Where Recreational Cannabis is Legal<\/em>. [online] Disponibile a: <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>Se Sei Arrivato Fin Qui...<\/h3>\n \n <div class=\"section-divider\"><\/div>\n \n <div class=\"highlight-box\">\n <p class=\"content-text\">Questo \u00e8 alla fine di ogni pezzo che scrivo, quindi se hai gi\u00e0 letto qualcosa qui prima, sai come funziona.<\/p>\n \n <p class=\"content-text translation-block\">Se sei arrivato alla fine di questo pezzo, <strong>grazie<\/strong>. Davvero. Hai dedicato il tempo per immergerti in un argomento che \u00e8 stato nascosto sotto strati di stigma per generazioni. Solo questo significa che fai parte di un cambiamento molto necessario.<\/p>\n \n <p class=\"content-text translation-block\">Se qualcosa qui ti ha fatto fermare o pensare diversamente, fai questo: <strong>parlane<\/strong>. Tiralo fuori con qualcuno. Non importa chi, il tuo amico, tuo padre, il tuo fisio, il tuo collega, chiunque. Condividi quello che hai imparato, quello che ti ha sorpreso, o anche quello di cui sei ancora incerto.<\/p>\n \n <p class=\"content-text translation-block\">Queste chiacchierate, che siano casuali, profonde, casuali o imbarazzanti, erodono lo stigma, pezzo per pezzo. Non predicando, ma semplicemente <strong>essendo onesti nel momento<\/strong>.<\/p>\n \n <p class=\"content-text\">Si tratta di spezzare il ciclo di disinformazione e paura che ci ha trattenuti per troppo tempo.<\/p>\n \n <p class=\"content-text\">Ogni volta che trasmettiamo informazioni accurate ed equilibrate, facciamo un altro passo verso il lasciare questo mondo un po' migliore di come l'abbiamo trovato, per la prossima generazione.<\/p>\n \n <p class=\"content-text\">Non voglio nemmeno che le vite delle persone siano influenzate negativamente dalle regole sociali che circondano questa pianta.<\/p>\n \n <p class=\"content-text\">Dobbiamo a loro fare le cose per bene. Parlare apertamente, senza giudizio n\u00e9 vergogna. Sostituire i miti obsoleti con prove e comprensione.<\/p>\n \n <p class=\"content-text\"><strong>Continuiamo questa conversazione x<\/strong><\/p>\n \n <p class=\"content-text\">Detto questo, ti lascio a te. Ce la puoi fare. Se hai imparato qualcosa di nuovo, vai a dirlo a qualcuno ahah<\/p>\n <\/div>\n <\/div>\n\n <!-- Go Exploring CTA -->\n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/it\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-button\">\n \ud83c\udf3f Vai ad Esplorare\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 […]<\/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\/it\/wp-json\/wp\/v2\/pages\/701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/comments?post=701"}],"version-history":[{"count":177,"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/pages\/701\/revisions"}],"predecessor-version":[{"id":8039,"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/pages\/701\/revisions\/8039"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/media?parent=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}