{"id":14,"date":"2024-06-03T03:35:59","date_gmt":"2024-06-03T03:35:59","guid":{"rendered":"http:\/\/erv.xvj.mybluehost.me\/distractions\/"},"modified":"2026-09-23T21:57:51","modified_gmt":"2026-09-23T21:57:51","slug":"distractions","status":"publish","type":"page","link":"https:\/\/findyourlifeline.org\/es\/distractions\/","title":{"rendered":"Distracciones"},"content":{"rendered":"\n<div class=\"nfd-py-md nfd-gap-2xl wp-block-group alignfull has-background is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-4178e437 wp-block-group-is-layout-flex wp-container-3 is-position-sticky\" style=\"background:linear-gradient(135deg,rgb(234,244,251) 4%,rgb(212,230,247) 48%,rgb(233,242,238) 87%)\">\n<div class=\"nfd-gap-0 wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-b935a859 wp-block-group-is-layout-flex\"><h1 style=\"color:#2f5d7c\" class=\"has-link-color nfd-text-lg nfd-text-contrast wp-elements-1 wp-block-site-title has-text-color has-large-font-size has-text-align-left wp-container-content-9cfa9a5a\"><a href=\"https:\/\/findyourlifeline.org\/es\" target=\"_self\" rel=\"home\">Find Your Lifeline<\/a><\/h1>\n\n<\/div>\n\n\n\n<div style=\"margin-top:var(--wp--preset--spacing--10);margin-bottom:var(--wp--preset--spacing--10);height:100px;width:938px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-7fadbe8e\"><\/div>\n\n\n\n<div class=\"nfd-gap-2xl wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-9dc0771c wp-block-group-is-layout-flex wp-container-2 is-position-sticky\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.351), 1.2rem);\">\n<div class=\"md:nfd-hidden nfd-weight-inherit wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n\n\n<nav style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.351), 1.2rem);color: #2f5d7c\" class=\"has-text-color is-responsive items-justified-right no-wrap nfd-gap-lg wp-block-navigation has-mulish-font-family is-content-justification-right is-nowrap is-layout-flex wp-container-core-navigation-is-layout-618cf3e7 wp-block-navigation-is-layout-flex\" aria-label=\"Navigation\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"Men\\u00fa\"}'><button aria-haspopup=\"dialog\" aria-label=\"Abrir el men\u00fa\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M5 5v1.5h14V5H5z\"><\/path><path d=\"M5 12.8h14v-1.5H5v1.5z\"><\/path><path d=\"M5 19h14v-1.5H5V19z\"><\/path><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container has-text-color has-background has-base-background-color\" style=\"color: #3f6f95\" id=\"modal-1\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"Cerrar el men\u00fa\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-1-content\">\n\t\t\t\t\t\t\t\t<ul style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.351), 1.2rem);color: #2f5d7c\" class=\"wp-block-navigation__container has-text-color is-responsive items-justified-right no-wrap nfd-gap-lg wp-block-navigation has-mulish-font-family\"><li data-wp-context=\"{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }\" data-wp-interactive=\"core\/navigation\" data-wp-on--focusout=\"actions.handleMenuFocusout\" data-wp-on--keydown=\"actions.handleMenuKeydown\" data-wp-on--pointerenter=\"actions.openMenuOnHover\" data-wp-on--pointerleave=\"actions.closeMenuOnHover\" data-wp-watch=\"callbacks.initMenu\" tabindex=\"-1\" class=\"wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/findyourlifeline.org\/es\/lifeline\/\"><span class=\"wp-block-navigation-item__label\"><strong>Lifeline<\/strong><\/span><\/a><button data-wp-bind--aria-expanded=\"state.isSubmenuOpen\" data-wp-on--click=\"actions.toggleMenuOnClick\" aria-label=\"Submen\u00fa de Lifeline\" class=\"wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M1.50002 4L6.00002 8L10.5 4\" stroke-width=\"1.5\"><\/path><\/svg><\/button><ul data-wp-on--focus=\"actions.openMenuOnFocus\" style=\"color:#3f6f95\" class=\"wp-block-navigation__submenu-container has-text-color has-background has-base-background-color wp-block-navigation-submenu\"><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/es\/regulation\/\"><span class=\"wp-block-navigation-item__label\">Regulation<\/span><\/a><\/li><\/ul><\/li><li data-wp-context=\"{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }\" data-wp-interactive=\"core\/navigation\" data-wp-on--focusout=\"actions.handleMenuFocusout\" data-wp-on--keydown=\"actions.handleMenuKeydown\" data-wp-on--pointerenter=\"actions.openMenuOnHover\" data-wp-on--pointerleave=\"actions.closeMenuOnHover\" data-wp-watch=\"callbacks.initMenu\" tabindex=\"-1\" class=\"wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/findyourlifeline.org\/inspiration\/\"><span class=\"wp-block-navigation-item__label\"><strong>Inspiration<\/strong><\/span><\/a><button data-wp-bind--aria-expanded=\"state.isSubmenuOpen\" data-wp-on--click=\"actions.toggleMenuOnClick\" aria-label=\"Submen\u00fa de Inspiration\" class=\"wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M1.50002 4L6.00002 8L10.5 4\" stroke-width=\"1.5\"><\/path><\/svg><\/button><ul data-wp-on--focus=\"actions.openMenuOnFocus\" style=\"color:#3f6f95\" class=\"wp-block-navigation__submenu-container has-text-color has-background has-base-background-color wp-block-navigation-submenu\"><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/inspiration\/lifeletter\/\"><span class=\"wp-block-navigation-item__label\">Life Letter<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/inspiration\/wholesome\/\"><span class=\"wp-block-navigation-item__label\">Wholesome<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/laugh\/\"><span class=\"wp-block-navigation-item__label\">Comedy Clinic<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/es\/perspectives\/\"><span class=\"wp-block-navigation-item__label\">Perspectives<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/nature\/\"><span class=\"wp-block-navigation-item__label\">Nature\u2019s Masterpiece<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/quotes\/\"><span class=\"wp-block-navigation-item__label\">Quotes<\/span><\/a><\/li><\/ul><\/li><li data-wp-context=\"{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }\" data-wp-interactive=\"core\/navigation\" data-wp-on--focusout=\"actions.handleMenuFocusout\" data-wp-on--keydown=\"actions.handleMenuKeydown\" data-wp-on--pointerenter=\"actions.openMenuOnHover\" data-wp-on--pointerleave=\"actions.closeMenuOnHover\" data-wp-watch=\"callbacks.initMenu\" tabindex=\"-1\" class=\"wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/findyourlifeline.org\/education\/\"><span class=\"wp-block-navigation-item__label\"><strong>Education<\/strong><\/span><\/a><button data-wp-bind--aria-expanded=\"state.isSubmenuOpen\" data-wp-on--click=\"actions.toggleMenuOnClick\" aria-label=\"Submen\u00fa de Education\" class=\"wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M1.50002 4L6.00002 8L10.5 4\" stroke-width=\"1.5\"><\/path><\/svg><\/button><ul data-wp-on--focus=\"actions.openMenuOnFocus\" style=\"color:#3f6f95\" class=\"wp-block-navigation__submenu-container has-text-color has-background has-base-background-color wp-block-navigation-submenu\"><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/education\/mental-health\/\"><span class=\"wp-block-navigation-item__label\">Mental Health<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/self-harm\/\"><span class=\"wp-block-navigation-item__label\">Self-Harm<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/addiction\/\"><span class=\"wp-block-navigation-item__label\">Addiction<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/therapy\/\"><span class=\"wp-block-navigation-item__label\">Therapy<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/medications\/\"><span class=\"wp-block-navigation-item__label\">Medications<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/abuse\/\"><span class=\"wp-block-navigation-item__label\">Abuse &amp; Harm<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/safety-plan\/\"><span class=\"wp-block-navigation-item__label\">Safety Planning<\/span><\/a><\/li><\/ul><\/li><li data-wp-context=\"{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }\" data-wp-interactive=\"core\/navigation\" data-wp-on--focusout=\"actions.handleMenuFocusout\" data-wp-on--keydown=\"actions.handleMenuKeydown\" data-wp-on--pointerenter=\"actions.openMenuOnHover\" data-wp-on--pointerleave=\"actions.closeMenuOnHover\" data-wp-watch=\"callbacks.initMenu\" tabindex=\"-1\" class=\"wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/findyourlifeline.org\/resources\/\"><span class=\"wp-block-navigation-item__label\"><strong>Resources<\/strong><\/span><\/a><button data-wp-bind--aria-expanded=\"state.isSubmenuOpen\" data-wp-on--click=\"actions.toggleMenuOnClick\" aria-label=\"Submen\u00fa de Resources\" class=\"wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M1.50002 4L6.00002 8L10.5 4\" stroke-width=\"1.5\"><\/path><\/svg><\/button><ul data-wp-on--focus=\"actions.openMenuOnFocus\" style=\"color:#3f6f95\" class=\"wp-block-navigation__submenu-container has-text-color has-background has-base-background-color wp-block-navigation-submenu\"><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/resources\/resource-masterlist\/\"><span class=\"wp-block-navigation-item__label\">Resource Masterlist<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/mindfulness\/\"><span class=\"wp-block-navigation-item__label\">Mindfulness on Demand<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/reading\/\"><span class=\"wp-block-navigation-item__label\">Recommended Reading<\/span><\/a><\/li><\/ul><\/li><li data-wp-context=\"{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }\" data-wp-interactive=\"core\/navigation\" data-wp-on--focusout=\"actions.handleMenuFocusout\" data-wp-on--keydown=\"actions.handleMenuKeydown\" data-wp-on--pointerenter=\"actions.openMenuOnHover\" data-wp-on--pointerleave=\"actions.closeMenuOnHover\" data-wp-watch=\"callbacks.initMenu\" tabindex=\"-1\" class=\"wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/findyourlifeline.org\/distractions\/\"><span class=\"wp-block-navigation-item__label\"><strong>Distractions<\/strong><\/span><\/a><button data-wp-bind--aria-expanded=\"state.isSubmenuOpen\" data-wp-on--click=\"actions.toggleMenuOnClick\" aria-label=\"Submen\u00fa de Distractions\" class=\"wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M1.50002 4L6.00002 8L10.5 4\" stroke-width=\"1.5\"><\/path><\/svg><\/button><ul data-wp-on--focus=\"actions.openMenuOnFocus\" style=\"color:#3f6f95\" class=\"wp-block-navigation__submenu-container has-text-color has-background has-base-background-color wp-block-navigation-submenu\"><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/distractions\/positivity\/\"><span class=\"wp-block-navigation-item__label\">Positive News<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/distractions\/music-apps\/\"><span class=\"wp-block-navigation-item__label\">Music &amp; Apps<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/resources\/podcasts\/\"><span class=\"wp-block-navigation-item__label\">Podcasts<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link has-small-font-size\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/stay-alive\/\"><span class=\"wp-block-navigation-item__label\">Reasons to Stay Alive<\/span><\/a><\/li><\/ul><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/findyourlifeline.org\/contact-2\/\"><span class=\"wp-block-navigation-item__label\"><strong>Contact<\/strong><\/span><\/a><\/li><\/ul>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav><\/div>\n<\/div>\n\n\n\n<div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-color has-link-color has-system-font-family has-text-align-center has-huge-font-size wp-elements-3 wp-block-paragraph\" style=\"color:#2fa4d8\"><strong>When Your Mind Needs a Break<\/strong><\/p>\n\n\n\n<hr class=\"is-style-dots wp-block-separator has-text-color has-alpha-channel-opacity has-background\" style=\"background-color:#8ccdea;color:#8ccdea\"\/>\n\n\n\n<style>\n  \/* small patch: keep mobile search\/input stable *\/\n  @media (max-width: 767px) {\n    #lifeline-distraction-page .lp-search-row {\n      display: flex !important;\n      flex-direction: column !important;\n      align-items: stretch !important;\n      gap: 0.7em !important;\n    }\n\n    #lifeline-distraction-page .lp-search-input,\n    #lifeline-distraction-page .lp-clear-btn {\n      width: 100% !important;\n      max-width: none !important;\n    }\n\n  #lifeline-distraction-page .lp-search-input {\n  flex: 0 0 auto !important;\n  min-height: 0 !important;\n  height: 52px !important;\n  aspect-ratio: auto !important;\n  border-radius: 999px !important;\n  display: block !important;\n}\n  }\n\/* =========================\n   MAGICAL GRID FIX (CLEAN + BALANCED)\n   ========================= *\/\n\n#lifeline-distraction-page .lp-magical-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 0.9em;\n  justify-content: center;\n}\n\n\/* Tablet *\/\n@media (max-width: 980px) {\n  #lifeline-distraction-page .lp-magical-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 640px) {\n  #lifeline-distraction-page .lp-magical-grid {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const root = document.getElementById(\"lifeline-distraction-page\");\n  if (!root) return;\n\n  const searchInput = root.querySelector(\"#lp-search-input\");\n  const clearBtn = root.querySelector(\"#lp-clear-btn\");\n  const tagButtons = root.querySelectorAll(\".lp-tag\");\n  const resultsText = root.querySelector(\"#lp-results\");\n  const openAllBtn = root.querySelector(\"#lp-open-all\");\n  const closeAllBtn = root.querySelector(\"#lp-close-all\");\n\n  const allSections = root.querySelectorAll(\".lp-filter-section\");\n  const detailSections = root.querySelectorAll(\"details.lp-filter-section\");\n\n  let activeTags = [];\n\n  const tagMap = {\n    calm: [\"calm\"],\n    nature: [\"nature\"],\n    creative: [\"creative\"],\n    exploration: [\"exploration\", \"magical\", \"curiosity\"],\n    games: [\"games\"],\n    uplifting: [\"uplifting\"],\n    music: [\"music\"],\n    learning: [\"learning\", \"curiosity\"],\n    visual: [\"visual\"],\n    audio: [\"audio\"],\n    quick: [\"quick\"],\n    interactive: [\"interactive\"]\n  };\n\n  function normalize(str) {\n    return (str || \"\").toLowerCase().trim();\n  }\n\n  function cardMatches(card, searchTerm, activeTags) {\n    const title = normalize(card.dataset.title);\n    const desc = normalize(card.dataset.desc);\n    const tags = normalize(card.dataset.tags).split(\/\\s+\/).filter(Boolean);\n    const text = normalize(card.textContent);\n\n    const haystack = [title, desc, text, tags.join(\" \")].join(\" \");\n\n    const matchesSearch = !searchTerm || haystack.includes(searchTerm);\n\n    const matchesTags =\n      activeTags.length === 0 ||\n      activeTags.some(tag => {\n        const allowed = tagMap[tag] || [tag];\n        return allowed.some(term => tags.includes(term));\n      });\n\n    return matchesSearch && matchesTags;\n  }\n\n  function updateSubsections(section) {\n    const subsections = section.querySelectorAll(\".lp-subsection\");\n\n    subsections.forEach(subsection => {\n      const cards = subsection.querySelectorAll(\".lp-filter-card\");\n      const hasVisibleCard = Array.from(cards).some(card => card.style.display !== \"none\");\n      subsection.style.display = hasVisibleCard ? \"\" : \"none\";\n    });\n  }\n\n  function updateSection(section, searchTerm) {\n    const cards = section.querySelectorAll(\".lp-filter-card\");\n\n    if (!cards.length) {\n      const sectionText = normalize(section.textContent);\n      const sectionTerms = [\n        normalize(section.dataset.section),\n        ...Array.from(section.classList).map(c => normalize(c))\n      ].join(\" \");\n\n      const matchesSearch = !searchTerm || (sectionText + \" \" + sectionTerms).includes(searchTerm);\n      const matchesTags =\n        activeTags.length === 0 ||\n        activeTags.some(tag => {\n          const allowed = tagMap[tag] || [tag];\n          return allowed.some(term => sectionTerms.includes(term));\n        });\n\n      const showSection = matchesSearch && matchesTags;\n      section.style.display = showSection ? \"\" : \"none\";\n      return showSection ? 1 : 0;\n    }\n\n    let visibleCards = 0;\n\n    cards.forEach(card => {\n      const showCard = cardMatches(card, searchTerm, activeTags);\n      card.style.display = showCard ? \"\" : \"none\";\n      if (showCard) visibleCards++;\n    });\n\n    updateSubsections(section);\n\n    section.style.display = visibleCards > 0 ? \"\" : \"none\";\n\n    if (\n      visibleCards > 0 &&\n      activeTags.length > 0 &&\n      section.tagName.toLowerCase() === \"details\"\n    ) {\n      section.open = true;\n    }\n\n    return visibleCards;\n  }\n\n  function applyFilters() {\n    const searchTerm = normalize(searchInput ? searchInput.value : \"\");\n    let visibleCount = 0;\n\n    allSections.forEach(section => {\n      visibleCount += updateSection(section, searchTerm);\n    });\n\n    if (resultsText) {\n      if (!searchTerm && activeTags.length === 0) {\n        resultsText.textContent = \"Showing all resources.\";\n      } else if (visibleCount === 0) {\n        resultsText.textContent = \"No resources matched those filters.\";\n      } else {\n        resultsText.textContent =\n          \"Showing \" + visibleCount + \" resource\" + (visibleCount === 1 ? \"\" : \"s\") + \".\";\n      }\n    }\n  }\n\n  tagButtons.forEach(button => {\n    button.addEventListener(\"click\", function () {\n      const tag = normalize(this.dataset.tag);\n      if (!tag) return;\n\n      if (activeTags.includes(tag)) {\n        activeTags = activeTags.filter(t => t !== tag);\n        this.classList.remove(\"active\");\n      } else {\n        activeTags.push(tag);\n        this.classList.add(\"active\");\n      }\n\n      applyFilters();\n    });\n  });\n\n  if (clearBtn) {\n    clearBtn.addEventListener(\"click\", function () {\n      if (searchInput) searchInput.value = \"\";\n      activeTags = [];\n      tagButtons.forEach(btn => btn.classList.remove(\"active\"));\n\n      allSections.forEach(section => {\n        section.style.display = \"\";\n        section.querySelectorAll(\".lp-filter-card\").forEach(card => {\n          card.style.display = \"\";\n        });\n        section.querySelectorAll(\".lp-subsection\").forEach(subsection => {\n          subsection.style.display = \"\";\n        });\n      });\n\n      applyFilters();\n    });\n  }\n\n  if (searchInput) {\n    searchInput.addEventListener(\"input\", applyFilters);\n  }\n\n  if (openAllBtn) {\n    openAllBtn.addEventListener(\"click\", function () {\n      detailSections.forEach(section => {\n        if (section.style.display !== \"none\") {\n          section.open = true;\n        }\n      });\n    });\n  }\n\n  if (closeAllBtn) {\n    closeAllBtn.addEventListener(\"click\", function () {\n      detailSections.forEach(section => {\n        section.open = false;\n      });\n    });\n  }\n\n  applyFilters();\n});\n<\/script>\n\n\n\n<div id=\"lifeline-distraction-page\" style=\"font-family:Mulish,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#42506b;line-height:1.6;\">\n\n<style>\n  #lifeline-distraction-page {\n    --ink: #42506b;\n    --muted: #687792;\n    --soft: #f7fbff;\n    --soft-2: #eef6ff;\n    --card: rgba(255,255,255,0.94);\n    --border: rgba(110,140,190,0.14);\n    --shadow: 0 10px 26px rgba(58, 92, 145, 0.08);\n    --accent: #5b7fc7;\n    --accent-2: #79b8d6;\n    --pill: rgba(91,127,199,0.09);\n    --pill-active: linear-gradient(135deg, #6a8dd6, #7bc7d9);\n    --pill-active-text: #ffffff;\n    --section-gap: 1.15em;\n    --radius: 24px;\n  }\n\n  #lifeline-distraction-page * {\n    box-sizing: border-box;\n  }\n\n  #lifeline-distraction-page .lp-wrap {\n    max-width: 1180px;\n    margin: 0 auto;\n    padding: 0 1em 4em;\n  }\n\n  #lifeline-distraction-page .lp-hero {\n    margin: 2em auto 1.4em;\n    padding: 2em 1.35em;\n    border-radius: 26px;\n    background:\n      linear-gradient(135deg, rgba(238,246,255,0.98), rgba(247,252,255,0.96) 42%, rgba(255,255,255,0.96)),\n      radial-gradient(circle at top right, rgba(124,199,217,0.12), transparent 38%);\n    border: 1px solid rgba(120,160,210,0.16);\n    box-shadow: 0 14px 34px rgba(68, 102, 155, 0.08);\n    text-align: center;\n  }\n\n  #lifeline-distraction-page .lp-hero h1 {\n    margin: 0 0 0.35em;\n    font-size: 2.1em;\n    line-height: 1.2;\n    color: #4563a3;\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n\n  #lifeline-distraction-page .lp-hero p {\n    margin: 0 auto;\n    max-width: 760px;\n    color: var(--muted);\n    font-size: 1.01em;\n  }\n\n  #lifeline-distraction-page .lp-note {\n    max-width: 860px;\n    margin: 0 auto 1.35em;\n    padding: 0.95em 1.1em;\n    border-radius: 18px;\n    background: rgba(255,255,255,0.86);\n    border: 1px solid rgba(110,140,190,0.12);\n    color: #60708a;\n    font-size: 0.94em;\n    text-align: center;\n    box-shadow: 0 8px 20px rgba(68, 102, 155, 0.05);\n  }\n\n  #lifeline-distraction-page .lp-magical {\n    margin: 0 auto 1.35em;\n    padding: 1.2em 1.05em 1.2em;\n    border-radius: 24px;\n    background: linear-gradient(135deg, rgba(243,249,255,0.96), rgba(255,255,255,0.96));\n    border: 1px solid rgba(114,150,205,0.14);\n    box-shadow: var(--shadow);\n  }\n\n  #lifeline-distraction-page .lp-title-row {\n    text-align: center;\n    margin-bottom: 0.95em;\n  }\n\n  #lifeline-distraction-page .lp-title-row h2 {\n    margin: 0 0 0.25em;\n    color: #4c69aa;\n    font-size: 1.45em;\n    font-weight: 700;\n    line-height: 1.2;\n  }\n\n  #lifeline-distraction-page .lp-title-row p {\n    margin: 0;\n    color: var(--muted);\n    font-size: 0.96em;\n  }\n\n  #lifeline-distraction-page .lp-magical-actions {\n    text-align: center;\n    margin: 0 0 1em;\n  }\n\n  #lifeline-distraction-page .lp-magical-grid,\n#lifeline-distraction-page .lp-grid {\n  display: grid;\n  gap: 0.85em;\n}\n\n#lifeline-distraction-page .lp-magical-grid {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n#lifeline-distraction-page .lp-grid {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n#lifeline-distraction-page .lp-grid.calm-grid {\n  gap: 1.45em 1.35em;\n}\n\n  #lifeline-distraction-page .lp-search-wrap {\n    margin: 0 auto 1.25em;\n    padding: 1em 1em 0.95em;\n    border-radius: 20px;\n    background: rgba(255,255,255,0.9);\n    border: 1px solid rgba(110,140,190,0.12);\n    box-shadow: 0 10px 22px rgba(68, 102, 155, 0.05);\n  }\n\n  #lifeline-distraction-page .lp-search-label {\n    text-align: center;\n    color: var(--muted);\n    font-size: 0.94em;\n    margin-bottom: 0.75em;\n  }\n\n  #lifeline-distraction-page .lp-search-row {\n    display: flex;\n    gap: 0.7em;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  #lifeline-distraction-page .lp-search-input {\n    flex: 1 1 420px;\n    min-width: 260px;\n    max-width: 700px;\n    padding: 0.92em 1.05em;\n    border-radius: 999px;\n    border: 1px solid rgba(110,140,190,0.16);\n    background: #ffffff;\n    color: var(--ink);\n    font-size: 0.97em;\n    outline: none;\n    box-shadow: inset 0 1px 2px rgba(60,90,140,0.03);\n  }\n\n  #lifeline-distraction-page .lp-search-input:focus {\n    border-color: rgba(96,130,196,0.45);\n    box-shadow: 0 0 0 4px rgba(96,130,196,0.10);\n  }\n\n  #lifeline-distraction-page .lp-clear-btn {\n    padding: 0.88em 1.15em;\n    border-radius: 999px;\n    border: none;\n    cursor: pointer;\n    background: linear-gradient(135deg, #5f82cb, #77bdd7);\n    color: white;\n    font-weight: 700;\n    font-size: 0.94em;\n    box-shadow: 0 8px 16px rgba(84, 116, 173, 0.14);\n  }\n\n  #lifeline-distraction-page .lp-tags {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 0.5em;\n    margin-top: 0.92em;\n  }\n\n  #lifeline-distraction-page .lp-tag {\n    border: 1px solid rgba(110,140,190,0.12);\n    background: var(--pill);\n    color: #5b6f95;\n    border-radius: 999px;\n    padding: 0.48em 0.88em;\n    cursor: pointer;\n    font-size: 0.88em;\n    font-weight: 600;\n    transition: all 0.18s ease;\n  }\n\n  #lifeline-distraction-page .lp-tag.active {\n    background: var(--pill-active);\n    color: var(--pill-active-text);\n    border-color: transparent;\n    box-shadow: 0 8px 16px rgba(84, 116, 173, 0.16);\n  }\n\n  #lifeline-distraction-page .lp-results {\n    text-align: center;\n    color: #6b7b94;\n    font-size: 0.91em;\n    margin-top: 0.78em;\n    min-height: 1.35em;\n  }\n\n  #lifeline-distraction-page .lp-accordion-controls {\n    display: flex;\n    justify-content: center;\n    gap: 0.65em;\n    flex-wrap: wrap;\n    margin: 0.15em auto 0.95em;\n  }\n\n  #lifeline-distraction-page .lp-accordion-control-btn {\n    border: 1px solid rgba(110,140,190,0.14);\n    background: rgba(255,255,255,0.88);\n    color: #5a73a8;\n    border-radius: 999px;\n    padding: 0.62em 1em;\n    cursor: pointer;\n    font-size: 0.88em;\n    font-weight: 700;\n    box-shadow: 0 6px 14px rgba(68, 102, 155, 0.05);\n    transition: all 0.18s ease;\n  }\n\n  #lifeline-distraction-page .lp-accordion-control-btn:hover {\n    background: linear-gradient(135deg, rgba(238,246,255,0.98), rgba(255,255,255,0.96));\n    border-color: rgba(96,130,196,0.18);\n    color: #4868aa;\n    transform: translateY(-1px);\n  }\n\n  #lifeline-distraction-page .lp-tools-bar {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 0.75em;\n    flex-wrap: wrap;\n    margin: 0.2em auto 1.05em;\n  }\n\n  #lifeline-distraction-page .lp-tool-btn {\n    border: 1px solid rgba(110,140,190,0.14);\n    background: rgba(255,255,255,0.9);\n    color: #5a73a8;\n    border-radius: 999px;\n    padding: 0.72em 1.05em;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 700;\n    box-shadow: 0 6px 14px rgba(68, 102, 155, 0.05);\n    transition: all 0.18s ease;\n  }\n\n  #lifeline-distraction-page .lp-tool-btn:hover {\n    background: linear-gradient(135deg, rgba(238,246,255,0.98), rgba(255,255,255,0.96));\n    border-color: rgba(96,130,196,0.18);\n    color: #4868aa;\n    transform: translateY(-1px);\n  }\n\n  #lifeline-distraction-page .lp-tool-btn.lp-random-btn {\n    background: linear-gradient(135deg, #5f82cb, #77bdd7);\n    color: #fff;\n    border-color: transparent;\n    box-shadow: 0 8px 16px rgba(84, 116, 173, 0.14);\n  }\n\n  #lifeline-distraction-page .lp-tool-btn.lp-random-btn:hover {\n    color: #fff;\n  }\n\n  #lifeline-distraction-page .lp-section {\n    margin-top: var(--section-gap);\n    border-radius: 24px;\n    background: rgba(255,255,255,0.8);\n    border: 1px solid rgba(110,140,190,0.10);\n    box-shadow: 0 12px 28px rgba(68, 102, 155, 0.05);\n    overflow: hidden;\n  }\n\n  #lifeline-distraction-page .lp-section.calm {\n    background: linear-gradient(180deg, #f7fbff, #eef5ff);\n    box-shadow: 0 12px 28px rgba(68, 102, 155, 0.06);\n  }\n\n  #lifeline-distraction-page .lp-accordion {\n    padding: 0;\n    overflow: hidden;\n  }\n\n  #lifeline-distraction-page .lp-accordion > summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 1.5em 1.1em 1.15em;\n  }\n\n  #lifeline-distraction-page .lp-accordion > summary::-webkit-details-marker {\n    display: none;\n  }\n\n  #lifeline-distraction-page .lp-section-header {\n    text-align: center;\n    margin-bottom: 0;\n  }\n\n  #lifeline-distraction-page .lp-section-header h2 {\n    margin: 0 0 0.3em;\n    color: #4868aa;\n    font-size: 1.55em;\n    line-height: 1.25;\n  }\n\n  #lifeline-distraction-page .lp-section-header p {\n    margin: 0;\n    color: var(--muted);\n    max-width: 760px;\n    margin-inline: auto;\n  }\n\n  #lifeline-distraction-page .lp-accordion > summary .lp-section-header {\n    position: relative;\n    padding-right: 2.5em;\n  }\n\n  #lifeline-distraction-page .lp-accordion > summary .lp-section-header::after {\n    content: \"\u2304\";\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 1.8em;\n    height: 1.8em;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 999px;\n    background: rgba(91,127,199,0.09);\n    color: #5b7fc7;\n    font-size: 1.05em;\n    font-weight: 700;\n    transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease;\n  }\n\n  #lifeline-distraction-page .lp-accordion[open] > summary .lp-section-header::after {\n    transform: translateY(-50%) rotate(180deg);\n    background: linear-gradient(135deg, #6a8dd6, #7bc7d9);\n    color: #ffffff;\n  }\n\n  #lifeline-distraction-page .lp-accordion-body {\n    padding: 0 1.1em 1.4em;\n  }\n\n  #lifeline-distraction-page .lp-favorites-wrap {\n    margin-top: 1em;\n  }\n\n  #lifeline-distraction-page .lp-favorites-wrap.lp-hidden {\n    display: none !important;\n  }\n\n  #lifeline-distraction-page .lp-favorites-meta {\n    text-align: center;\n    color: #6b7b94;\n    font-size: 0.91em;\n    margin: 0 0 0.9em;\n  }\n\n  #lifeline-distraction-page .lp-favorites-actions {\n    display: flex;\n    justify-content: center;\n    gap: 0.65em;\n    flex-wrap: wrap;\n    margin: 0 0 1em;\n  }\n\n  #lifeline-distraction-page .lp-favorites-clear {\n    border: 1px solid rgba(110,140,190,0.14);\n    background: rgba(255,255,255,0.88);\n    color: #5a73a8;\n    border-radius: 999px;\n    padding: 0.62em 1em;\n    cursor: pointer;\n    font-size: 0.88em;\n    font-weight: 700;\n    box-shadow: 0 6px 14px rgba(68, 102, 155, 0.05);\n    transition: all 0.18s ease;\n  }\n\n  #lifeline-distraction-page .lp-favorites-clear:hover {\n    background: linear-gradient(135deg, rgba(238,246,255,0.98), rgba(255,255,255,0.96));\n    border-color: rgba(96,130,196,0.18);\n    color: #4868aa;\n    transform: translateY(-1px);\n  }\n\n  #lifeline-distraction-page .lp-subsection {\n    margin-top: 1.05em;\n  }\n\n  #lifeline-distraction-page .lp-subsection h3 {\n    margin: 0 0 0.65em;\n    font-size: 0.99em;\n    color: #5a75ad;\n    font-weight: 700;\n    letter-spacing: -0.01em;\n    text-align: left;\n  }\n\n  #lifeline-distraction-page .lp-card {\n    display: flex;\n    flex-direction: column;\n    gap: 0.48em;\n    padding: 0.92em 0.92em 0.88em;\n    border-radius: 18px;\n    background: var(--card);\n    border: 1px solid var(--border);\n    box-shadow: 0 8px 20px rgba(68, 102, 155, 0.05);\n    min-height: 148px;\n    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;\n  }\n\n  #lifeline-distraction-page .lp-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 26px rgba(68, 102, 155, 0.08);\n    border-color: rgba(96,130,196,0.18);\n  }\n\n  #lifeline-distraction-page .lp-card-top {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 0.6em;\n  }\n\n  #lifeline-distraction-page .lp-card-top .lp-link {\n    flex: 1 1 auto;\n  }\n\n  #lifeline-distraction-page .lp-link {\n    color: #4567aa;\n    text-decoration: none;\n    font-weight: 800;\n    font-size: 0.99em;\n    line-height: 1.35;\n  }\n\n  #lifeline-distraction-page .lp-link:hover {\n    text-decoration: underline;\n  }\n\n  #lifeline-distraction-page .lp-fav-btn {\n    flex: 0 0 auto;\n    border: 1px solid rgba(110,140,190,0.14);\n    background: rgba(255,255,255,0.92);\n    color: #7890b5;\n    width: 2.15em;\n    height: 2.15em;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 1em;\n    line-height: 1;\n    transition: all 0.18s ease;\n    box-shadow: 0 4px 10px rgba(68, 102, 155, 0.05);\n  }\n\n  #lifeline-distraction-page .lp-fav-btn:hover {\n    transform: translateY(-1px);\n    border-color: rgba(96,130,196,0.2);\n    color: #5f7fbe;\n  }\n\n  #lifeline-distraction-page .lp-fav-btn.is-favorite {\n    background: linear-gradient(135deg, #6a8dd6, #7bc7d9);\n    color: #fff;\n    border-color: transparent;\n    box-shadow: 0 8px 16px rgba(84, 116, 173, 0.14);\n  }\n\n  #lifeline-distraction-page .lp-desc {\n    color: #667892;\n    font-size: 0.915em;\n    line-height: 1.48;\n    flex-grow: 1;\n  }\n\n  #lifeline-distraction-page .lp-card-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.42em;\n    margin-top: 0.08em;\n  }\n\n  #lifeline-distraction-page .lp-chip {\n    display: inline-flex;\n    align-items: center;\n    padding: 0.3em 0.6em;\n    border-radius: 999px;\n    background: rgba(91,127,199,0.08);\n    color: #61739a;\n    font-size: 0.75em;\n    font-weight: 700;\n    letter-spacing: 0.01em;\n  }\n\n  #lifeline-distraction-page .lp-peptoc {\n    margin-top: 1.1em;\n    padding: 1.1em 1em;\n    border-radius: 22px;\n    background: linear-gradient(135deg, rgba(246,251,255,0.96), rgba(255,255,255,0.95));\n    border: 1px solid rgba(110,140,190,0.14);\n    box-shadow: 0 10px 24px rgba(68, 102, 155, 0.06);\n    text-align: center;\n  }\n\n  #lifeline-distraction-page .lp-peptoc h3 {\n    margin: 0 0 0.32em;\n    color: #4868aa;\n    font-size: 1.2em;\n  }\n\n  #lifeline-distraction-page .lp-peptoc p {\n    margin: 0 auto 0.85em;\n    color: var(--muted);\n    max-width: 680px;\n    font-size: 0.94em;\n  }\n\n  #lifeline-distraction-page .lp-peptoc-btn {\n    display: inline-block;\n    padding: 0.88em 1.16em;\n    border-radius: 999px;\n    font-weight: 700;\n    text-decoration: none;\n    color: #fff;\n    background: linear-gradient(135deg, #5f82cb, #77bdd7);\n    box-shadow: 0 8px 16px rgba(84, 116, 173, 0.16);\n  }\n\n  #lifeline-distraction-page .lp-muted-note {\n    margin-top: 0.68em;\n    color: #74839e;\n    font-size: 0.88em;\n  }\n\n  #lifeline-distraction-page .lp-hidden {\n    display: none !important;\n  }\n\n  #lifeline-distraction-page .lp-highlight {\n    animation: lpCardGlow 3.6s ease;\n  }\n\n  @keyframes lpCardGlow {\n    0% {\n      background: var(--card);\n      box-shadow: 0 8px 20px rgba(68, 102, 155, 0.05);\n      border-color: rgba(110,140,190,0.14);\n    }\n    10%, 72% {\n      background: #e6f4ff;\n      box-shadow:\n        0 0 0 5px rgba(121, 184, 214, 0.24),\n        0 14px 30px rgba(68, 102, 155, 0.14);\n      border-color: rgba(91,127,199,0.55);\n    }\n    100% {\n      background: var(--card);\n      box-shadow: 0 8px 20px rgba(68, 102, 155, 0.05);\n      border-color: rgba(110,140,190,0.14);\n    }\n  }\n\n  @media (max-width: 980px) {\n    #lifeline-distraction-page .lp-grid,\n    #lifeline-distraction-page .lp-magical-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 640px) {\n    #lifeline-distraction-page .lp-wrap {\n      padding: 0 0.72em 3em;\n    }\n\n    #lifeline-distraction-page .lp-hero {\n      padding: 1.55em 1em;\n      border-radius: 22px;\n    }\n\n    #lifeline-distraction-page .lp-hero h1 {\n      font-size: 1.75em;\n    }\n\n    #lifeline-distraction-page .lp-search-row {\n      flex-direction: column;\n      align-items: stretch;\n    }\n\n    #lifeline-distraction-page .lp-search-input,\n    #lifeline-distraction-page .lp-clear-btn {\n      width: 100%;\n      max-width: none;\n    }\n\n    #lifeline-distraction-page .lp-grid,\n    #lifeline-distraction-page .lp-magical-grid {\n      grid-template-columns: 1fr;\n    }\n\n    #lifeline-distraction-page .lp-accordion-controls {\n      margin: 0.05em auto 0.85em;\n    }\n\n    #lifeline-distraction-page .lp-accordion-control-btn,\n    #lifeline-distraction-page .lp-tool-btn,\n    #lifeline-distraction-page .lp-favorites-clear {\n      flex: 1 1 140px;\n      max-width: 320px;\n      text-align: center;\n    }\n\n    #lifeline-distraction-page .lp-accordion > summary {\n      padding: 1.2em 0.85em 0.95em;\n    }\n\n    #lifeline-distraction-page .lp-accordion-body {\n      padding: 0 0.85em 1.15em;\n    }\n\n    #lifeline-distraction-page .lp-card {\n      min-height: 0;\n    }\n  }\n<\/style>\n\n  <div class=\"lp-wrap\">\n    <div class=\"lp-hero\">\n  <p>A gentle collection of places to wander when your mind needs a pause \u2014<br>calming, creative, curious, playful, and quietly beautiful corners of the internet.\n  <br><br>Whether you\u2019re looking for soothing sounds, lighthearted fun, art, music, learning, or something to keep your hands busy, explore whatever feels supportive in the moment.<br>You get to choose what you need and take your time.<\/p>\n<\/div>\n\n    <div class=\"lp-note\">\n      Some resources on this page may offer optional accounts, subscriptions, or paid certificates.<br>Many still allow free exploration without signing up.<br><br>\n      Services like <strong>Libby<\/strong> and <strong>Kanopy<\/strong> are typically free through many participating public libraries.\n    <\/div>\n\n    <section class=\"lp-magical lp-filter-section\" data-section=\"magical\">\n      <div class=\"lp-title-row\">\n        <h2>\u2728 Find Something Magical<\/h2>\n        <p>Curious, calming, and beautiful places to explore when you need a moment of wonder.<\/p>\n      <\/div>\n\n      <div class=\"lp-magical-actions\">\n        <button id=\"lp-magical-random-btn\" class=\"lp-tool-btn lp-random-btn\" type=\"button\">Surprise me<\/button>\n      <\/div>\n\n      <div class=\"lp-magical-grid\">\n        <article class=\"lp-card lp-filter-card\" data-title=\"100,000 Stars\" data-desc=\"Explore the stars closest to Earth in an interactive map of our cosmic neighborhood.\" data-tags=\"exploration visual interactive wonder space\">\n          <a class=\"lp-link\" href=\"https:\/\/stars.chromeexperiments.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">100,000 Stars<\/a>\n          <div class=\"lp-desc\">Explore the stars closest to Earth in an interactive map of our cosmic neighborhood.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Earth Nullschool\" data-desc=\"Watch real-time global wind, ocean currents, and weather patterns swirl across the planet.\" data-tags=\"exploration visual interactive earth wonder\">\n          <a class=\"lp-link\" href=\"https:\/\/earth.nullschool.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Earth Nullschool<\/a>\n          <div class=\"lp-desc\">Watch real-time global wind, ocean currents, and weather patterns swirl across the planet.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Fluid Simulation\" data-desc=\"Move your mouse or finger to create swirling liquid colors that behave like real fluid physics.\" data-tags=\"creative visual interactive magical\">\n          <a class=\"lp-link\" href=\"https:\/\/paveldogreat.github.io\/WebGL-Fluid-Simulation\/\" target=\"_blank\" rel=\"noopener noreferrer\">Fluid Simulation<\/a>\n          <div class=\"lp-desc\">Move your mouse or finger to create swirling liquid colors that behave like real fluid physics.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Infinite Floral Zoom\" data-desc=\"A mesmerizing infinite zoom through layered botanical paintings and flowers.\" data-tags=\"visual calming interactive magical\">\n          <a class=\"lp-link\" href=\"https:\/\/infiniteflowers.net\" target=\"_blank\" rel=\"noopener noreferrer\">Infinite Floral Zoom<\/a>\n          <div class=\"lp-desc\">A mesmerizing infinite zoom through layered botanical paintings and flowers.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Enchanted Night Garden\" data-desc=\"Wander through a starlit garden, wake flowers with a touch, and see what new blooms you can dream up.\" data-tags=\"calm nature visual interactive creative exploration wonder\">\n            <a class=\"lp-link\" href=\"https:\/\/enchanted-night-garden.pages.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">Enchanted Night Garden<\/a>\n            <div class=\"lp-desc\">Wander through a starlit garden, wake flowers with a touch, and see what new blooms you can dream up.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Nature<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Canvas Cycle\" data-desc=\"Watch detailed pixel-art landscapes shift through light, color, and motion; adjust the scene and sound.\" data-tags=\"calm visual interactive creative\">\n            <a class=\"lp-link\" href=\"https:\/\/www.effectgames.com\/demos\/canvascycle\/\" target=\"_blank\" rel=\"noopener noreferrer\">Canvas Cycle<\/a>\n            <div class=\"lp-desc\">Watch detailed pixel-art landscapes shift through light, color, and motion; adjust the scene and sound.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n          <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Anna\u2019s Secret Garden\" data-desc=\"Draw a flower in a small illustrated garden, or visit its flower gallery.\" data-tags=\"calm visual interactive creative nature\">\n          <a class=\"lp-link\" href=\"https:\/\/annasgarden.vercel.app\/\" target=\"_blank\" rel=\"noopener noreferrer\">Anna\u2019s Secret Garden<\/a>\n          <div class=\"lp-desc\">Draw a flower in a small illustrated garden, or visit its flower gallery.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Ocean of Books\" data-desc=\"Explore a fantasy map of literature where islands represent authors and cities represent books.\" data-tags=\"exploration visual interactive reading learning\">\n          <a class=\"lp-link\" href=\"https:\/\/artsandculture.google.com\/experiment\/an-ocean-of-books\/IQE0_7gK_1dCww?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">Ocean of Books<\/a>\n          <div class=\"lp-desc\">Explore a fantasy map of literature where islands represent authors and cities represent books.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Reading<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Tree.fm\" data-desc=\"Instantly transport yourself into a forest soundscape somewhere on Earth.\" data-tags=\"calm nature audio quick\">\n          <a class=\"lp-link\" href=\"https:\/\/www.tree.fm\/\" target=\"_blank\" rel=\"noopener noreferrer\">Tree.fm<\/a>\n          <div class=\"lp-desc\">Instantly transport yourself into a forest soundscape somewhere on Earth.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Nature<\/span><span class=\"lp-chip\">Audio<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Still Night\" data-desc=\"Touch Van Gogh\u2019s The Starry Night and watch the painting move and respond with sound.\" data-tags=\"creative visual interactive music audio art wonder\">\n          <a class=\"lp-link\" href=\"https:\/\/stillnight.joshua-garcia.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Still Night<\/a>\n          <div class=\"lp-desc\">Touch Van Gogh\u2019s <em>The Starry Night<\/em> and watch the painting move and respond with sound.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><span class=\"lp-chip\">Music<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"WeaveSilk\" data-desc=\"Create glowing symmetrical digital art with simple gestures.\" data-tags=\"creative visual interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/weavesilk.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">WeaveSilk<\/a>\n          <div class=\"lp-desc\">Create glowing symmetrical digital art with simple gestures.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Radio Garden\" data-desc=\"Spin the globe and listen to live radio stations from around the world.\" data-tags=\"audio exploration interactive music\">\n          <a class=\"lp-link\" href=\"https:\/\/radio.garden\/\" target=\"_blank\" rel=\"noopener noreferrer\">Radio Garden<\/a>\n          <div class=\"lp-desc\">Spin the globe and listen to live radio stations from around the world.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Audio<\/span><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <div class=\"lp-search-wrap\">\n      <div class=\"lp-search-label\">Not sure what you need? Try searching by feeling, activity, or type of support \u2014 like <strong>calm<\/strong>, <strong>quick<\/strong>, <strong>nature<\/strong>, <strong>creative<\/strong>, or <strong>music<\/strong>.<\/div>\n\n      <div class=\"lp-search-row\">\n        <input id=\"lp-search-input\" class=\"lp-search-input\" type=\"text\" placeholder=\"Search by feeling, activity, or topic...\">\n        <button id=\"lp-clear-btn\" class=\"lp-clear-btn\" type=\"button\">Clear filters<\/button>\n      <\/div>\n\n      <div class=\"lp-tags\" id=\"lp-tags\">\n        <button class=\"lp-tag\" type=\"button\" data-tag=\"calm\">Calm<\/button>\n        <button class=\"lp-tag\" type=\"button\" data-tag=\"nature\">Nature<\/button>\n        <button class=\"lp-tag\" type=\"button\" data-tag=\"creative\">Creative<\/button>\n        <button class=\"lp-tag\" type=\"button\" data-tag=\"exploration\">Exploration<\/button>\n        <button class=\"lp-tag\" type=\"button\" data-tag=\"games\">Games<\/button>\n        <button class=\"lp-tag\" type=\"button\" data-tag=\"uplifting\">Uplifting<\/button>\n        <button class=\"lp-tag\" type=\"button\" data-tag=\"music\">Music<\/button>\n        <button class=\"lp-tag\" type=\"button\" data-tag=\"learning\">Learning<\/button>\n        <button class=\"lp-tag\" type=\"button\" data-tag=\"visual\">Visual<\/button>\n        <button class=\"lp-tag\" type=\"button\" data-tag=\"audio\">Audio<\/button>\n        <button class=\"lp-tag\" type=\"button\" data-tag=\"quick\">Quick<\/button>\n        <button class=\"lp-tag\" type=\"button\" data-tag=\"interactive\">Interactive<\/button>\n      <\/div>\n\n      <div class=\"lp-results\" id=\"lp-results\">Showing all resources.<\/div>\n    <\/div>\n\n   \n    <div class=\"lp-accordion-controls\">\n      <button id=\"lp-open-all\" class=\"lp-accordion-control-btn\" type=\"button\">Open all<\/button>\n      <button id=\"lp-close-all\" class=\"lp-accordion-control-btn\" type=\"button\">Close all<\/button>\n    <\/div>\n\n    <div class=\"lp-tools-bar\">\n      <button id=\"lp-random-btn\" class=\"lp-tool-btn lp-random-btn\" type=\"button\">\ud83c\udfb2 Random pick<\/button>\n      <button id=\"lp-show-favorites-btn\" class=\"lp-tool-btn\" type=\"button\">\u2b50 View favorites<\/button>\n    <\/div>\n\n    <details id=\"lp-favorites-section\" class=\"lp-section lp-filter-section lp-accordion lp-favorites-wrap lp-hidden\" data-section=\"favorites\">\n      <summary>\n        <div class=\"lp-section-header\">\n          <h2>\u2b50 Your Favorites<\/h2>\n          <p>Saved tools for the moments when you already know what tends to help.<\/p>\n        <\/div>\n      <\/summary>\n      <div class=\"lp-accordion-body\">\n        <div id=\"lp-favorites-meta\" class=\"lp-favorites-meta\"><\/div>\n\n        <div class=\"lp-favorites-actions\">\n          <button id=\"lp-clear-favorites-btn\" class=\"lp-favorites-clear\" type=\"button\">Clear all favorites<\/button>\n        <\/div>\n\n        <div id=\"lp-favorites-grid\" class=\"lp-grid\"><\/div>\n\n        <div id=\"lp-favorites-empty\" class=\"lp-note\" style=\"margin:0;\">\n          You haven\u2019t saved any favorites yet. Tap the star on any card to keep it here.\n        <\/div>\n      <\/div>\n    <\/details>\n\n    <details class=\"lp-section calm lp-filter-section lp-accordion\" data-section=\"calm\">\n      <summary>\n        <div class=\"lp-section-header\">\n          <h2>\ud83c\udf0a Calm &amp; Quiet Your Mind<\/h2>\n          <p>If things feel overwhelming, these gentle tools can help you slow down, breathe, and reset.<\/p>\n        <\/div>\n      <\/summary>\n      <div class=\"lp-accordion-body\">\n\n        <div class=\"lp-grid calm-grid\">\n          <article class=\"lp-card lp-filter-card\" data-title=\"The Breathing Circle\" data-desc=\"Follow a gentle breathing animation to slow your breath and calm your body.\" data-tags=\"calm quick visual interactive\">\n            <a class=\"lp-link\" href=\"https:\/\/xhalr.com\" target=\"_blank\" rel=\"noopener noreferrer\">The Breathing Circle<\/a>\n            <div class=\"lp-desc\">Follow a gentle breathing animation to slow your breath and calm your body.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Quick<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"5-4-3-2-1 Grounding \u2014 Solace\" data-desc=\"Follow a short, guided exercise through your senses to reconnect with the present moment. No account needed for this exercise.\" data-tags=\"calm quick interactive grounding\">\n            <a class=\"lp-link\" href=\"https:\/\/try-solace.app\/grounding\" target=\"_blank\" rel=\"noopener noreferrer\">5-4-3-2-1 Grounding \u2014 Solace<\/a>\n            <div class=\"lp-desc\">Follow a short, guided exercise through your senses to reconnect with the present moment. No account needed for this exercise.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Quick<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Calm Sound\" data-desc=\"Nature soundscapes like rain, forests, oceans, and thunderstorms.\" data-tags=\"calm audio nature\">\n            <a class=\"lp-link\" href=\"https:\/\/www.calmsound.com\" target=\"_blank\" rel=\"noopener noreferrer\">Calm Sound<\/a>\n            <div class=\"lp-desc\">Nature soundscapes like rain, forests, oceans, and thunderstorms.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Audio<\/span><span class=\"lp-chip\">Nature<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Purrli\" data-desc=\"Listen to a customizable cat purr, adjusting its mood, closeness, and meows to suit your moment.\" data-tags=\"calm audio interactive animals\">\n            <a class=\"lp-link\" href=\"https:\/\/purrli.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Purrli<\/a>\n            <div class=\"lp-desc\">Listen to a customizable cat purr, adjusting its mood, closeness, and meows to suit your moment.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Audio<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Coffitivity\" data-desc=\"Ambient caf\u00e9 sounds designed to recreate the gentle buzz of a coffee shop.\" data-tags=\"calm audio focus\">\n            <a class=\"lp-link\" href=\"https:\/\/coffitivity.com\/library\/free\" target=\"_blank\" rel=\"noopener noreferrer\">Coffitivity<\/a>\n            <div class=\"lp-desc\">Ambient caf\u00e9 sounds designed to recreate the gentle buzz of a coffee shop.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Audio<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Rainy Mood\" data-desc=\"Classic looping rain sound that many people use for focus or relaxation.\" data-tags=\"calm audio nature\">\n            <a class=\"lp-link\" href=\"https:\/\/www.rainymood.com\" target=\"_blank\" rel=\"noopener noreferrer\">Rainy Mood<\/a>\n            <div class=\"lp-desc\">Classic looping rain sound that many people use for focus or relaxation.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Audio<\/span><span class=\"lp-chip\">Nature<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Rainy Cafe\" data-desc=\"Rain outside a caf\u00e9 window with optional background music.\" data-tags=\"calm audio nature\">\n            <a class=\"lp-link\" href=\"http:\/\/rainycafe.com\" target=\"_blank\" rel=\"noopener noreferrer\">Rainy Cafe<\/a>\n            <div class=\"lp-desc\">Rain outside a caf\u00e9 window with optional background music.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Audio<\/span><span class=\"lp-chip\">Nature<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Rain for Me\" data-desc=\"Customizable rain sounds you can mix and adjust.\" data-tags=\"calm audio nature interactive\">\n            <a class=\"lp-link\" href=\"https:\/\/rainfor.me\" target=\"_blank\" rel=\"noopener noreferrer\">Rain for Me<\/a>\n            <div class=\"lp-desc\">Customizable rain sounds you can mix and adjust.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Audio<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Nature Mixer\" data-desc=\"Mix nature sounds and choose a looping landscape video to make your own gentle environment.\" data-tags=\"calm nature audio visual interactive\">\n            <a class=\"lp-link\" href=\"https:\/\/naturemixer.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Nature Mixer<\/a>\n            <div class=\"lp-desc\">Mix nature sounds and choose a looping landscape video to make your own gentle environment.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Nature<\/span><span class=\"lp-chip\">Audio<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"MyNoise\" data-desc=\"Highly customizable sound generators for focus, sleep, and relaxation.\" data-tags=\"calm audio interactive\">\n            <a class=\"lp-link\" href=\"https:\/\/mynoise.net\" target=\"_blank\" rel=\"noopener noreferrer\">MyNoise<\/a>\n            <div class=\"lp-desc\">Highly customizable sound generators for focus, sleep, and relaxation.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Audio<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Noisli\" data-desc=\"Mix ambient sounds like rain, wind, and caf\u00e9s to create your own background environment.\" data-tags=\"calm audio interactive\">\n            <a class=\"lp-link\" href=\"https:\/\/www.noisli.com\" target=\"_blank\" rel=\"noopener noreferrer\">Noisli<\/a>\n            <div class=\"lp-desc\">Mix ambient sounds like rain, wind, and caf\u00e9s to create your own background environment.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Audio<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"A Soft Murmur\" data-desc=\"Blend natural sounds like rain, thunder, wind, and waves.\" data-tags=\"calm audio interactive nature\">\n            <a class=\"lp-link\" href=\"https:\/\/asoftmurmur.com\" target=\"_blank\" rel=\"noopener noreferrer\">A Soft Murmur<\/a>\n            <div class=\"lp-desc\">Blend natural sounds like rain, thunder, wind, and waves.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Audio<\/span><span class=\"lp-chip\">Nature<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Ambient Noise Generator\" data-desc=\"Create layered sound environments for focus or calm.\" data-tags=\"calm audio interactive\">\n            <a class=\"lp-link\" href=\"https:\/\/www.ambientnoise.io\" target=\"_blank\" rel=\"noopener noreferrer\">Ambient Noise Generator<\/a>\n            <div class=\"lp-desc\">Create layered sound environments for focus or calm.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Audio<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Earth.fm\" data-desc=\"Listen to immersive nature recordings from around the world.\" data-tags=\"calm audio nature exploration\">\n            <a class=\"lp-link\" href=\"https:\/\/earth.fm\/playlists\/\" target=\"_blank\" rel=\"noopener noreferrer\">Earth.fm<\/a>\n            <div class=\"lp-desc\">Listen to immersive nature recordings from around the world.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Nature<\/span><span class=\"lp-chip\">Audio<\/span><span class=\"lp-chip\">Calm<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Tree.fm\" data-desc=\"Random forest soundscapes that transport you into nature.\" data-tags=\"calm nature audio quick\">\n            <a class=\"lp-link\" href=\"https:\/\/tree.fm\" target=\"_blank\" rel=\"noopener noreferrer\">Tree.fm<\/a>\n            <div class=\"lp-desc\">Random forest soundscapes that transport you into nature.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Nature<\/span><span class=\"lp-chip\">Audio<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"WindowSwap\" data-desc=\"Look through windows from homes around the world.\" data-tags=\"calm exploration visual\">\n            <a class=\"lp-link\" href=\"https:\/\/window-swap.com\" target=\"_blank\" rel=\"noopener noreferrer\">WindowSwap<\/a>\n            <div class=\"lp-desc\">Look through windows from homes around the world.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Anna\u2019s Secret Garden\" data-desc=\"Draw a flower in a small illustrated garden, or visit its flower gallery.\" data-tags=\"calm visual interactive creative nature\">\n            <a class=\"lp-link\" href=\"https:\/\/annasgarden.vercel.app\/\" target=\"_blank\" rel=\"noopener noreferrer\">Anna\u2019s Secret Garden<\/a>\n            <div class=\"lp-desc\">Draw a flower in a small illustrated garden, or visit its flower gallery.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Cosmic Wishes\" data-desc=\"Send a wish into a shared night sky and browse messages left by others.\" data-tags=\"calm uplifting visual interactive\">\n            <a class=\"lp-link\" href=\"https:\/\/cosmic-wishes.replit.app\/\" target=\"_blank\" rel=\"noopener noreferrer\">Cosmic Wishes<\/a>\n            <div class=\"lp-desc\">Send a wish into a shared night sky and browse messages left by others.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Uplifting<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Virtual Ocean\" data-desc=\"A peaceful ocean environment with gentle waves.\" data-tags=\"calm nature visual audio\">\n            <a class=\"lp-link\" href=\"https:\/\/virtocean.com\" target=\"_blank\" rel=\"noopener noreferrer\">Virtual Ocean<\/a>\n            <div class=\"lp-desc\">A peaceful ocean environment with gentle waves.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Nature<\/span><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Radio Garden\" data-desc=\"Spin the globe and listen to live radio stations from anywhere on Earth.\" data-tags=\"audio exploration music interactive\">\n            <a class=\"lp-link\" href=\"https:\/\/radio.garden\" target=\"_blank\" rel=\"noopener noreferrer\">Radio Garden<\/a>\n            <div class=\"lp-desc\">Spin the globe and listen to live radio stations from anywhere on Earth.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Audio<\/span><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Music<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Mood Lighting\" data-desc=\"Fullscreen ambient color lighting for relaxation.\" data-tags=\"calm visual\">\n            <a class=\"lp-link\" href=\"https:\/\/moodlight.org\" target=\"_blank\" rel=\"noopener noreferrer\">Mood Lighting<\/a>\n            <div class=\"lp-desc\">Fullscreen ambient color lighting for relaxation.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"The Colour Clock\" data-desc=\"Watch time slowly change the color of the screen throughout the day.\" data-tags=\"calm visual\">\n            <a class=\"lp-link\" href=\"https:\/\/thecolourclock.com\" target=\"_blank\" rel=\"noopener noreferrer\">The Colour Clock<\/a>\n            <div class=\"lp-desc\">Watch time slowly change the color of the screen throughout the day.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Weightless \u2014 Marconi Union\" data-desc=\"A piece of music often cited as one of the most relaxing songs ever created.\" data-tags=\"calm music audio\">\n            <a class=\"lp-link\" href=\"https:\/\/www.youtube.com\/watch?v=UfcAVejslrU\" target=\"_blank\" rel=\"noopener noreferrer\">Weightless \u2014 Marconi Union<\/a>\n            <div class=\"lp-desc\">A piece of music often cited as one of the most relaxing songs ever created.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Audio<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"SleepyTi.me\" data-desc=\"Calculate ideal bedtimes based on sleep cycles.\" data-tags=\"calm quick sleep\">\n            <a class=\"lp-link\" href=\"https:\/\/sleepopolis.com\/calculators\/sleep\/\" target=\"_blank\" rel=\"noopener noreferrer\">SleepyTi.me<\/a>\n            <div class=\"lp-desc\">Calculate ideal bedtimes based on sleep cycles.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Quick<\/span><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Learning<\/span><\/div>\n          <\/article>\n          <article class=\"lp-card lp-filter-card\" data-title=\"IntoTime\" data-desc=\"A meditative visual experience that encourages slowing down.\" data-tags=\"calm visual interactive\">\n            <a class=\"lp-link\" href=\"https:\/\/www.intotime.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">IntoTime<\/a>\n            <div class=\"lp-desc\">A meditative visual experience that encourages slowing down.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Pixel Thoughts\" data-desc=\"Write a worry and watch it slowly dissolve into space.\" data-tags=\"calm visual quick interactive\">\n            <a class=\"lp-link\" href=\"https:\/\/pixelthoughts.co\" target=\"_blank\" rel=\"noopener noreferrer\">Pixel Thoughts<\/a>\n            <div class=\"lp-desc\">Write a worry and watch it slowly dissolve into space.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Quick<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Calmaria\" data-desc=\"A breathing tool that guides slow, calming breaths.\" data-tags=\"calm quick visual interactive\">\n            <a class=\"lp-link\" href=\"https:\/\/calmaria.app\/pwa\/\" target=\"_blank\" rel=\"noopener noreferrer\">Calmaria<\/a>\n            <div class=\"lp-desc\">A breathing tool that guides slow, calming breaths.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Quick<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n          <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"The Celestial Sanctuary\" data-desc=\"Wander through a shared night sky, read the messages held by its stars, or leave a light of your own.\" data-tags=\"calm visual interactive uplifting connection space\">\n            <a class=\"lp-link\" href=\"https:\/\/the-celestial-sanctuary.lovable.app\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Celestial Sanctuary<\/a>\n            <div class=\"lp-desc\">Wander through a shared night sky, read the messages held by its stars, or leave a light of your own.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Uplifting<\/span><\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/details>\n\n    <details class=\"lp-section lp-filter-section lp-accordion\" data-section=\"creative\">\n  <summary>\n    <div class=\"lp-section-header\">\n      <h2>\ud83c\udfa8 Creative Play (Art, Music &amp; Making)<\/h2>\n      <p>Gentle creative tools for drawing, making music, experimenting, and exploring without pressure.<\/p>\n    <\/div>\n  <\/summary>\n  <div class=\"lp-accordion-body\">\n\n    <div class=\"lp-subsection\">\n      <h3>Interactive Art &amp; Drawing<\/h3>\n      <div class=\"lp-grid\">\n<article class=\"lp-card lp-filter-card\" data-title=\"Paint Toys\" data-desc=\"A collection of playful art tools including sand art, marbling, symmetry drawing, pixel art, and more.\" data-tags=\"creative visual interactive calm playful\">\n          <a class=\"lp-link\" href=\"https:\/\/paint.toys\/\" target=\"_blank\" rel=\"noopener noreferrer\">Paint Toys<\/a>\n          <div class=\"lp-desc\">A collection of playful art tools including sand art, marbling, symmetry drawing, pixel art, and more.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n        <article class=\"lp-card lp-filter-card\" data-title=\"Sketchpad\" data-desc=\"A simple browser-based space for sketching, doodling, and drawing.\" data-tags=\"creative visual drawing\">\n          <a class=\"lp-link\" href=\"https:\/\/sketch.io\/sketchpad\/\" target=\"_blank\" rel=\"noopener noreferrer\">Sketchpad<\/a>\n          <div class=\"lp-desc\">A simple browser-based space for sketching, doodling, and drawing.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Drawing<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Art Coloring\" data-desc=\"Color famous artworks from museums around the world.\" data-tags=\"creative visual calm coloring\">\n          <a class=\"lp-link\" href=\"https:\/\/artsandculture.google.com\/experiment\/art-coloring-book\/1QGsh6vSfAQBgQ?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">Art Coloring<\/a>\n          <div class=\"lp-desc\">Color famous artworks from museums around the world.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Calm<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"WeaveSilk\" data-desc=\"Create glowing symmetrical digital art.\" data-tags=\"creative visual interactive\">\n          <a class=\"lp-link\" href=\"http:\/\/weavesilk.com\" target=\"_blank\" rel=\"noopener noreferrer\">WeaveSilk<\/a>\n          <div class=\"lp-desc\">Create glowing symmetrical digital art.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Silk Interactive Mirror\" data-desc=\"A mirrored generative drawing experience with luminous flowing lines.\" data-tags=\"creative visual interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/silk.art\/\" target=\"_blank\" rel=\"noopener noreferrer\">Silk Interactive Mirror<\/a>\n          <div class=\"lp-desc\">A mirrored generative drawing experience with luminous flowing lines.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Jackson Pollock Digital Painting\" data-desc=\"Throw digital paint like Jackson Pollock.\" data-tags=\"creative visual interactive painting\">\n          <a class=\"lp-link\" href=\"https:\/\/www.jacksonpollock.org\" target=\"_blank\" rel=\"noopener noreferrer\">Jackson Pollock Digital Painting<\/a>\n          <div class=\"lp-desc\">Throw digital paint like Jackson Pollock.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Harmony Drawing Tool\" data-desc=\"A drawing tool with unusual brushes and satisfying motion.\" data-tags=\"creative visual interactive drawing\">\n          <a class=\"lp-link\" href=\"https:\/\/mrdoob.github.io\/harmony\/\" target=\"_blank\" rel=\"noopener noreferrer\">Harmony Drawing Tool<\/a>\n          <div class=\"lp-desc\">A drawing tool with unusual brushes and satisfying motion.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Bomomo Generative Art\" data-desc=\"Make colorful abstract art with playful brushes and movement.\" data-tags=\"creative visual interactive playful\">\n          <a class=\"lp-link\" href=\"https:\/\/bomomo.com\" target=\"_blank\" rel=\"noopener noreferrer\">Bomomo Generative Art<\/a>\n          <div class=\"lp-desc\">Make colorful abstract art with playful brushes and movement.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Kaleidoscope Painter\" data-desc=\"Create mirrored shapes and colorful kaleidoscope patterns.\" data-tags=\"creative visual interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/mandalas.herokuapp.com\" target=\"_blank\" rel=\"noopener noreferrer\">Kaleidoscope Painter<\/a>\n          <div class=\"lp-desc\">Create mirrored shapes and colorful kaleidoscope patterns.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Wildflower Digital Flower Generator\" data-desc=\"Generate and share delicate virtual flowers.\" data-tags=\"creative visual interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/wildflower.resn.co.nz\" target=\"_blank\" rel=\"noopener noreferrer\">Wildflower Digital Flower Generator<\/a>\n          <div class=\"lp-desc\">Generate and share delicate virtual flowers.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n<article class=\"lp-card lp-filter-card\" data-title=\"Pollinator Pathmaker\" data-desc=\"Design a living garden that supports real pollinators through generative planting.\" data-tags=\"creative visual interactive nature calm\">\n  <a class=\"lp-link\" href=\"https:\/\/pollinator.art\" target=\"_blank\" rel=\"noopener noreferrer\">Pollinator Pathmaker<\/a>\n  <div class=\"lp-desc\">Design a living garden that supports real pollinators through generative planting.<\/div>\n  <div class=\"lp-card-tags\">\n    <span class=\"lp-chip\">Creative<\/span>\n    <span class=\"lp-chip\">Nature<\/span>\n    <span class=\"lp-chip\">Interactive<\/span>\n    <span class=\"lp-chip\">Calm<\/span>\n  <\/div>\n<\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Zen Photon\" data-desc=\"Draw with light and shadow in a calm physics-based environment.\" data-tags=\"creative visual interactive calm\">\n          <a class=\"lp-link\" href=\"https:\/\/zenphoton.com\" target=\"_blank\" rel=\"noopener noreferrer\">Zen Photon<\/a>\n          <div class=\"lp-desc\">Draw with light and shadow in a calm physics-based environment.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"This Is Sand\" data-desc=\"Create beautiful layered sand art.\" data-tags=\"creative visual interactive calm\">\n          <a class=\"lp-link\" href=\"https:\/\/thisissand.com\" target=\"_blank\" rel=\"noopener noreferrer\">This Is Sand<\/a>\n          <div class=\"lp-desc\">Create beautiful layered sand art.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Emboss Card\" data-desc=\"Draw, stamp, and arrange dots or letters to create a virtual embossed metal card.\" data-tags=\"creative visual interactive playful quick\">\n          <a class=\"lp-link\" href=\"https:\/\/emboss-card.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Emboss Card<\/a>\n          <div class=\"lp-desc\">Draw, stamp, and arrange dots or letters to create a virtual embossed metal card.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Lotus Vibes\" data-desc=\"Arrange lotus flowers in a gentle interactive experience inspired by traditional Thai floral art.\" data-tags=\"creative calm nature visual interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/lotus-vibes.netlify.app\/\" target=\"_blank\" rel=\"noopener noreferrer\">Lotus Vibes<\/a>\n          <div class=\"lp-desc\">Arrange lotus flowers in a gentle interactive experience inspired by traditional Thai floral art.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Nature<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Image95.exe\" data-desc=\"Give photos a delightfully strange retro makeover with filters, stamps, frames, and effects. Best on a computer.\" data-tags=\"creative visual interactive playful desktop\">\n          <a class=\"lp-link\" href=\"https:\/\/image95.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Image95.exe<\/a>\n          <div class=\"lp-desc\">Give photos a delightfully strange retro makeover with filters, stamps, frames, and effects. Best on a computer.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n\n    <div class=\"lp-subsection\">\n      <h3>Sound &amp; Music Play<\/h3>\n      <div class=\"lp-grid\">\n        <article class=\"lp-card lp-filter-card\" data-title=\"Still Night\" data-desc=\"Touch Van Gogh\u2019s The Starry Night and watch the painting move and respond with sound.\" data-tags=\"creative visual interactive music audio art wonder\">\n          <a class=\"lp-link\" href=\"https:\/\/stillnight.joshua-garcia.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Still Night<\/a>\n          <div class=\"lp-desc\">Touch Van Gogh\u2019s <em>The Starry Night<\/em> and watch the painting move and respond with sound.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n<article class=\"lp-card lp-filter-card\" data-title=\"Musical Toys\" data-desc=\"Explore playful musical experiments that turn sound into something visual, interactive, and fun.\" data-tags=\"music creative visual interactive playful\">\n          <a class=\"lp-link\" href=\"https:\/\/musical.toys\/\" target=\"_blank\" rel=\"noopener noreferrer\">Musical Toys<\/a>\n          <div class=\"lp-desc\">Explore playful musical experiments that turn sound into something visual, interactive, and fun.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n        <article class=\"lp-card lp-filter-card\" data-title=\"Musical Canvas\" data-desc=\"Make music through color, movement, and playful interaction.\" data-tags=\"music creative visual interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/artsandculture.google.com\/experiment\/musical-canvas\/6AF2kMdrQhI4tQ?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">Musical Canvas<\/a>\n          <div class=\"lp-desc\">Make music through color, movement, and playful interaction.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Paint with Music\" data-desc=\"Create visuals and sound together in a playful, low-pressure way.\" data-tags=\"music creative visual interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/artsandculture.google.com\/experiment\/paint-with-music\/YAGuJyDB-XbbWg?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">Paint with Music<\/a>\n          <div class=\"lp-desc\">Create visuals and sound together in a playful, low-pressure way.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Patatap\" data-desc=\"Press keys to create playful music and animation at the same time.\" data-tags=\"creative music interactive quick\">\n          <a class=\"lp-link\" href=\"https:\/\/www.patatap.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Patatap<\/a>\n          <div class=\"lp-desc\">Press keys to create playful music and animation at the same time.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Incredibox\" data-desc=\"Build simple songs by arranging a group of beatboxers.\" data-tags=\"creative music interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/www.incredibox.com\" target=\"_blank\" rel=\"noopener noreferrer\">Incredibox<\/a>\n          <div class=\"lp-desc\">Build simple songs by arranging a group of beatboxers.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Blob Opera\" data-desc=\"Guide adorable AI opera singers into harmonies with your mouse.\" data-tags=\"music interactive playful quick\">\n          <a class=\"lp-link\" href=\"https:\/\/blobopera.io\" target=\"_blank\" rel=\"noopener noreferrer\">Blob Opera<\/a>\n          <div class=\"lp-desc\">Guide adorable AI opera singers into harmonies with your mouse.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Interactive<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Chrome Music Lab\" data-desc=\"Playful music experiments exploring rhythm, melody, and sound.\" data-tags=\"music learning interactive quick\">\n          <a class=\"lp-link\" href=\"https:\/\/musiclab.chromeexperiments.com\" target=\"_blank\" rel=\"noopener noreferrer\">Chrome Music Lab<\/a>\n          <div class=\"lp-desc\">Playful music experiments exploring rhythm, melody, and sound.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n        <article class=\"lp-card lp-filter-card\" data-title=\"Bongo Cat\" data-desc=\"A tiny cat that enthusiastically bops along while you type, click, and play.\" data-tags=\"music quick playful interactive uplifting\">\n          <a class=\"lp-link\" href=\"https:\/\/bongo.cat\/\" target=\"_blank\" rel=\"noopener noreferrer\">Bongo Cat<\/a>\n          <div class=\"lp-desc\">A tiny cat that enthusiastically bops along while you type, click, and play.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Quick<\/span><span class=\"lp-chip\">Playful<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Viola the Bird\" data-desc=\"Learn and play with music through a playful animated bird guide.\" data-tags=\"music learning interactive playful\">\n          <a class=\"lp-link\" href=\"https:\/\/artsandculture.google.com\/experiment\/viola-the-bird\/nAEJVwNkp-FnrQ?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">Viola the Bird<\/a>\n          <div class=\"lp-desc\">Learn and play with music through a playful animated bird guide.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Playful<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Play a Kandinsky\" data-desc=\"Explore how color, shape, and sound can work together.\" data-tags=\"music visual interactive creative\">\n          <a class=\"lp-link\" href=\"https:\/\/artsandculture.google.com\/experiment\/play-a-kandinsky\/sgF5ivv105ukhA?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">Play a Kandinsky<\/a>\n          <div class=\"lp-desc\">Explore how color, shape, and sound can work together.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"HighC\" data-desc=\"Draw melodies and textures directly onto a visual music canvas.\" data-tags=\"creative music visual interactive\">\n          <a class=\"lp-link\" href=\"http:\/\/highc.org\" target=\"_blank\" rel=\"noopener noreferrer\">HighC<\/a>\n          <div class=\"lp-desc\">Draw melodies and textures directly onto a visual music canvas.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n  <article class=\"lp-card lp-filter-card\" data-title=\"BeepBox\" data-desc=\"Sketch and share simple instrumental music loops.\" data-tags=\"creative music interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/www.beepbox.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">BeepBox<\/a>\n          <div class=\"lp-desc\">Sketch and share simple instrumental music loops.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"DrumBit\" data-desc=\"A simple online drum machine for making beats.\" data-tags=\"creative music interactive quick\">\n          <a class=\"lp-link\" href=\"https:\/\/drumbit.app\" target=\"_blank\" rel=\"noopener noreferrer\">DrumBit<\/a>\n          <div class=\"lp-desc\">A simple online drum machine for making beats.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"MusicBox\" data-desc=\"Create simple melodies on a soothing music box-style grid.\" data-tags=\"creative music interactive calm\">\n          <a class=\"lp-link\" href=\"https:\/\/musicbox.fun\" target=\"_blank\" rel=\"noopener noreferrer\">MusicBox<\/a>\n          <div class=\"lp-desc\">Create simple melodies on a soothing music box-style grid.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Calm<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Ableton Learning Music\" data-desc=\"Interactive lessons on rhythm, melody, bass, and song structure.\" data-tags=\"music learning interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/learningmusic.ableton.com\" target=\"_blank\" rel=\"noopener noreferrer\">Ableton Learning Music<\/a>\n          <div class=\"lp-desc\">Interactive lessons on rhythm, melody, bass, and song structure.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n\n    <div class=\"lp-subsection\">\n      <h3>Playful Experiments<\/h3>\n      <div class=\"lp-grid\">\n        <article class=\"lp-card lp-filter-card\" data-title=\"Coolors\" data-desc=\"Generate and explore color palettes just for the pleasure of finding combinations you love. Free to explore; some saving and advanced features require Pro.\" data-tags=\"creative visual interactive color palettes\">\n          <a class=\"lp-link\" href=\"https:\/\/coolors.co\/generate\" target=\"_blank\" rel=\"noopener noreferrer\">Coolors<\/a>\n          <div class=\"lp-desc\">Generate and explore color palettes just for the pleasure of finding combinations you love. Free to explore; some saving and advanced features require Pro.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Draw to Art (Shape Edition)\" data-desc=\"Make simple shapes and watch them transform into art.\" data-tags=\"creative visual playful quick\">\n          <a class=\"lp-link\" href=\"https:\/\/artsandculture.google.com\/experiment\/draw-to-art-shape-edition\/5AGMDohSMWOvfA?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">Draw to Art (Shape Edition)<\/a>\n          <div class=\"lp-desc\">Make simple shapes and watch them transform into art.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Play With Liquid Particles\" data-desc=\"Manipulate floating particles that move like liquid light.\" data-tags=\"creative visual interactive playful\">\n          <a class=\"lp-link\" href=\"http:\/\/spielzeugz.de\/html5\/liquid-particles\/\" target=\"_blank\" rel=\"noopener noreferrer\">Play With Liquid Particles<\/a>\n          <div class=\"lp-desc\">Manipulate floating particles that move like liquid light.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Don't Touch The Art\" data-desc=\"A playful museum-style challenge about looking, noticing, and restraint.\" data-tags=\"playful visual interactive art\">\n          <a class=\"lp-link\" href=\"https:\/\/artsandculture.google.com\/experiment\/don-t-touch-the-art\/EwElh6DBf5inTA?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">Don\u2019t Touch The Art<\/a>\n          <div class=\"lp-desc\">A playful museum-style challenge about looking, noticing, and restraint.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Playful<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Say What You See\" data-desc=\"A quick visual game about noticing, language, and perspective.\" data-tags=\"playful visual interactive quick\">\n          <a class=\"lp-link\" href=\"https:\/\/artsandculture.google.com\/experiment\/say-what-you-see\/jwG3m7wQShZngw?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">Say What You See<\/a>\n          <div class=\"lp-desc\">A quick visual game about noticing, language, and perspective.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Playful<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Odd One Out\" data-desc=\"A simple playful challenge about patterns, difference, and noticing.\" data-tags=\"playful visual quick interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/artsandculture.google.com\/experiment\/odd-one-out\/wAHNn4JsVTFOiw?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">Odd One Out<\/a>\n          <div class=\"lp-desc\">A simple playful challenge about patterns, difference, and noticing.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Playful<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Fridge Poem\" data-desc=\"Arrange digital magnetic words into poems, messages, stories, or playful nonsense.\" data-tags=\"creative writing playful quick\">\n          <a class=\"lp-link\" href=\"https:\/\/fridgepoem.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Fridge Poem<\/a>\n          <div class=\"lp-desc\">Arrange digital magnetic words into poems, messages, stories, or playful nonsense.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Writing<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Emoji Kitchen\" data-desc=\"Combine emojis into surprising new creations and discover unexpected combinations.\" data-tags=\"creative playful quick visual uplifting\">\n          <a class=\"lp-link\" href=\"https:\/\/emojikitchen.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">Emoji Kitchen<\/a>\n          <div class=\"lp-desc\">Combine emojis into surprising new creations and discover unexpected combinations.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Playful<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n\n    <div class=\"lp-subsection\">\n      <h3>Creative Skills &amp; Hands-On Making<\/h3>\n      <div class=\"lp-grid\">\n        <article class=\"lp-card lp-filter-card\" data-title=\"Learn Origami\" data-desc=\"Simple step-by-step instructions for folding paper creations.\" data-tags=\"creative learning calm making\">\n          <a class=\"lp-link\" href=\"https:\/\/origami.me\/beginners-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">Learn Origami<\/a>\n          <div class=\"lp-desc\">Simple step-by-step instructions for folding paper creations.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Calm<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"CreativeMornings\" data-desc=\"Find free creative gatherings, talks, and virtual events that bring people together around ideas and making.\" data-tags=\"creative uplifting learning community events connection\">\n          <a class=\"lp-link\" href=\"https:\/\/creativemornings.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">CreativeMornings<\/a>\n          <div class=\"lp-desc\">Find free creative gatherings, talks, and virtual events that bring people together around ideas and making.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Uplifting<\/span><span class=\"lp-chip\">Learning<\/span><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/details>\n\n<details class=\"lp-section lp-filter-section lp-accordion\" data-section=\"exploration\">\n  <summary>\n    <div class=\"lp-section-header\">\n      <h2>\ud83c\udf0d Exploration &amp; Wonder<\/h2>\n      <p>Quietly fascinating places to explore, wander, and see the world from a new perspective.<\/p>\n    <\/div>\n  <\/summary>\n  <div class=\"lp-accordion-body\">\n\n    <div class=\"lp-subsection\">\n      <h3>\ud83c\udf0c Space &amp; Big Perspective<\/h3>\n      <div class=\"lp-grid\">\n        <article class=\"lp-card lp-filter-card\" data-title=\"100,000 Stars\" data-desc=\"Interactive map of the stars closest to Earth.\" data-tags=\"exploration visual interactive space\">\n          <a class=\"lp-link\" href=\"https:\/\/stars.chromeexperiments.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">100,000 Stars<\/a>\n          <div class=\"lp-desc\">Interactive map of the stars closest to Earth.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Nebula Station\" data-desc=\"Settle into a cozy space station, listen to space radio, and explore a little galaxy at your own pace.\" data-tags=\"exploration visual interactive music space calm\">\n            <a class=\"lp-link\" href=\"https:\/\/nebula-station.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Nebula Station<\/a>\n            <div class=\"lp-desc\">Settle into a cozy space station, listen to space radio, and explore a little galaxy at your own pace.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n          <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"WorldWide Telescope\" data-desc=\"Explore the sky through astronomical images and telescopes from around the world.\" data-tags=\"exploration visual interactive space learning wonder\">\n          <a class=\"lp-link\" href=\"https:\/\/worldwidetelescope.org\/webclient\/\" target=\"_blank\" rel=\"noopener noreferrer\">WorldWide Telescope<\/a>\n          <div class=\"lp-desc\">Explore the sky through astronomical images and telescopes from around the world.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Space<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Nights on Earth\" data-desc=\"Explore an interactive sky calendar with moon phases and upcoming astronomical events for your location.\" data-tags=\"exploration space visual learning interactive\">\n            <a class=\"lp-link\" href=\"https:\/\/nightsonearth.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Nights on Earth<\/a>\n            <div class=\"lp-desc\">Explore an interactive sky calendar with moon phases and upcoming astronomical events for your location.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Space<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n          <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"The Scale of the Universe\" data-desc=\"Zoom from subatomic particles to the entire observable universe.\" data-tags=\"exploration visual interactive space learning\">\n          <a class=\"lp-link\" href=\"https:\/\/scaleofuniverse.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Scale of the Universe<\/a>\n          <div class=\"lp-desc\">Zoom from subatomic particles to the entire observable universe.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Chromatic\" data-desc=\"Explore color, perception, and visual patterns through simple interactive experiments.\" data-tags=\"exploration visual interactive learning\">\n          <a class=\"lp-link\" href=\"https:\/\/feyder.co\/projects\/chromatic\/\" target=\"_blank\" rel=\"noopener noreferrer\">Chromatic<\/a>\n          <div class=\"lp-desc\">Explore color, perception, and visual patterns through simple interactive experiments.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n<article class=\"lp-card lp-filter-card\" data-title=\"NASA\u2019s Visual Universe\" data-desc=\"Explore stunning visualizations of galaxies, stars, and cosmic structures across the universe.\" data-tags=\"exploration space visual interactive awe\">\n  <a class=\"lp-link\" href=\"https:\/\/experiments.withgoogle.com\/nasasvisualuniverse\" target=\"_blank\" rel=\"noopener noreferrer\">NASA\u2019s Visual Universe<\/a>\n  <div class=\"lp-desc\">Explore stunning visualizations of galaxies, stars, and cosmic structures across the universe.<\/div>\n  <div class=\"lp-card-tags\">\n    <span class=\"lp-chip\">Exploration<\/span>\n    <span class=\"lp-chip\">Space<\/span>\n    <span class=\"lp-chip\">Visual<\/span>\n    <span class=\"lp-chip\">Awe<\/span>\n  <\/div>\n<\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Stellarium Web\" data-desc=\"Explore the real night sky from your location in your browser.\" data-tags=\"exploration visual interactive space\">\n          <a class=\"lp-link\" href=\"https:\/\/stellarium-web.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Stellarium Web<\/a>\n          <div class=\"lp-desc\">Explore the real night sky from your location in your browser.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"HERE IS TODAY\" data-desc=\"Shows your place in the history of the universe.\" data-tags=\"exploration visual learning quick\">\n          <a class=\"lp-link\" href=\"https:\/\/hereistoday.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">HERE IS TODAY<\/a>\n          <div class=\"lp-desc\">Shows your place in the history of the universe.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Quick<\/span><span class=\"lp-chip\">Learning<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"NASA Eyes on the Solar System\" data-desc=\"Interactive 3D exploration of planets, spacecraft, asteroids, and missions.\" data-tags=\"exploration space visual interactive learning\">\n          <a class=\"lp-link\" href=\"https:\/\/eyes.nasa.gov\/\" target=\"_blank\" rel=\"noopener noreferrer\">NASA Eyes on the Solar System<\/a>\n          <div class=\"lp-desc\">Interactive 3D exploration of planets, spacecraft, asteroids, and missions.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"MinuteLabs\" data-desc=\"Interactive science simulations exploring physics, space, and mathematics.\" data-tags=\"learning exploration interactive science\">\n          <a class=\"lp-link\" href=\"https:\/\/minutelabs.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">MinuteLabs<\/a>\n          <div class=\"lp-desc\">Interactive science simulations exploring physics, space, and mathematics.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Interactive<\/span><span class=\"lp-chip\">Exploration<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"NASA Astronomy Picture of the Day\" data-desc=\"See one remarkable image of the universe each day with a short explanation from an astronomer.\" data-tags=\"space exploration learning visual quick\">\n          <a class=\"lp-link\" href=\"https:\/\/apod.nasa.gov\/apod\/astropix.html\" target=\"_blank\" rel=\"noopener noreferrer\">NASA Astronomy Picture of the Day<\/a>\n          <div class=\"lp-desc\">See one remarkable image of the universe each day with a short explanation from an astronomer.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Space<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n\n    <div class=\"lp-subsection\">\n      <h3>\ud83c\udf0e Earth, Nature &amp; Planet Systems<\/h3>\n      <div class=\"lp-grid\">\n        <article class=\"lp-card lp-filter-card\" data-title=\"Earth Nullschool\" data-desc=\"Live visualization of global wind, currents, and weather systems.\" data-tags=\"exploration visual interactive earth\">\n          <a class=\"lp-link\" href=\"https:\/\/earth.nullschool.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Earth Nullschool<\/a>\n          <div class=\"lp-desc\">Live visualization of global wind, currents, and weather systems.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"OneZoom\" data-desc=\"Zoom through the tree of life and discover how living species are related.\" data-tags=\"exploration nature visual learning interactive\">\n            <a class=\"lp-link\" href=\"https:\/\/www.onezoom.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">OneZoom<\/a>\n            <div class=\"lp-desc\">Zoom through the tree of life and discover how living species are related.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Nature<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n          <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Earth Viewer\" data-desc=\"Watch continents drift and Earth change over geologic time.\" data-tags=\"exploration learning visual earth\">\n          <a class=\"lp-link\" href=\"https:\/\/www.hhmi.org\/biointeractive\/earthviewer\" target=\"_blank\" rel=\"noopener noreferrer\">Earth Viewer<\/a>\n          <div class=\"lp-desc\">Watch continents drift and Earth change over geologic time.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Ancient Earth\" data-desc=\"Travel through Earth's history and watch continents, oceans, and life change across millions of years.\" data-tags=\"exploration learning visual earth interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/dinosaurpictures.org\/ancient-earth\" target=\"_blank\" rel=\"noopener noreferrer\">Ancient Earth<\/a>\n          <div class=\"lp-desc\">Travel through Earth\u2019s history and watch continents, oceans, and life change across millions of years.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n        <\/article>\n        <article class=\"lp-card lp-filter-card\" data-title=\"Space Elevator\" data-desc=\"Scroll from Earth's crust down toward the core.\" data-tags=\"exploration visual interactive learning earth\">\n          <a class=\"lp-link\" href=\"https:\/\/neal.fun\/space-elevator\/\" target=\"_blank\" rel=\"noopener noreferrer\">Space Elevator<\/a>\n          <div class=\"lp-desc\">Scroll from Earth to the edge of space, discovering clouds, animals, aircraft, weather phenomena, and atmospheric layers along the way.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Learning<\/span><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n\n    <div class=\"lp-subsection\">\n      <h3>\ud83d\uddfa Wander &amp; World Travel<\/h3>\n      <div class=\"lp-grid\">\n        <article class=\"lp-card lp-filter-card\" data-title=\"Instant Google Street View\" data-desc=\"Jump instantly to places around the world using Street View.\" data-tags=\"exploration visual interactive travel\">\n          <a class=\"lp-link\" href=\"https:\/\/www.instantstreetview.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Instant Google Street View<\/a>\n          <div class=\"lp-desc\">Jump instantly to places around the world using Street View.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Travel<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n        <article class=\"lp-card lp-filter-card\" data-title=\"MapCrunch\" data-desc=\"Teleport to a random place on Earth through Street View.\" data-tags=\"exploration visual quick travel\">\n          <a class=\"lp-link\" href=\"https:\/\/www.mapcrunch.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">MapCrunch<\/a>\n          <div class=\"lp-desc\">Teleport to a random place on Earth through Street View.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Quick<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n        <\/article>\n        <article class=\"lp-card lp-filter-card\" data-title=\"GeoGuessr\" data-desc=\"Explore places around the world and guess where you are.\" data-tags=\"games exploration interactive travel\">\n          <a class=\"lp-link\" href=\"https:\/\/www.geoguessr.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GeoGuessr<\/a>\n          <div class=\"lp-desc\">Explore places around the world and guess where you are.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Games<\/span><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n        <article class=\"lp-card lp-filter-card\" data-title=\"AirPano\" data-desc=\"Browse immersive 360\u00b0 views and aerial panoramas from around the world.\" data-tags=\"exploration visual travel\">\n          <a class=\"lp-link\" href=\"https:\/\/www.airpano.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">AirPano<\/a>\n          <div class=\"lp-desc\">Browse immersive 360\u00b0 views and aerial panoramas from around the world.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Travel<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n        <\/article>\n        <article class=\"lp-card lp-filter-card\" data-title=\"Atlas Obscura\" data-desc=\"Discover strange, beautiful, and unusual places around the globe.\" data-tags=\"exploration learning travel\">\n          <a class=\"lp-link\" href=\"https:\/\/www.atlasobscura.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atlas Obscura<\/a>\n          <div class=\"lp-desc\">Discover strange, beautiful, and unusual places around the globe.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Travel<\/span><span class=\"lp-chip\">Learning<\/span><\/div>\n        <\/article>\n        <article class=\"lp-card lp-filter-card\" data-title=\"Bagan\" data-desc=\"Wander through a dreamy interactive landscape of temples and sky.\" data-tags=\"exploration visual interactive wander calm\">\n          <a class=\"lp-link\" href=\"https:\/\/artsandculture.google.com\/experiment\/bagan\/nQE9BLHQZQq2LA?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">Bagan<\/a>\n          <div class=\"lp-desc\">Wander through a dreamy interactive landscape of temples and sky.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Slow Roads\" data-desc=\"Take a relaxing drive through endless landscapes with no destination, timer, or pressure.\" data-tags=\"calm exploration visual interactive travel\">\n          <a class=\"lp-link\" href=\"https:\/\/slowroads.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Slow Roads<\/a>\n          <div class=\"lp-desc\">Take a relaxing drive through endless landscapes with no destination, timer, or pressure.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Virtual Vacation\" data-desc=\"Wander through cities, beaches, and destinations around the world from your browser.\" data-tags=\"exploration visual travel calm\">\n          <a class=\"lp-link\" href=\"https:\/\/virtualvacation.us\/\" target=\"_blank\" rel=\"noopener noreferrer\">Virtual Vacation<\/a>\n          <div class=\"lp-desc\">Wander through cities, beaches, and destinations around the world from your browser.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Travel<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Drive &amp; Listen\" data-desc=\"Experience scenic drives paired with music, movement, and changing landscapes.\" data-tags=\"exploration music visual travel calm\">\n          <a class=\"lp-link\" href=\"https:\/\/drivenlisten.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Drive &amp; Listen<\/a>\n          <div class=\"lp-desc\">Experience scenic drives paired with music, movement, and changing landscapes.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Floor796\" data-desc=\"Explore a giant animated cross-section filled with tiny stories, hidden characters, and unexpected details.\" data-tags=\"exploration visual interactive playful\">\n          <a class=\"lp-link\" href=\"https:\/\/floor796.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Floor796<\/a>\n          <div class=\"lp-desc\">Explore a giant animated cross-section filled with tiny stories, hidden characters, and unexpected details.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Worldwide Sidewalk Joy\" data-desc=\"Use a worldwide map to find tiny galleries, exchanges, wishing trees, and other pockets of neighborhood whimsy.\" data-tags=\"exploration uplifting community travel interactive offline\">\n          <a class=\"lp-link\" href=\"https:\/\/worldwidesidewalkjoy.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Worldwide Sidewalk Joy<\/a>\n          <div class=\"lp-desc\">Use a worldwide map to find tiny galleries, exchanges, wishing trees, and other pockets of neighborhood whimsy.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Uplifting<\/span><span class=\"lp-chip\">Community<\/span><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n\n    <div class=\"lp-subsection\">\n      <h3>\ud83d\uddbc Visual Archives &amp; Curious Collections<\/h3>\n      <div class=\"lp-grid\">\n        <article class=\"lp-card lp-filter-card\" data-title=\"Wiki Spy\" data-desc=\"Search and shuffle an endless collage of objects from Wikipedia by color, concept, or visual similarity.\" data-tags=\"exploration visual interactive learning playful\">\n          <a class=\"lp-link\" href=\"https:\/\/neal.fun\/wiki-spy\/\" target=\"_blank\" rel=\"noopener noreferrer\">Wiki Spy<\/a>\n          <div class=\"lp-desc\">Search and shuffle an endless collage of objects from Wikipedia by color, concept, or visual similarity.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Cabinet\" data-desc=\"Look closely at a painting, choose a detail, and discover visual connections to other works. Some images and stories may be unsettling.\" data-tags=\"exploration visual interactive art learning\">\n            <a class=\"lp-link\" href=\"https:\/\/curiosity.vdoc.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">Cabinet<\/a>\n            <div class=\"lp-desc\">Look closely at a painting, choose a detail, and discover visual connections to other works. Some images and stories may be unsettling.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n          <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Public Domain Image Archive\" data-desc=\"Wander through thousands of beautiful, bizarre, and forgotten images from the past.\" data-tags=\"exploration visual history learning archive\">\n          <a class=\"lp-link\" href=\"https:\/\/pdimagearchive.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Public Domain Image Archive<\/a>\n          <div class=\"lp-desc\">Wander through thousands of beautiful, bizarre, and forgotten images from the past.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">History<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Smithsonian Open Access\" data-desc=\"Explore millions of freely available images and 3D objects from Smithsonian museums and collections.\" data-tags=\"exploration visual learning history museum archive\">\n          <a class=\"lp-link\" href=\"https:\/\/www.si.edu\/openaccess\" target=\"_blank\" rel=\"noopener noreferrer\">Smithsonian Open Access<\/a>\n          <div class=\"lp-desc\">Explore millions of freely available images and 3D objects from Smithsonian museums and collections.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Learning<\/span><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n\n    <div class=\"lp-subsection\">\n      <h3>\ud83c\udf0a Living Worlds &amp; Nature in Motion<\/h3>\n      <div class=\"lp-grid\">\n        <article class=\"lp-card lp-filter-card\" data-title=\"Enchanted Night Garden\" data-desc=\"Wander through a starlit garden, wake flowers with a touch, and see what new blooms you can dream up.\" data-tags=\"calm nature visual interactive creative exploration wonder\">\n            <a class=\"lp-link\" href=\"https:\/\/enchanted-night-garden.pages.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">Enchanted Night Garden<\/a>\n            <div class=\"lp-desc\">Wander through a starlit garden, wake flowers with a touch, and see what new blooms you can dream up.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Nature<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n          <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"In Rhythm With Nature\" data-desc=\"A gentle interactive experience that lets you explore living natural rhythms.\" data-tags=\"exploration nature interactive calm visual\">\n          <a class=\"lp-link\" href=\"https:\/\/experiments.withgoogle.com\/in-rhythm-with-nature\" target=\"_blank\" rel=\"noopener noreferrer\">In Rhythm With Nature<\/a>\n          <div class=\"lp-desc\">A gentle interactive experience that lets you explore living natural rhythms.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Nature<\/span><span class=\"lp-chip\">Interactive<\/span><span class=\"lp-chip\">Calm<\/span><\/div>\n        <\/article>\n        <article class=\"lp-card lp-filter-card\" data-title=\"Ocean of Books\" data-desc=\"Explore a fantasy map of literature where islands represent authors and cities represent books.\" data-tags=\"exploration visual interactive reading learning\">\n          <a class=\"lp-link\" href=\"https:\/\/artsandculture.google.com\/experiment\/an-ocean-of-books\/IQE0_7gK_1dCww?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">Ocean of Books<\/a>\n          <div class=\"lp-desc\">Explore a fantasy map of literature where islands represent authors and cities represent books.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Reading<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n        <\/article>\n        <article class=\"lp-card lp-filter-card\" data-title=\"Hatnote \u2014 Listen to Wikipedia\" data-desc=\"Hear Wikipedia edits happening around the world in real time.\" data-tags=\"exploration audio interactive learning\">\n          <a class=\"lp-link\" href=\"https:\/\/listen.hatnote.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Hatnote \u2014 Listen to Wikipedia<\/a>\n          <div class=\"lp-desc\">Hear Wikipedia edits happening around the world in real time.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Audio<\/span><span class=\"lp-chip\">Learning<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"elegi.ac\" data-desc=\"Drift through an endless ambient composition of words, sounds, and handpicked archival images.\" data-tags=\"calm exploration visual audio reflective interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/elegi.ac\/\" target=\"_blank\" rel=\"noopener noreferrer\">elegi.ac<\/a>\n          <div class=\"lp-desc\">Drift through an endless ambient composition of words, sounds, and handpicked archival images.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Audio<\/span><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n\n    <div class=\"lp-subsection\">\n      <h3>\ud83d\udcfa Live Windows Into the World<\/h3>\n      <div class=\"lp-grid\">\n        <article class=\"lp-card lp-filter-card\" data-title=\"EarthCam\" data-desc=\"Live cameras showing cities, beaches, skylines, and landmarks around the world.\" data-tags=\"exploration visual live\">\n          <a class=\"lp-link\" href=\"https:\/\/www.earthcam.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">EarthCam<\/a>\n          <div class=\"lp-desc\">Live cameras showing cities, beaches, skylines, and landmarks around the world.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><span class=\"lp-chip\">Live<\/span><\/div>\n        <\/article>\n        <article class=\"lp-card lp-filter-card\" data-title=\"Northern Lights Live Cam\" data-desc=\"Watch real-time views of the aurora borealis.\" data-tags=\"nature visual live calm\">\n          <a class=\"lp-link\" href=\"https:\/\/explore.org\/livecams\/zen-den\/northern-lights-cam\" target=\"_blank\" rel=\"noopener noreferrer\">Northern Lights Live Cam<\/a>\n          <div class=\"lp-desc\">Watch real-time views of the aurora borealis.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Nature<\/span><span class=\"lp-chip\">Live<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n        <\/article>\n        <article class=\"lp-card lp-filter-card\" data-title=\"Monterey Bay Aquarium Live Cam\" data-desc=\"Relax with live views of sea life and underwater habitats.\" data-tags=\"nature live visual calm\">\n          <a class=\"lp-link\" href=\"https:\/\/www.montereybayaquarium.org\/animals\/live-cams\" target=\"_blank\" rel=\"noopener noreferrer\">Monterey Bay Aquarium Live Cam<\/a>\n          <div class=\"lp-desc\">Relax with live views of sea life and underwater habitats.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Nature<\/span><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Live<\/span><\/div>\n        <\/article>\n        <article class=\"lp-card lp-filter-card\" data-title=\"San Diego Zoo Live Cam\" data-desc=\"Watch animals in real time through the zoo\u2019s live cameras.\" data-tags=\"nature live visual uplifting\">\n          <a class=\"lp-link\" href=\"https:\/\/zoo.sandiegozoo.org\/live-cameras\" target=\"_blank\" rel=\"noopener noreferrer\">San Diego Zoo Live Cam<\/a>\n          <div class=\"lp-desc\">Watch animals in real time through the zoo\u2019s live cameras.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Nature<\/span><span class=\"lp-chip\">Live<\/span><span class=\"lp-chip\">Uplifting<\/span><\/div>\n        <\/article>\n        <article class=\"lp-card lp-filter-card\" data-title=\"Georgia Aquarium Live Cam\" data-desc=\"Peek in on penguins, beluga whales, and other marine life.\" data-tags=\"nature live visual calm\">\n          <a class=\"lp-link\" href=\"https:\/\/www.georgiaaquarium.org\/webcam\/\" target=\"_blank\" rel=\"noopener noreferrer\">Georgia Aquarium Live Cam<\/a>\n          <div class=\"lp-desc\">Peek in on penguins, beluga whales, and other marine life.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Nature<\/span><span class=\"lp-chip\">Live<\/span><span class=\"lp-chip\">Calm<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Explore.org Live Cams\" data-desc=\"Watch live views from oceans, forests, wildlife sanctuaries, and animal rescues around the world.\" data-tags=\"nature live visual calm exploration\">\n          <a class=\"lp-link\" href=\"https:\/\/explore.org\/livecams\" target=\"_blank\" rel=\"noopener noreferrer\">Explore.org Live Cams<\/a>\n          <div class=\"lp-desc\">Watch live views from oceans, forests, wildlife sanctuaries, and animal rescues around the world.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Nature<\/span><span class=\"lp-chip\">Live<\/span><span class=\"lp-chip\">Calm<\/span><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/details>\n\n    <details class=\"lp-section lp-filter-section lp-accordion\" data-section=\"curiosity\">\n      <summary>\n        <div class=\"lp-section-header\">\n          <h2>\ud83d\udd0d Curiosity &amp; Learning<\/h2>\n          <p>Explore knowledge, science, culture, and ideas. Some platforms may offer optional accounts or paid certificates, but many still allow free exploration or course auditing.<\/p>\n        <\/div>\n      <\/summary>\n      <div class=\"lp-accordion-body\">\n\n        <div class=\"lp-subsection\">\n          <h3>Learning Platforms<\/h3>\n          <div class=\"lp-grid\">\n            <article class=\"lp-card lp-filter-card\" data-title=\"TED Playlists\" data-desc=\"Collections of talks organized around themes and ideas.\" data-tags=\"learning quick inspiration\">\n              <a class=\"lp-link\" href=\"https:\/\/www.ted.com\/playlists\" target=\"_blank\" rel=\"noopener noreferrer\">TED Playlists<\/a>\n              <div class=\"lp-desc\">Collections of talks organized around themes and ideas.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Quick<\/span><span class=\"lp-chip\">Exploration<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"HowStuffWorks\" data-desc=\"Clear explainers about science, technology, culture, and everyday questions.\" data-tags=\"learning quick\">\n              <a class=\"lp-link\" href=\"https:\/\/www.howstuffworks.com\" target=\"_blank\" rel=\"noopener noreferrer\">HowStuffWorks<\/a>\n              <div class=\"lp-desc\">Clear explainers about science, technology, culture, and everyday questions.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Wolfram Alpha\" data-desc=\"A computational knowledge engine for facts, math, and data.\" data-tags=\"learning interactive\">\n              <a class=\"lp-link\" href=\"https:\/\/www.wolframalpha.com\" target=\"_blank\" rel=\"noopener noreferrer\">Wolfram Alpha<\/a>\n              <div class=\"lp-desc\">A computational knowledge engine for facts, math, and data.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Coursera\" data-desc=\"Online courses from universities and organizations around the world.\" data-tags=\"learning\">\n              <a class=\"lp-link\" href=\"https:\/\/www.coursera.org\" target=\"_blank\" rel=\"noopener noreferrer\">Coursera<\/a>\n              <div class=\"lp-desc\">Online courses from universities and organizations around the world.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Khan Academy\" data-desc=\"Free lessons and practice across subjects like math, science, and history.\" data-tags=\"learning\">\n              <a class=\"lp-link\" href=\"https:\/\/www.khanacademy.org\" target=\"_blank\" rel=\"noopener noreferrer\">Khan Academy<\/a>\n              <div class=\"lp-desc\">Free lessons and practice across subjects like math, science, and history.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"edX\" data-desc=\"University-style online courses, many of which can be audited for free.\" data-tags=\"learning\">\n              <a class=\"lp-link\" href=\"https:\/\/www.edx.org\" target=\"_blank\" rel=\"noopener noreferrer\">edX<\/a>\n              <div class=\"lp-desc\">University-style online courses, many of which can be audited for free.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Memrise\" data-desc=\"Language learning through repetition, audio, and short practice sessions.\" data-tags=\"learning quick\">\n              <a class=\"lp-link\" href=\"https:\/\/www.memrise.com\" target=\"_blank\" rel=\"noopener noreferrer\">Memrise<\/a>\n              <div class=\"lp-desc\">Language learning through repetition, audio, and short practice sessions.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Duolingo\" data-desc=\"Language lessons in short, game-like practice sessions.\" data-tags=\"learning quick games\">\n              <a class=\"lp-link\" href=\"https:\/\/www.duolingo.com\" target=\"_blank\" rel=\"noopener noreferrer\">Duolingo<\/a>\n              <div class=\"lp-desc\">Language lessons in short, game-like practice sessions.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Quick<\/span><span class=\"lp-chip\">Games<\/span><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n\n        <div class=\"lp-subsection\">\n          <h3>Culture &amp; Exploration<\/h3>\n          <div class=\"lp-grid\">\n            <article class=\"lp-card lp-filter-card\" data-title=\"Google Arts &amp; Culture\" data-desc=\"Explore museums, collections, stories, and cultural treasures from around the world.\" data-tags=\"learning exploration visual\">\n              <a class=\"lp-link\" href=\"https:\/\/artsandculture.google.com\" target=\"_blank\" rel=\"noopener noreferrer\">Google Arts &amp; Culture<\/a>\n              <div class=\"lp-desc\">Explore museums, collections, stories, and cultural treasures from around the world.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n            <\/article>\n\n            <article class=\"lp-card lp-filter-card\" data-title=\"Histography\" data-desc=\"Explore thousands of years of history through an interactive timeline of people, events, and discoveries.\" data-tags=\"learning exploration history interactive visual\">\n              <a class=\"lp-link\" href=\"https:\/\/histography.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Histography<\/a>\n              <div class=\"lp-desc\">Explore thousands of years of history through an interactive timeline of people, events, and discoveries.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Internet Archive\" data-desc=\"A vast library of books, media, websites, and historical materials.\" data-tags=\"learning reading exploration\">\n              <a class=\"lp-link\" href=\"https:\/\/archive.org\" target=\"_blank\" rel=\"noopener noreferrer\">Internet Archive<\/a>\n              <div class=\"lp-desc\">A vast library of books, media, websites, and historical materials.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Reading<\/span><span class=\"lp-chip\">Exploration<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Open Culture\" data-desc=\"Free cultural and educational media, including films, books, and courses.\" data-tags=\"learning reading exploration\">\n              <a class=\"lp-link\" href=\"https:\/\/www.openculture.com\" target=\"_blank\" rel=\"noopener noreferrer\">Open Culture<\/a>\n              <div class=\"lp-desc\">Free cultural and educational media, including films, books, and courses.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Reading<\/span><span class=\"lp-chip\">Exploration<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Kanopy\" data-desc=\"Stream documentaries and films free through many public libraries.\" data-tags=\"learning library visual\">\n              <a class=\"lp-link\" href=\"https:\/\/www.kanopy.com\/en\" target=\"_blank\" rel=\"noopener noreferrer\">Kanopy<\/a>\n              <div class=\"lp-desc\">Stream documentaries and films free through many public libraries.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Library<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n\n        <div class=\"lp-subsection\">\n          <h3>Science &amp; Discovery<\/h3>\n          <div class=\"lp-grid\">\n            <article class=\"lp-card lp-filter-card\" data-title=\"Exploratorium Activities\" data-desc=\"Hands-on science and curiosity activities across many topics.\" data-tags=\"learning interactive science\">\n              <a class=\"lp-link\" href=\"https:\/\/www.exploratorium.edu\/explore\" target=\"_blank\" rel=\"noopener noreferrer\">Exploratorium Activities<\/a>\n              <div class=\"lp-desc\">Hands-on science and curiosity activities across many topics.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Interactive<\/span><span class=\"lp-chip\">Science<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"MinuteLabs\" data-desc=\"Interactive science simulations exploring physics, space, and mathematics.\" data-tags=\"learning interactive science\">\n              <a class=\"lp-link\" href=\"https:\/\/minutelabs.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">MinuteLabs<\/a>\n              <div class=\"lp-desc\">Interactive science simulations exploring physics, space, and mathematics.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Interactive<\/span><span class=\"lp-chip\">Science<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Instructables\" data-desc=\"DIY projects and how-to guides for making, building, and experimenting.\" data-tags=\"learning creative\">\n              <a class=\"lp-link\" href=\"https:\/\/www.instructables.com\" target=\"_blank\" rel=\"noopener noreferrer\">Instructables<\/a>\n              <div class=\"lp-desc\">DIY projects and how-to guides for making, building, and experimenting.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Creative<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"BioDigital Human\" data-desc=\"Interactive anatomy and body exploration in 3D.\" data-tags=\"learning interactive visual science\">\n              <a class=\"lp-link\" href=\"https:\/\/human.biodigital.com\" target=\"_blank\" rel=\"noopener noreferrer\">BioDigital Human<\/a>\n              <div class=\"lp-desc\">Interactive anatomy and body exploration in 3D.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Interactive<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Zooniverse\" data-desc=\"Contribute to real research projects in science, history, and more.\" data-tags=\"learning interactive science community\">\n              <a class=\"lp-link\" href=\"https:\/\/www.zooniverse.org\" target=\"_blank\" rel=\"noopener noreferrer\">Zooniverse<\/a>\n              <div class=\"lp-desc\">Contribute to real research projects in science, history, and more.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Science<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Neal.fun\" data-desc=\"A collection of clever interactive experiments exploring science, scale, and everyday curiosities.\" data-tags=\"learning exploration interactive visual\">\n              <a class=\"lp-link\" href=\"https:\/\/neal.fun\" target=\"_blank\" rel=\"noopener noreferrer\">Neal.fun<\/a>\n              <div class=\"lp-desc\">A collection of clever interactive experiments exploring science, scale, and everyday curiosities.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n            <\/article>\n\n            <article class=\"lp-card lp-filter-card\" data-title=\"The Kid Should See This\" data-desc=\"Discover human-curated videos about science, nature, art, engineering, music, history, and how things are made.\" data-tags=\"learning exploration visual science art video\">\n              <a class=\"lp-link\" href=\"https:\/\/thekidshouldseethis.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Kid Should See This<\/a>\n              <div class=\"lp-desc\">Discover human-curated videos about science, nature, art, engineering, music, history, and how things are made.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n\n        <div class=\"lp-subsection\">\n          <h3>Reading &amp; Literature<\/h3>\n          <div class=\"lp-grid\">\n            <article class=\"lp-card lp-filter-card\" data-title=\"The Creative Independent\" data-desc=\"Wander through interviews, essays, and practical wisdom about creativity, curiosity, and making a life around what matters to you.\" data-tags=\"creative reading learning exploration inspiration interviews\">\n              <a class=\"lp-link\" href=\"https:\/\/thecreativeindependent.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Creative Independent<\/a>\n              <div class=\"lp-desc\">Wander through interviews, essays, and practical wisdom about creativity, curiosity, and making a life around what matters to you.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Reading<\/span><span class=\"lp-chip\">Exploration<\/span><\/div>\n            <\/article>\n\n            <article class=\"lp-card lp-filter-card\" data-title=\"Open Library\" data-desc=\"Borrow and browse digital books from a massive public library.\" data-tags=\"reading learning library\">\n              <a class=\"lp-link\" href=\"https:\/\/openlibrary.org\" target=\"_blank\" rel=\"noopener noreferrer\">Open Library<\/a>\n              <div class=\"lp-desc\">Borrow and browse digital books from a massive public library.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Reading<\/span><span class=\"lp-chip\">Library<\/span><span class=\"lp-chip\">Learning<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Poem Hunter\" data-desc=\"Browse poetry from many poets and eras.\" data-tags=\"reading quick\">\n              <a class=\"lp-link\" href=\"https:\/\/www.poemhunter.com\" target=\"_blank\" rel=\"noopener noreferrer\">Poem Hunter<\/a>\n              <div class=\"lp-desc\">Browse poetry from many poets and eras.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Reading<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Write a Haiku\" data-desc=\"Generate or play with haiku-style poetry prompts.\" data-tags=\"creative reading quick\">\n              <a class=\"lp-link\" href=\"https:\/\/www.haiku-generator.org.uk\" target=\"_blank\" rel=\"noopener noreferrer\">Write a Haiku<\/a>\n              <div class=\"lp-desc\">Generate or play with haiku-style poetry prompts.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Creative<\/span><span class=\"lp-chip\">Reading<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Libby\" data-desc=\"Borrow ebooks, audiobooks, and magazines through many public libraries.\" data-tags=\"reading library audio\">\n              <a class=\"lp-link\" href=\"https:\/\/libbyapp.com\" target=\"_blank\" rel=\"noopener noreferrer\">Libby<\/a>\n              <div class=\"lp-desc\">Borrow ebooks, audiobooks, and magazines through many public libraries.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Library<\/span><span class=\"lp-chip\">Reading<\/span><span class=\"lp-chip\">Audio<\/span><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n\n        <div class=\"lp-subsection\">\n          <h3>Knowledge Tools<\/h3>\n          <div class=\"lp-grid\">\n            <article class=\"lp-card lp-filter-card\" data-title=\"DPLA\" data-desc=\"Discover photographs, books, archives, and cultural history collections.\" data-tags=\"learning research exploration\">\n              <a class=\"lp-link\" href=\"https:\/\/dp.la\" target=\"_blank\" rel=\"noopener noreferrer\">DPLA<\/a>\n              <div class=\"lp-desc\">Discover photographs, books, archives, and cultural history collections.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Research<\/span><span class=\"lp-chip\">Exploration<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Scholarpedia\" data-desc=\"Peer-reviewed encyclopedia articles written by subject experts.\" data-tags=\"learning research\">\n              <a class=\"lp-link\" href=\"http:\/\/www.scholarpedia.org\" target=\"_blank\" rel=\"noopener noreferrer\">Scholarpedia<\/a>\n              <div class=\"lp-desc\">Peer-reviewed encyclopedia articles written by subject experts.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Research<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"OpenStax\" data-desc=\"Free open textbooks across many academic subjects.\" data-tags=\"learning reading\">\n              <a class=\"lp-link\" href=\"https:\/\/openstax.org\" target=\"_blank\" rel=\"noopener noreferrer\">OpenStax<\/a>\n              <div class=\"lp-desc\">Free open textbooks across many academic subjects.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Reading<\/span><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/details>\n\n<details class=\"lp-section lp-filter-section lp-accordion\" data-section=\"games\">\n  <summary>\n    <div class=\"lp-section-header\">\n      <h2>\ud83c\udfae Games &amp; Light Play<\/h2>\n      <p>Simple games and playful distractions when you need a mental break.<\/p>\n    <\/div>\n  <\/summary>\n\n  <div class=\"lp-accordion-body\">\n\n    <div class=\"lp-subsection\">\n      <h3>\ud83e\udde0 Puzzles &amp; Brain Teasers<\/h3>\n      <div class=\"lp-grid\">\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"2048\" data-desc=\"Slide tiles together to reach 2048.\" data-tags=\"games quick puzzles\">\n          <a class=\"lp-link\" href=\"https:\/\/play2048.co\" target=\"_blank\" rel=\"noopener noreferrer\">2048<\/a>\n          <div class=\"lp-desc\">Slide tiles together to reach 2048.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Quick<\/span>\n            <span class=\"lp-chip\">Puzzles<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Web Sudoku\" data-desc=\"A classic number puzzle in your browser.\" data-tags=\"games puzzles quick\">\n          <a class=\"lp-link\" href=\"https:\/\/www.websudoku.com\" target=\"_blank\" rel=\"noopener noreferrer\">Web Sudoku<\/a>\n          <div class=\"lp-desc\">A classic number puzzle in your browser.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Puzzles<\/span>\n            <span class=\"lp-chip\">Quick<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Crossword Puzzles\" data-desc=\"Free browser-based crossword puzzles.\" data-tags=\"games reading puzzles\">\n          <a class=\"lp-link\" href=\"https:\/\/www.boatloadpuzzles.com\/playcrossword\" target=\"_blank\" rel=\"noopener noreferrer\">Crossword Puzzles<\/a>\n          <div class=\"lp-desc\">Free browser-based crossword puzzles.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Reading<\/span>\n            <span class=\"lp-chip\">Puzzles<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Free Jigsaw Puzzles\" data-desc=\"Solve digital jigsaw puzzles at your own pace.\" data-tags=\"games visual puzzles calm\">\n          <a class=\"lp-link\" href=\"https:\/\/www.jigsawplanet.com\" target=\"_blank\" rel=\"noopener noreferrer\">Free Jigsaw Puzzles<\/a>\n          <div class=\"lp-desc\">Solve digital jigsaw puzzles at your own pace.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Visual<\/span>\n            <span class=\"lp-chip\">Calm<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Word Searches\" data-desc=\"Search for hidden words in themed puzzles.\" data-tags=\"games reading puzzles quick\">\n          <a class=\"lp-link\" href=\"https:\/\/thewordsearch.com\" target=\"_blank\" rel=\"noopener noreferrer\">Word Searches<\/a>\n          <div class=\"lp-desc\">Search for hidden words in themed puzzles.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Reading<\/span>\n            <span class=\"lp-chip\">Quick<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Hextris\" data-desc=\"A fast geometric puzzle game inspired by Tetris.\" data-tags=\"games puzzles quick\">\n          <a class=\"lp-link\" href=\"https:\/\/hextris.github.io\/hextris\/\" target=\"_blank\" rel=\"noopener noreferrer\">Hextris<\/a>\n          <div class=\"lp-desc\">A fast geometric puzzle game inspired by Tetris.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Puzzles<\/span>\n            <span class=\"lp-chip\">Quick<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Color Game\" data-desc=\"Test how accurately you can match colors on the spectrum.\" data-tags=\"games visual quick puzzles\">\n          <a class=\"lp-link\" href=\"https:\/\/color.method.ac\" target=\"_blank\" rel=\"noopener noreferrer\">Color Game<\/a>\n          <div class=\"lp-desc\">Test how accurately you can match colors on the spectrum.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Visual<\/span>\n            <span class=\"lp-chip\">Quick<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Wordle\" data-desc=\"Guess the daily five-letter word in six tries.\" data-tags=\"games quick reading puzzles\">\n          <a class=\"lp-link\" href=\"https:\/\/www.nytimes.com\/games\/wordle\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">Wordle<\/a>\n          <div class=\"lp-desc\">Guess the daily five-letter word in six tries.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Quick<\/span>\n            <span class=\"lp-chip\">Reading<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Seterra Geography Quizzes\" data-desc=\"Test your geography knowledge with map-based quizzes.\" data-tags=\"games learning quick\">\n          <a class=\"lp-link\" href=\"https:\/\/www.seterra.com\" target=\"_blank\" rel=\"noopener noreferrer\">Seterra Geography Quizzes<\/a>\n          <div class=\"lp-desc\">Test your geography knowledge with map-based quizzes.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Learning<\/span>\n            <span class=\"lp-chip\">Quick<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Tumble\" data-desc=\"Roll a die through spatial puzzles to land on the correct side.\" data-tags=\"games puzzles visual interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/playtumble.com\" target=\"_blank\" rel=\"noopener noreferrer\">Tumble<\/a>\n          <div class=\"lp-desc\">Roll a die through spatial puzzles to land on the correct side.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Puzzles<\/span>\n            <span class=\"lp-chip\">Visual<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"The Little Daily\" data-desc=\"Play five small word and number games in a tiny daily newspaper with no news at all.\" data-tags=\"games puzzles quick reading daily\">\n          <a class=\"lp-link\" href=\"https:\/\/thelittledaily.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Little Daily<\/a>\n          <div class=\"lp-desc\">Play five small word and number games in a tiny daily newspaper with no news at all.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Puzzles<\/span>\n            <span class=\"lp-chip\">Quick<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Deduce\" data-desc=\"Solve a free daily detective mystery using clues and a logic grid, with easier and harder ranks available.\" data-tags=\"games puzzles reading daily interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/deduce.studio\/\" target=\"_blank\" rel=\"noopener noreferrer\">Deduce<\/a>\n          <div class=\"lp-desc\">Solve a free daily detective mystery using clues and a logic grid, with easier and harder ranks available.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Puzzles<\/span>\n            <span class=\"lp-chip\">Interactive<\/span>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"lp-subsection\">\n      <h3>\ud83c\udfa8 Creative &amp; Relaxing Games<\/h3>\n      <div class=\"lp-grid\">\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Drawception\" data-desc=\"A social drawing game based on playful interpretation.\" data-tags=\"games creative interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/drawception.com\" target=\"_blank\" rel=\"noopener noreferrer\">Drawception<\/a>\n          <div class=\"lp-desc\">A social drawing game based on playful interpretation.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Creative<\/span>\n            <span class=\"lp-chip\">Interactive<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Quick, Draw!\" data-desc=\"Google\u2019s AI tries to guess what you're drawing.\" data-tags=\"games creative quick interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/quickdraw.withgoogle.com\" target=\"_blank\" rel=\"noopener noreferrer\">Quick, Draw!<\/a>\n          <div class=\"lp-desc\">Google\u2019s AI tries to guess what you\u2019re drawing.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Creative<\/span>\n            <span class=\"lp-chip\">Quick<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Townscaper\" data-desc=\"Build charming seaside towns one click at a time.\" data-tags=\"games creative visual calm\">\n          <a class=\"lp-link\" href=\"https:\/\/oskarstalberg.com\/Townscaper\/\" target=\"_blank\" rel=\"noopener noreferrer\">Townscaper<\/a>\n          <div class=\"lp-desc\">Build charming seaside towns one click at a time.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Creative<\/span>\n            <span class=\"lp-chip\">Calm<\/span>\n          <\/div>\n        <\/article>\n\n          <article class=\"lp-card lp-filter-card\" data-title=\"Little Alchemy 2\" data-desc=\"Combine elements to discover surprising new creations.\" data-tags=\"games creative quick\">\n          <a class=\"lp-link\" href=\"https:\/\/littlealchemy2.com\" target=\"_blank\" rel=\"noopener noreferrer\">Little Alchemy 2<\/a>\n          <div class=\"lp-desc\">Combine elements to discover surprising new creations.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Creative<\/span>\n            <span class=\"lp-chip\">Quick<\/span>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"lp-subsection\">\n      <h3>\ud83c\udfb2 Curious &amp; Silly Fun<\/h3>\n      <div class=\"lp-grid\">\n        <article class=\"lp-card lp-filter-card\" data-title=\"it's a(door)able\" data-desc=\"Play a tiny door-and-key game by Nicky Case with a sweet surprise at the end.\" data-tags=\"games quick interactive playful uplifting puzzles\">\n          <a class=\"lp-link\" href=\"https:\/\/ncase.me\/door\/\" target=\"_blank\" rel=\"noopener noreferrer\">it&#8217;s a(door)able<\/a>\n          <div class=\"lp-desc\">Play a tiny door-and-key game by Nicky Case with a sweet surprise at the end.<\/div>\n          <div class=\"lp-card-tags\"><span class=\"lp-chip\">Games<\/span><span class=\"lp-chip\">Quick<\/span><span class=\"lp-chip\">Uplifting<\/span><\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"The Useless Web\" data-desc=\"A random portal to delightfully strange corners of the internet.\" data-tags=\"games quick uplifting exploration\">\n          <a class=\"lp-link\" href=\"https:\/\/theuselessweb.com\" target=\"_blank\" rel=\"noopener noreferrer\">The Useless Web<\/a>\n          <div class=\"lp-desc\">A random portal to delightfully strange corners of the internet.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Quick<\/span>\n            <span class=\"lp-chip\">Uplifting<\/span>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"lp-subsection\">\n      <h3>\ud83e\udde9 Puzzle Adventures<\/h3>\n      <div class=\"lp-grid\">\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"Samorost 1\" data-desc=\"A surreal point-and-click puzzle adventure with a dreamy atmosphere.\" data-tags=\"games visual exploration calm\">\n          <a class=\"lp-link\" href=\"https:\/\/amanita-design.net\/games\/samorost-1.html\" target=\"_blank\" rel=\"noopener noreferrer\">Samorost 1<\/a>\n          <div class=\"lp-desc\">A surreal point-and-click puzzle adventure with a dreamy atmosphere.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Exploration<\/span>\n            <span class=\"lp-chip\">Visual<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"HER TREES: First Puzzle\" data-desc=\"Move, rotate, and combine objects to solve hand-drawn puzzles.\" data-tags=\"games puzzles visual exploration interactive\">\n          <a class=\"lp-link\" href=\"https:\/\/hertrees.online\/\" target=\"_blank\" rel=\"noopener noreferrer\">HER TREES: First Puzzle<\/a>\n          <div class=\"lp-desc\">Move, rotate, and combine objects to solve hand-drawn puzzles.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Exploration<\/span>\n            <span class=\"lp-chip\">Visual<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-card lp-filter-card\" data-title=\"My Friends the Monster Trainers\" data-desc=\"Use letters and clues to identify a collection of mysterious creatures.\" data-tags=\"games puzzles reading exploration\">\n          <a class=\"lp-link\" href=\"https:\/\/celia14.itch.io\/my-friends-the-monster-trainers\" target=\"_blank\" rel=\"noopener noreferrer\">My Friends the Monster Trainers<\/a>\n          <div class=\"lp-desc\">Use letters and clues to identify a collection of mysterious creatures.<\/div>\n          <div class=\"lp-card-tags\">\n            <span class=\"lp-chip\">Games<\/span>\n            <span class=\"lp-chip\">Reading<\/span>\n            <span class=\"lp-chip\">Exploration<\/span>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/details>\n\n    <details class=\"lp-section lp-filter-section lp-accordion\" data-section=\"uplifting\">\n      <summary>\n        <div class=\"lp-section-header\">\n          <h2>\ud83d\udc9b Lighthearted &amp; Uplifting Corners of the Internet<\/h2>\n          <p>Small reminders that kindness, humor, and good things still exist in the world.<\/p>\n        <\/div>\n      <\/summary>\n      <div class=\"lp-accordion-body\">\n\n        <div class=\"lp-subsection\">\n          <h3>\ud83c\udf1e Instant Positivity<\/h3>\n          <div class=\"lp-grid\">\n            <article class=\"lp-card lp-filter-card\" data-title=\"Emergency Compliments\" data-desc=\"Instant encouraging compliments when you need one.\" data-tags=\"uplifting quick\">\n              <a class=\"lp-link\" href=\"https:\/\/emergencycompliments.com\" target=\"_blank\" rel=\"noopener noreferrer\">Emergency Compliment<\/a>\n              <div class=\"lp-desc\">Instant encouraging compliments when you need one.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Uplifting<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"The Nicest Place on the Internet\" data-desc=\"A collection of strangers sending kindness and comfort.\" data-tags=\"uplifting visual quick\">\n              <a class=\"lp-link\" href=\"https:\/\/thenicestplace.net\" target=\"_blank\" rel=\"noopener noreferrer\">The Nicest Place on the Internet<\/a>\n              <div class=\"lp-desc\">A collection of strangers sending kindness and comfort.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Uplifting<\/span><span class=\"lp-chip\">Quick<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Puppy Love\" data-desc=\"A quick path to adorable puppy videos when you need softness.\" data-tags=\"uplifting quick visual\">\n              <a class=\"lp-link\" href=\"https:\/\/www.youtube.com\/results?search_query=cute+puppies\" target=\"_blank\" rel=\"noopener noreferrer\">Puppy Love<\/a>\n              <div class=\"lp-desc\">A quick path to adorable puppy videos when you need softness.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Uplifting<\/span><span class=\"lp-chip\">Quick<\/span><span class=\"lp-chip\">Visual<\/span><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n\n        <div class=\"lp-subsection\">\n          <h3>\u2728 Gratitude &amp; Perspective<\/h3>\n          <div class=\"lp-grid\">\n            <article class=\"lp-card lp-filter-card\" data-title=\"1000 Awesome Things\" data-desc=\"A long-running celebration of life\u2019s small joys.\" data-tags=\"uplifting reading quick\">\n              <a class=\"lp-link\" href=\"https:\/\/1000awesomethings.com\" target=\"_blank\" rel=\"noopener noreferrer\">1000 Awesome Things<\/a>\n              <div class=\"lp-desc\">A long-running celebration of life\u2019s small joys.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Uplifting<\/span><span class=\"lp-chip\">Reading<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Awakin Readings\" data-desc=\"Short thoughtful reflections on compassion, mindfulness, and meaning.\" data-tags=\"uplifting reading calm\">\n              <a class=\"lp-link\" href=\"https:\/\/www.awakin.org\/read\/\" target=\"_blank\" rel=\"noopener noreferrer\">Awakin Readings<\/a>\n              <div class=\"lp-desc\">Short thoughtful reflections on compassion, mindfulness, and meaning.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Uplifting<\/span><span class=\"lp-chip\">Reading<\/span><span class=\"lp-chip\">Calm<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Public Thnx4 Journal\" data-desc=\"A public gratitude journal that invites appreciation and reflection.\" data-tags=\"uplifting reading community\">\n              <a class=\"lp-link\" href=\"https:\/\/www.thnx4.org\/public\" target=\"_blank\" rel=\"noopener noreferrer\">Public Thnx4 Journal<\/a>\n              <div class=\"lp-desc\">A public gratitude journal that invites appreciation and reflection.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Uplifting<\/span><span class=\"lp-chip\">Reading<\/span><span class=\"lp-chip\">Community<\/span><\/div>\n            <\/article>\n\n            <article class=\"lp-card lp-filter-card\" data-title=\"Greater Good in Action\" data-desc=\"Explore research-based practices for awe, gratitude, compassion, connection, mindfulness, happiness, and more.\" data-tags=\"uplifting calm interactive learning reflection gratitude mindfulness compassion connection happiness awe\">\n              <a class=\"lp-link\" href=\"https:\/\/ggia.berkeley.edu\/\" target=\"_blank\" rel=\"noopener noreferrer\">Greater Good in Action<\/a>\n              <div class=\"lp-desc\">Explore research-based practices for awe, gratitude, compassion, connection, mindfulness, happiness, and more.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Uplifting<\/span><span class=\"lp-chip\">Calm<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n\n        <div class=\"lp-subsection\">\n          <h3>\ud83d\udc8c Connection &amp; Kindness<\/h3>\n          <div class=\"lp-grid\">\n            <article class=\"lp-card lp-filter-card\" data-title=\"FutureMe\" data-desc=\"Write an email to your future self.\" data-tags=\"uplifting writing reflection\">\n              <a class=\"lp-link\" href=\"https:\/\/www.futureme.org\" target=\"_blank\" rel=\"noopener noreferrer\">FutureMe<\/a>\n              <div class=\"lp-desc\">Write an email to your future self.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Uplifting<\/span><span class=\"lp-chip\">Writing<\/span><span class=\"lp-chip\">Reflection<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Random Acts of Kindness Stories\" data-desc=\"Read real stories of kindness and generosity.\" data-tags=\"uplifting reading community\">\n              <a class=\"lp-link\" href=\"https:\/\/www.randomactsofkindness.org\/kindness-stories\" target=\"_blank\" rel=\"noopener noreferrer\">Random Acts of Kindness Stories<\/a>\n              <div class=\"lp-desc\">Read real stories of kindness and generosity.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Uplifting<\/span><span class=\"lp-chip\">Reading<\/span><span class=\"lp-chip\">Community<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Good News Network\" data-desc=\"A steady stream of positive stories from around the world.\" data-tags=\"uplifting reading quick\">\n              <a class=\"lp-link\" href=\"https:\/\/www.goodnewsnetwork.org\" target=\"_blank\" rel=\"noopener noreferrer\">Good News Network<\/a>\n              <div class=\"lp-desc\">A steady stream of positive stories from around the world.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Uplifting<\/span><span class=\"lp-chip\">Reading<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Freerice\" data-desc=\"Answer trivia questions and the World Food Programme donates rice.\" data-tags=\"uplifting learning games\">\n              <a class=\"lp-link\" href=\"https:\/\/freerice.com\" target=\"_blank\" rel=\"noopener noreferrer\">Freerice<\/a>\n              <div class=\"lp-desc\">Answer trivia questions and the World Food Programme donates rice.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Uplifting<\/span><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Games<\/span><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n\n        <div class=\"lp-peptoc\">\n          <h3>PepToc<\/h3>\n          <p>A cheerful pep-talk hotline where elementary students will read uplifting messages to you. Great for moments when you need a kind voice or a small lift.<\/p>\n          <div class=\"lp-peptoc-btns\">\n            <a class=\"lp-peptoc-btn\" href=\"tel:17078737862\">Call PepToc<\/a>\n      <\/div>\n      <\/div>\n    <\/div><\/details>\n\n    <details class=\"lp-section lp-filter-section lp-accordion\" data-section=\"music\">\n      <summary>\n        <div class=\"lp-section-header\">\n          <h2>\ud83c\udfa7 Music for Any Mood<\/h2>\n          <p>Explore music that matches your mood or discover something new.<\/p>\n        <\/div>\n      <\/summary>\n      <div class=\"lp-accordion-body\">\n\n        <div class=\"lp-subsection\">\n          <h3>\ud83c\udfb5 Music Discovery<\/h3>\n          <div class=\"lp-grid\">\n          <article class=\"lp-card lp-filter-card\" data-title=\"Music-Map\" data-desc=\"Enter an artist you like and explore a map of musicians you might enjoy next.\" data-tags=\"music exploration interactive\">\n            <a class=\"lp-link\" href=\"https:\/\/www.music-map.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Music-Map<\/a>\n            <div class=\"lp-desc\">Enter an artist you like and explore a map of musicians you might enjoy next.<\/div>\n            <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n          <\/article>\n\n            <article class=\"lp-card lp-filter-card\" data-title=\"Every Noise at Once\" data-desc=\"An interactive map of thousands of music genres.\" data-tags=\"music exploration interactive\">\n              <a class=\"lp-link\" href=\"https:\/\/everynoise.com\/engenremap.html\" target=\"_blank\" rel=\"noopener noreferrer\">Every Noise at Once<\/a>\n              <div class=\"lp-desc\">An interactive map of thousands of music genres.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Hype Machine\" data-desc=\"Discover music currently trending across music blogs.\" data-tags=\"music discovery\">\n              <a class=\"lp-link\" href=\"https:\/\/hypem.com\" target=\"_blank\" rel=\"noopener noreferrer\">Hype Machine<\/a>\n              <div class=\"lp-desc\">Discover music currently trending across music blogs.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Exploration<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"WhoSampled\" data-desc=\"Explore songs and the samples, covers, and remixes behind them.\" data-tags=\"music learning exploration\">\n              <a class=\"lp-link\" href=\"https:\/\/www.whosampled.com\" target=\"_blank\" rel=\"noopener noreferrer\">WhoSampled<\/a>\n              <div class=\"lp-desc\">Explore songs and the samples, covers, and remixes behind them.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Learning<\/span><span class=\"lp-chip\">Exploration<\/span><\/div>\n            <\/article>\n\n            <article class=\"lp-card lp-filter-card\" data-title=\"Radiooooo\" data-desc=\"Travel through decades and countries by listening to music from different places and eras.\" data-tags=\"music exploration interactive history\">\n              <a class=\"lp-link\" href=\"https:\/\/app.radiooooo.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Radiooooo<\/a>\n              <div class=\"lp-desc\">Travel through decades and countries by listening to music from different places and eras.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Exploration<\/span><span class=\"lp-chip\">Interactive<\/span><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n\n        <div class=\"lp-subsection\">\n          <h3>\ud83d\udcfa Music from Movies &amp; Shows<\/h3>\n          <div class=\"lp-grid\">\n            <article class=\"lp-card lp-filter-card\" data-title=\"TuneFind\" data-desc=\"Find songs used in TV shows and films.\" data-tags=\"music quick\">\n              <a class=\"lp-link\" href=\"https:\/\/www.tunefind.com\" target=\"_blank\" rel=\"noopener noreferrer\">TuneFind<\/a>\n              <div class=\"lp-desc\">Find songs used in TV shows and films.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n\n        <div class=\"lp-subsection\">\n          <h3>\ud83c\udfb6 Mood-Based Listening<\/h3>\n          <div class=\"lp-grid\">\n            <article class=\"lp-card lp-filter-card\" data-title=\"Mood Music\" data-desc=\"Generate playlists based on your mood.\" data-tags=\"music quick\">\n              <a class=\"lp-link\" href=\"https:\/\/moodplayl.ist\" target=\"_blank\" rel=\"noopener noreferrer\">Mood Music<\/a>\n              <div class=\"lp-desc\">Generate playlists based on your mood.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Playlist Ideas\" data-desc=\"Generate playlist ideas based on artists, genres, and moods.\" data-tags=\"music quick\">\n              <a class=\"lp-link\" href=\"https:\/\/www.chosic.com\/playlist-generator\/\" target=\"_blank\" rel=\"noopener noreferrer\">Playlist Ideas<\/a>\n              <div class=\"lp-desc\">Generate playlist ideas based on artists, genres, and moods.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Quick<\/span><\/div>\n            <\/article>\n            <article class=\"lp-card lp-filter-card\" data-title=\"Chillstep Radio\" data-desc=\"A continuous stream of mellow chillstep music.\" data-tags=\"music audio calm\">\n              <a class=\"lp-link\" href=\"https:\/\/www.di.fm\/chillstep\" target=\"_blank\" rel=\"noopener noreferrer\">Chillstep Radio<\/a>\n              <div class=\"lp-desc\">A continuous stream of mellow chillstep music.<\/div>\n              <div class=\"lp-card-tags\"><span class=\"lp-chip\">Music<\/span><span class=\"lp-chip\">Audio<\/span><span class=\"lp-chip\">Calm<\/span><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/details>\n  <\/div>\n\n<script>\n(function () {\n  const page = document.getElementById('lifeline-distraction-page');\n  if (!page) return;\n\n  const STORAGE_KEY = 'lifelineDistractionFavorites_v1';\n\n  const randomBtn = page.querySelector('#lp-random-btn');\n  const magicalRandomBtn = page.querySelector('#lp-magical-random-btn');\n  const showFavoritesBtn = page.querySelector('#lp-show-favorites-btn');\n  const clearFavoritesBtn = page.querySelector('#lp-clear-favorites-btn');\n\n  const favoritesSection = page.querySelector('#lp-favorites-section');\n  const favoritesGrid = page.querySelector('#lp-favorites-grid');\n  const favoritesEmpty = page.querySelector('#lp-favorites-empty');\n  const favoritesMeta = page.querySelector('#lp-favorites-meta');\n  const searchInput = page.querySelector('#lp-search-input');\n  const clearBtn = page.querySelector('#lp-clear-btn');\n  const tagButtons = Array.from(page.querySelectorAll('#lp-tags .lp-tag'));\n  const results = page.querySelector('#lp-results');\n\n  function getAllSourceCards() {\n    return Array.from(page.querySelectorAll('.lp-filter-card')).filter(card => !card.closest('#lp-favorites-section'));\n  }\n\n  function getCardId(card) {\n    const title = (card.getAttribute('data-title') || '').trim();\n    const link = card.querySelector('.lp-link');\n    const href = link ? (link.getAttribute('href') || '').trim() : '';\n    return title + '||' + href;\n  }\n\n  function readFavorites() {\n    try {\n      const raw = localStorage.getItem(STORAGE_KEY);\n      const parsed = raw ? JSON.parse(raw) : [];\n      return Array.isArray(parsed) ? parsed : [];\n    } catch (e) {\n      return [];\n    }\n  }\n\n  function writeFavorites(list) {\n    localStorage.setItem(STORAGE_KEY, JSON.stringify(list));\n  }\n\n  function isFavorite(card) {\n    return readFavorites().includes(getCardId(card));\n  }\n\n  function ensureFavoriteButton(card) {\n    if (card.querySelector('.lp-fav-btn')) return;\n\n    const link = card.querySelector('.lp-link');\n    if (!link) return;\n\n    const top = document.createElement('div');\n    top.className = 'lp-card-top';\n\n    link.parentNode.insertBefore(top, link);\n    top.appendChild(link);\n\n    const btn = document.createElement('button');\n    btn.className = 'lp-fav-btn';\n    btn.type = 'button';\n    top.appendChild(btn);\n\n    btn.addEventListener('click', function (e) {\n      e.preventDefault();\n      e.stopPropagation();\n\n      const id = getCardId(card);\n      let favorites = readFavorites();\n\n      if (favorites.includes(id)) {\n        favorites = favorites.filter(item => item !== id);\n      } else {\n        favorites.push(id);\n      }\n\n      writeFavorites(favorites);\n      syncFavoriteButtons();\n      renderFavorites();\n    });\n  }\n\n  function syncFavoriteButtons() {\n    getAllSourceCards().forEach(card => {\n      const btn = card.querySelector('.lp-fav-btn');\n      if (!btn) return;\n\n      if (isFavorite(card)) {\n        btn.classList.add('is-favorite');\n        btn.innerHTML = '\u2605';\n        btn.setAttribute('aria-label', 'Remove from favorites');\n        btn.setAttribute('title', 'Remove from favorites');\n      } else {\n        btn.classList.remove('is-favorite');\n        btn.innerHTML = '\u2606';\n        btn.setAttribute('aria-label', 'Save to favorites');\n        btn.setAttribute('title', 'Save to favorites');\n      }\n    });\n  }\n\n  function cloneCard(card) {\n    const clone = card.cloneNode(true);\n    clone.classList.remove('lp-hidden');\n    const btn = clone.querySelector('.lp-fav-btn');\n\n    if (btn) {\n      btn.addEventListener('click', function (e) {\n        e.preventDefault();\n        e.stopPropagation();\n\n        const id = getCardId(card);\n        const updated = readFavorites().filter(item => item !== id);\n        writeFavorites(updated);\n        syncFavoriteButtons();\n        renderFavorites();\n      });\n    }\n\n    return clone;\n  }\n\n  function renderFavorites() {\n    const favorites = readFavorites();\n    const sourceCards = getAllSourceCards();\n    const seen = new Set();\n    const favoriteCards = sourceCards.filter(card => {\n      const id = getCardId(card);\n      if (!favorites.includes(id) || seen.has(id)) return false;\n      seen.add(id);\n      return true;\n    });\n\n    favoritesGrid.innerHTML = '';\n\n    if (!favoriteCards.length) {\n      favoritesEmpty.classList.remove('lp-hidden');\n      favoritesMeta.textContent = '';\n      favoritesSection.classList.add('lp-hidden');\n      favoritesSection.removeAttribute('open');\n      return;\n    }\n\n    favoritesSection.classList.remove('lp-hidden');\n    favoritesEmpty.classList.add('lp-hidden');\n    favoritesMeta.textContent = favoriteCards.length === 1\n      ? '1 favorite saved.'\n      : favoriteCards.length + ' favorites saved.';\n\n    favoriteCards.forEach(card => {\n      favoritesGrid.appendChild(cloneCard(card));\n    });\n  }\n\n  function getVisibleCards() {\n    const seen = new Set();\n    return getAllSourceCards().filter(card => {\n      const section = card.closest('.lp-filter-section');\n      const subsection = card.closest('.lp-subsection');\n      const id = getCardId(card);\n      if (seen.has(id) || card.classList.contains('lp-hidden') || card.style.display === 'none') return false;\n      if (section && (section.classList.contains('lp-hidden') || section.style.display === 'none')) return false;\n      if (subsection && subsection.style.display === 'none') return false;\n      seen.add(id);\n      return true;\n    });\n  }\n\n  function applyFilters() {\n    const query = (searchInput.value || '').trim().toLowerCase();\n    const selected = tagButtons.filter(btn => btn.classList.contains('active')).map(btn => btn.dataset.tag);\n    const filtering = Boolean(query || selected.length);\n    const seen = new Set();\n    let count = 0;\n\n    getAllSourceCards().forEach(card => {\n      const tags = (card.dataset.tags || '').toLowerCase().split(\/\\s+\/);\n      const haystack = [card.dataset.title, card.dataset.desc, card.dataset.tags].join(' ').toLowerCase();\n      const match = (!query || haystack.includes(query)) && selected.every(tag => tags.includes(tag));\n      card.classList.toggle('lp-hidden', !match);\n      if (match && !seen.has(getCardId(card))) {\n        seen.add(getCardId(card));\n        count++;\n      }\n    });\n\n    page.querySelectorAll('.lp-subsection').forEach(subsection => {\n      subsection.classList.toggle('lp-hidden', filtering && !subsection.querySelector('.lp-filter-card:not(.lp-hidden)'));\n    });\n    page.querySelectorAll('.lp-filter-section:not(#lp-favorites-section)').forEach(section => {\n      section.classList.toggle('lp-hidden', filtering && !section.querySelector('.lp-filter-card:not(.lp-hidden)'));\n      if (filtering && !section.classList.contains('lp-hidden') && section.matches('details')) section.open = true;\n    });\n    results.textContent = filtering\n      ? (count === 0 ? 'No matching resources.' : `Showing ${count} matching ${count === 1 ? 'resource' : 'resources'}.`)\n      : 'Showing all resources.';\n  }\n\n  function openParentDetails(card) {\n    const details = card.closest('details.lp-accordion');\n    if (details) details.open = true;\n  }\n\n  function flashCard(card) {\n    card.classList.remove('lp-highlight');\n    requestAnimationFrame(() => {\n      card.classList.add('lp-highlight');\n    });\n    setTimeout(() => {\n      card.classList.remove('lp-highlight');\n    }, 3800);\n  }\n\n  function pickRandomCard(section) {\n    const visibleCards = getVisibleCards().filter(card => !section || section.contains(card));\n\n    if (!visibleCards.length) {\n      const results = page.querySelector('#lp-results');\n      if (results) {\n        results.textContent = 'No visible matches right now \u2014 try clearing filters first.';\n      }\n      return;\n    }\n\n    const chosen = visibleCards[Math.floor(Math.random() * visibleCards.length)];\n    openParentDetails(chosen);\n\n    chosen.scrollIntoView({\n      behavior: 'smooth',\n      block: 'center'\n    });\n\n    setTimeout(() => {\n      flashCard(chosen);\n    }, 250);\n  }\n\n  function openFavoritesSection() {\n    favoritesSection.classList.remove('lp-hidden');\n    favoritesSection.open = true;\n    favoritesSection.scrollIntoView({\n      behavior: 'smooth',\n      block: 'start'\n    });\n  }\n\n  function clearAllFavorites() {\n    writeFavorites([]);\n    syncFavoriteButtons();\n    renderFavorites();\n  }\n\n  function init() {\n    getAllSourceCards().forEach(ensureFavoriteButton);\n    syncFavoriteButtons();\n    renderFavorites();\n\n    if (randomBtn) randomBtn.addEventListener('click', function () { pickRandomCard(); });\n    if (magicalRandomBtn) magicalRandomBtn.addEventListener('click', function () {\n      pickRandomCard(page.querySelector('.lp-magical'));\n    });\n    if (showFavoritesBtn) showFavoritesBtn.addEventListener('click', openFavoritesSection);\n    if (clearFavoritesBtn) clearFavoritesBtn.addEventListener('click', clearAllFavorites);\n    if (searchInput) searchInput.addEventListener('input', applyFilters);\n    if (clearBtn) clearBtn.addEventListener('click', function () {\n      searchInput.value = '';\n      tagButtons.forEach(btn => btn.classList.remove('active'));\n      applyFilters();\n    });\n    tagButtons.forEach(btn => btn.addEventListener('click', function () {\n      btn.classList.toggle('active');\n      btn.setAttribute('aria-pressed', String(btn.classList.contains('active')));\n      applyFilters();\n    }));\n    const accordions = page.querySelectorAll('details.lp-accordion:not(#lp-favorites-section)');\n    page.querySelector('#lp-open-all')?.addEventListener('click', () => accordions.forEach(item => { item.open = true; }));\n    page.querySelector('#lp-close-all')?.addEventListener('click', () => accordions.forEach(item => { item.open = false; }));\n  }\n\n  init();\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"fyl-mobile-exit\" onclick=\"fylQuickExit()\">\n  Quick Exit\n<\/div>\n\n<script>\nfunction fylQuickExit(){\n  \/\/ Choose your safe destination\n  const safeURL = \"https:\/\/www.google.com\";\n\n  \/\/ Immediately redirect\n  window.location.replace(safeURL);\n\n  \/\/ Optional: backup redirect\n  setTimeout(function(){\n    window.location.href = safeURL;\n  }, 50);\n}\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When Your Mind Needs a Break A gentle collection of places to wander when your mind needs a pause \u2014calming, creative, curious, playful, and quietly beautiful corners of the internet. Whether you\u2019re looking for soothing sounds, lighthearted fun, art, music, learning, or something to keep your hands busy, explore whatever feels supportive in the moment.You [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"nf_dc_page":"distractions","footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/findyourlifeline.org\/es\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/findyourlifeline.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/findyourlifeline.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/findyourlifeline.org\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/findyourlifeline.org\/es\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":20,"href":"https:\/\/findyourlifeline.org\/es\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":14012,"href":"https:\/\/findyourlifeline.org\/es\/wp-json\/wp\/v2\/pages\/14\/revisions\/14012"}],"wp:attachment":[{"href":"https:\/\/findyourlifeline.org\/es\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}