{"id":27005632,"date":"2026-01-22T19:35:34","date_gmt":"2026-01-22T17:35:34","guid":{"rendered":"https:\/\/www.psymt.com\/?page_id=27005632"},"modified":"2026-01-23T20:48:02","modified_gmt":"2026-01-23T18:48:02","slug":"interactive-breathing","status":"publish","type":"page","link":"https:\/\/www.psymt.com\/el\/interactive-breathing\/","title":{"rendered":"MindShift - 2-\u03bb\u03b5\u03c0\u03c4\u03bf \u03b5\u03bd\u03b9\u03c3\u03c7\u03c5\u03c4\u03b9\u03ba\u03cc \u03b4\u03b9\u03ac\u03b8\u03b5\u03c3\u03b7\u03c2 \u03b3\u03b9\u03b1 \u03b1\u03bd\u03b1\u03ba\u03bf\u03cd\u03c6\u03b9\u03c3\u03b7 \u03b1\u03c0\u03cc \u03c4\u03bf \u03c3\u03c4\u03c1\u03b5\u03c2"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#e9ebdd&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221;\/* Scoped styles \u03b3\u03b9\u03b1 \u03c4\u03bf MindShift *\/||#mindshift-app {||  font-family: &#8216;Comfortaa&#8217;, cursive;||  color: #2c4d52;||  padding: 20px;||  display: flex;||  justify-content: center;||  align-items: center;||  min-height: 80vh;||}||||#mindshift-app * {||  margin: 0;||  padding: 0;||  box-sizing: border-box;||}||||#mindshift-app .container {||  width: 95%;||  max-width: 600px;||  background: rgba(255, 255, 255, 0.92);||  backdrop-filter: blur(12px);||  border-radius: 35px;||  padding: 50px 40px;||  box-shadow: 0 20px 40px rgba(44, 77, 82, 0.15);||  position: relative;||  animation: fadeIn 0.8s ease-out;||  border: 1px solid rgba(255, 255, 255, 0.5);||}||||@keyframes fadeIn {||  from { opacity: 0; transform: translateY(25px); }||  to { opacity: 1; transform: translateY(0); }||}||||#mindshift-app h1 {||  font-size: clamp(24px, 5vw, 32px);||  font-weight: 700;||  text-align: center;||  margin-bottom: 12px;||  color: #2c4d52;||  letter-spacing: -0.5px;||}||||#mindshift-app .subtitle {||  text-align: center;||  font-size: clamp(13px, 2.5vw, 15px);||  color: #78b1aa;||  margin-bottom: 35px;||  font-weight: 500;||}||||#mindshift-app .phase-indicator {||  display: flex;||  justify-content: center;||  gap: 12px;||  margin-bottom: 40px;||}||||#mindshift-app .dot {||  width: clamp(10px, 2vw, 14px);||  height: clamp(10px, 2vw, 14px);||  border-radius: 50%;||  background: #e9ebdd;||  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);||  box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);||}||||#mindshift-app .dot.active {||  background: linear-gradient(135deg, #b59d53 0%, #d4b56a 100%);||  transform: scale(1.4);||  box-shadow: 0 0 15px rgba(181, 157, 83, 0.4);||}||||#mindshift-app .dot.completed {||  background: linear-gradient(135deg, #78b1aa 0%, #9bc5bf 100%);||}||||#mindshift-app .breathing-container {||  text-align: center;||  min-height: clamp(350px, 60vh, 450px);||  position: relative;||  display: flex;||  flex-direction: column;||  justify-content: space-between;||}||||#mindshift-app .breath-circle-wrapper {||  position: relative;||  width: clamp(150px, 40vw, 220px);||  height: clamp(150px, 40vw, 220px);||  margin: 30px auto;||  z-index: 1;||}||||#mindshift-app .breath-circle {||  width: 100%;||  height: 100%;||  border-radius: 50%;||  position: absolute;||  top: 0;||  left: 0;||  background: radial-gradient(circle, rgba(120, 177, 170, 0.9) 0%, rgba(120, 177, 170, 0.6) 70%, rgba(120, 177, 170, 0.3) 100%);||  display: flex;||  align-items: center;||  justify-content: center;||  transition: all 0.3s ease;||  box-shadow: 0 10px 30px rgba(120, 177, 170, 0.3);||  backdrop-filter: blur(5px);||  border: 2px solid rgba(255, 255, 255, 0.5);||}||||#mindshift-app .breath-circle.inhale {||  animation: inhale 4s ease-in-out;||  background: radial-gradient(circle, rgba(120, 177, 170, 0.95) 0%, rgba(120, 177, 170, 0.7) 70%, rgba(120, 177, 170, 0.4) 100%);||  box-shadow: 0 15px 35px rgba(120, 177, 170, 0.4);||}||||#mindshift-app .breath-circle.hold {||  animation: hold 7s ease-in-out;||  background: radial-gradient(circle, rgba(181, 157, 83, 0.95) 0%, rgba(181, 157, 83, 0.7) 70%, rgba(181, 157, 83, 0.4) 100%);||  box-shadow: 0 15px 35px rgba(181, 157, 83, 0.4);||}||||#mindshift-app .breath-circle.exhale {||  animation: exhale 8s ease-in-out;||  background: radial-gradient(circle, rgba(44, 77, 82, 0.95) 0%, rgba(44, 77, 82, 0.7) 70%, rgba(44, 77, 82, 0.4) 100%);||  box-shadow: 0 15px 35px rgba(44, 77, 82, 0.4);||}||||@keyframes inhale {||  0% { transform: scale(1); }||  100% { transform: scale(1.5); }||}||||@keyframes hold {||  0%, 100% { transform: scale(1.5); }||}||||@keyframes exhale {||  0% { transform: scale(1.5); }||  100% { transform: scale(1); }||}||||#mindshift-app .breath-text {||  font-size: clamp(18px, 4vw, 26px);||  font-weight: 600;||  color: white;||  text-shadow: 0 3px 12px rgba(0,0,0,0.3);||  z-index: 10;||  position: relative;||  letter-spacing: 0.5px;||}||||#mindshift-app .breath-instructions {||  font-size: clamp(14px, 2.8vw, 17px);||  color: #78b1aa;||  margin-top: 30px;||  line-height: 1.7;||  font-weight: 500;||  min-height: 60px;||  padding: 0 20px;||}||||#mindshift-app .cycle-counter {||  font-size: clamp(12px, 2.5vw, 15px);||  color: #b59d53;||  margin-top: 20px;||  font-weight: 600;||  background: rgba(181, 157, 83, 0.1);||  display: inline-block;||  padding: 8px 20px;||  border-radius: 20px;||}||||.skip-overlay {||  position: fixed;||  top: 0;||  left: 0;||  width: 100%;||  height: 100%;||  background: rgba(120, 177, 170, 0.85);||  display: none;||  justify-content: center;||  align-items: center;||  z-index: 1000;||  backdrop-filter: blur(8px);||}||||.skip-content {||  background: white;||  padding: 40px 30px;||  border-radius: 25px;||  text-align: center;||  max-width: 80%;||  animation: popIn 0.4s ease-out;||}||||@keyframes popIn {||  0% { transform: scale(0.8); opacity: 0; }||  100% { transform: scale(1); opacity: 1; }||}||||.skip-content h3 {||  color: #2c4d52;||  margin-bottom: 15px;||  font-size: clamp(20px, 4vw, 26px);||}||||.skip-content p {||  color: #78b1aa;||  margin-bottom: 25px;||  font-size: clamp(13px, 2.5vw, 15px);||}||||.skip-buttons {||  display: flex;||  gap: 15px;||  justify-content: center;||  flex-wrap: wrap;||}||||.skip-buttons button {||  flex: 1;||  min-width: 120px;||  max-width: 150px;||}||||#mindshift-app .reframing-container {||  display: none;||  animation: fadeIn 0.6s ease-out;||}||||#mindshift-app .prompt {||  font-size: clamp(16px, 3.5vw, 19px);||  font-weight: 600;||  margin-bottom: 25px;||  text-align: center;||  color: #2c4d52;||  line-height: 1.5;||}||||#mindshift-app .input-group {||  margin-bottom: 30px;||}||||#mindshift-app textarea {||  width: 100%;||  padding: 18px;||  border: 2px solid #e9ebdd;||  border-radius: 18px;||  font-family: &#8216;Comfortaa&#8217;, cursive;||  font-size: clamp(13px, 2.5vw, 15px);||  resize: vertical;||  min-height: 90px;||  transition: all 0.3s ease;||  background: rgba(255,255,255,0.7);||}||||#mindshift-app textarea:focus {||  outline: none;||  border-color: #78b1aa;||  background: white;||  box-shadow: 0 0 0 4px rgba(120, 177, 170, 0.15);||}||||#mindshift-app textarea::placeholder {||  color: #b59d53;||  opacity: 0.7;||}||||#mindshift-app .alternatives {||  margin-top: 30px;||}||||#mindshift-app .alternative {||  background: linear-gradient(135deg, #78b1aa 0%, #b59d53 100%);||  color: white;||  padding: 18px;||  border-radius: 18px;||  margin-bottom: 15px;||  font-size: clamp(13px, 2.5vw, 15px);||  line-height: 1.6;||  position: relative;||  padding-left: 50px;||  opacity: 0;||  transform: translateY(15px);||  animation: slideIn 0.6s ease-out forwards;||  box-shadow: 0 5px 15px rgba(0,0,0,0.1);||}||||#mindshift-app .alternative:nth-child(1) { animation-delay: 0.1s; }||#mindshift-app .alternative:nth-child(2) { animation-delay: 0.2s; }||#mindshift-app .alternative:nth-child(3) { animation-delay: 0.3s; }||||@keyframes slideIn {||  to {||    opacity: 1;||    transform: translateY(0);||  }||}||||#mindshift-app .alternative::before {||  position: absolute;||  left: 18px;||  top: 50%;||  transform: translateY(-50%);||  font-size: clamp(18px, 3.5vw, 24px);||  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));||}||||#mindshift-app .alternative:nth-child(1)::before { content: %22\ud83c\udf1f%22; }||#mindshift-app .alternative:nth-child(2)::before { content: %22\ud83d\udca1%22; }||#mindshift-app .alternative:nth-child(3)::before { content: %22\ud83c\udf31%22; }||||#mindshift-app .button {||  width: 100%;||  padding: 16px;||  border: none;||  border-radius: 18px;||  font-family: &#8216;Comfortaa&#8217;, cursive;||  font-size: clamp(14px, 2.8vw, 17px);||  font-weight: 600;||  cursor: pointer;||  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);||  margin-top: 25px;||  position: relative;||  overflow: hidden;||}||||#mindshift-app .button::after {||  content: &#8221;;||  position: absolute;||  top: 50%;||  left: 50%;||  width: 0;||  height: 0;||  border-radius: 50%;||  background: rgba(255,255,255,0.3);||  transform: translate(-50%, -50%);||  transition: width 0.6s, height 0.6s;||}||||#mindshift-app .button:active::after {||  width: 300px;||  height: 300px;||}||||#mindshift-app .btn-primary {||  background: linear-gradient(135deg, #78b1aa 0%, #5d9c95 100%);||  color: white;||  box-shadow: 0 8px 20px rgba(120, 177, 170, 0.3);||}||||#mindshift-app .btn-primary:hover {||  background: linear-gradient(135deg, #6a9e98 0%, #4d8a83 100%);||  transform: translateY(-3px);||  box-shadow: 0 12px 25px rgba(120, 177, 170, 0.4);||}||||#mindshift-app .btn-secondary {||  background: linear-gradient(135deg, #b59d53 0%, #9c8645 100%);||  color: white;||  box-shadow: 0 8px 20px rgba(181, 157, 83, 0.3);||}||||#mindshift-app .btn-secondary:hover {||  background: linear-gradient(135deg, #a38c48 0%, #8a753d 100%);||  transform: translateY(-3px);||  box-shadow: 0 12px 25px rgba(181, 157, 83, 0.4);||}||||#mindshift-app .breathing-completion {||  text-align: center;||  animation: fadeIn 0.6s ease-out;||}||||#mindshift-app .breathing-completion-icon {||  font-size: clamp(50px, 8vw, 70px);||  margin-bottom: 25px;||  animation: pulse 2s infinite;||}||||#mindshift-app .breathing-completion h3 {||  color: #78b1aa;||  margin-bottom: 15px;||  font-size: clamp(20px, 4vw, 26px);||}||||#mindshift-app .breathing-completion p {||  color: #2c4d52;||  line-height: 1.7;||  font-size: clamp(13px, 2.5vw, 15px);||  margin-bottom: 30px;||}||||#mindshift-app .breathing-completion-buttons,||#mindshift-app .completion-buttons {||  display: flex;||  gap: 15px;||  justify-content: center;||  align-items: center;||  margin-top: 30px;||  width: 100%;||}||||#mindshift-app .breathing-completion-buttons .button,||#mindshift-app .completion-buttons .button {||  flex: 1 1 0;||  min-width: 0;||  max-width: 200px;||  margin-top: 0;||  white-space: nowrap;||}||||#mindshift-app .completion {||  text-align: center;||  animation: fadeIn 0.8s ease-out;||}||||#mindshift-app .completion-icon {||  font-size: clamp(50px, 8vw, 70px);||  margin-bottom: 25px;||  animation: pulse 2s infinite;||  filter: drop-shadow(0 5px 15px rgba(120, 177, 170, 0.3));||}||||#mindshift-app .completion h2 {||  color: #78b1aa;||  margin-bottom: 18px;||  font-size: clamp(22px, 4.5vw, 28px);||}||||#mindshift-app .completion p {||  color: #2c4d52;||  line-height: 1.7;||  font-size: clamp(13px, 2.5vw, 15px);||  margin-bottom: 15px;||}||||#mindshift-app .hidden {||  display: none !important;||}||||#mindshift-app .welcome {||  text-align: center;||}||||@media (max-width: 400px) {||  #mindshift-app .breathing-completion-buttons,||  #mindshift-app .completion-buttons {||    flex-direction: column;||  }||  ||  #mindshift-app .breathing-completion-buttons .button,||  #mindshift-app .completion-buttons .button {||    max-width: 100%;||    width: 100%;||  }||}||||button:focus, textarea:focus {||  outline: 3px solid #b59d53;||  outline-offset: 3px;||}||\/* \u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b5 \u03b1\u03c5\u03c4\u03cc \u03c3\u03c4\u03bf \u03c4\u03ad\u03bb\u03bf\u03c2 \u03c4\u03bf\u03c5 CSS \u03c3\u03bf\u03c5 &#8211; \u0395\u03b9\u03b4\u03b9\u03ba\u03ac \u03b3\u03b9\u03b1 \u03ba\u03b9\u03bd\u03b7\u03c4\u03ac *\/||||@media (max-width: 480px) {||  #mindshift-app .breathing-completion-buttons,||  #mindshift-app .completion-buttons {||    flex-direction: column;||    gap: 10px;||  }||  ||  #mindshift-app .breathing-completion-buttons .button,||  #mindshift-app .completion-buttons .button {||    max-width: 100%;||    width: 100%;||    font-size: 14px; \/* \u039c\u03b9\u03ba\u03c1\u03cc\u03c4\u03b5\u03c1\u03bf font *\/||    padding: 14px 10px; \/* \u039b\u03b9\u03b3\u03cc\u03c4\u03b5\u03c1\u03bf padding \u03c0\u03bb\u03ac\u03b9 *\/||    white-space: normal; \/* \u0395\u03c0\u03b9\u03c4\u03c1\u03ad\u03c0\u03b5\u03b9 \u03c3\u03c4\u03bf \u03ba\u03b5\u03af\u03bc\u03b5\u03bd\u03bf \u03bd\u03b1 \u03c3\u03c0\u03ac\u03c3\u03b5\u03b9 \u03c3\u03b5 2 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ad\u03c2 *\/||    line-height: 1.4; \/* \u0391\u03c0\u03cc\u03c3\u03c4\u03b1\u03c3\u03b7 \u03bc\u03b5\u03c4\u03b1\u03be\u03cd \u03b3\u03c1\u03b1\u03bc\u03bc\u03ce\u03bd \u03b1\u03bd \u03c3\u03c0\u03ac\u03c3\u03b5\u03b9 *\/||    min-height: 50px; \/* \u0395\u03bb\u03ac\u03c7\u03b9\u03c3\u03c4\u03bf \u03cd\u03c8\u03bf\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c7\u03c9\u03c1\u03ad\u03c3\u03b5\u03b9 2 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ad\u03c2 *\/||    display: flex;||    align-items: center;||    justify-content: center;||    text-align: center;||  }||  ||  \/* \u0393\u03b5\u03bd\u03b9\u03ba\u03ac \u03cc\u03bb\u03b1 \u03c4\u03b1 \u03ba\u03bf\u03c5\u03bc\u03c0\u03b9\u03ac \u03c3\u03c4\u03bf app \u03bd\u03b1 \u03ad\u03c7\u03bf\u03c5\u03bd \u03bc\u03b9\u03ba\u03c1\u03cc\u03c4\u03b5\u03c1\u03bf font *\/||  #mindshift-app .button {||    font-size: 15px;||  }||  ||  \/* \u03a4\u03bf skip overlay \u03bd\u03b1 \u03ad\u03c7\u03b5\u03b9 \u03bc\u03b9\u03ba\u03c1\u03cc\u03c4\u03b5\u03c1\u03b1 \u03ba\u03bf\u03c5\u03bc\u03c0\u03b9\u03ac *\/||  .skip-buttons {||    flex-direction: column;||    width: 100%;||  }||  ||  .skip-buttons button {||    max-width: 100%;||    width: 100%;||    font-size: 14px;||    white-space: normal;||  }||}||||\/* \u0393\u03b9\u03b1 \u03c0\u03bf\u03bb\u03cd \u03bc\u03b9\u03ba\u03c1\u03ac \u03ba\u03b9\u03bd\u03b7\u03c4\u03ac (iPhone SE \u03ba\u03bb\u03c0) *\/||@media (max-width: 375px) {||  #mindshift-app .breathing-completion-buttons .button,||  #mindshift-app .completion-buttons .button {||    font-size: 13px;||    padding: 12px 8px;||  }||  ||  #mindshift-app h1 {||    font-size: 22px;||  }||  ||  #mindshift-app .subtitle {||    font-size: 13px;||  }||}&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<!-- \u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 Font (\u03b1\u03bd \u03b4\u03b5\u03bd \u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03b5\u03b9, \u03b2\u03ac\u03bb\u03c4\u03b7\u03bd \u03c3\u03c4\u03bf Theme Customizer > Additional CSS) --><!-- [et_pb_line_break_holder] --><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"mindshift-app\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"container\"><!-- [et_pb_line_break_holder] -->        <!-- Phase Indicator --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"phase-indicator\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"dot active\" id=\"dot1\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"dot\" id=\"dot2\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"dot\" id=\"dot3\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <!-- Phase 1: Welcome --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"welcome\" class=\"welcome\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<h1>\ud83c\udf3f MindShift<\/h1>\n<p><!-- [et_pb_line_break_holder] -->            <pee class=\"subtitle\">2-Minute Mood Booster<\/pee><!-- [et_pb_line_break_holder] -->            <pee style=\"text-align: center; font-size: 15px; line-height: 1.7; margin-bottom: 35px;\"><!-- [et_pb_line_break_holder] -->                A brief practice combining the 4-7-8 breathing technique with cognitive reframing for instant mood improvement.<!-- [et_pb_line_break_holder] -->            <\/pee><!-- [et_pb_line_break_holder] -->            <button class=\"button btn-primary\" onclick=\"startBreathing()\">\u2728 Start<\/button><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <!-- Phase 2: Breathing Exercise --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"breathing\" class=\"breathing-container hidden\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<h1>\ud83e\udec1 4-7-8 Breathing<\/h1>\n<p><!-- [et_pb_line_break_holder] -->            <pee class=\"subtitle\">Follow the circle<\/pee><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"breath-circle-wrapper\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"breath-circle\" id=\"breathCircle\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"breath-text\" id=\"breathText\">Get Ready<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <pee class=\"breath-instructions\" id=\"instructions\"><!-- [et_pb_line_break_holder] -->                \ud83e\uddd8\u200d\u2640\ufe0f Place your hand on your chest. Are you ready?<!-- [et_pb_line_break_holder] -->            <\/pee><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cycle-counter\" id=\"cycleCounter\">Cycle: 1\/3<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <button class=\"button btn-secondary\" onclick=\"showSkipOverlay()\">\u23ed\ufe0f Skip<\/button><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <!-- Phase 2b: Breathing Completion --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"breathingCompletion\" class=\"breathing-completion hidden\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"breathing-completion-icon\">\ud83c\udf89<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<h3>Excellent Breathing!<\/h3>\n<p><!-- [et_pb_line_break_holder] -->            <pee>Your nervous system is now calmer. Research shows that 4-7-8 breathing reduces stress in less than 60 seconds. You&#8217;re ready for the next step.<\/pee><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"breathing-completion-buttons\"><!-- [et_pb_line_break_holder] -->                <button class=\"button btn-secondary\" onclick=\"restartBreathing()\">\ud83d\udd04 Repeat Exercise<\/button><!-- [et_pb_line_break_holder] -->                <button class=\"button btn-primary\" onclick=\"window.location.href='https:\/\/www.psymt.com'\">\ud83c\udfe0 Back to Home<\/button><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <!-- Phase 3: Reframing --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"reframing\" class=\"reframing-container hidden\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<h1>\ud83d\udd04 Reframe Your Thought<\/h1>\n<p><!-- [et_pb_line_break_holder] -->            <pee class=\"subtitle\">Shift your perspective<\/pee><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"input-group\"><!-- [et_pb_line_break_holder] -->                <pee class=\"prompt\">\ud83d\udcad What negative thought is bothering you right now?<\/pee><!-- [et_pb_line_break_holder] -->                <textarea id=\"negativeThought\" placeholder=\"Write here... (optional)\"><\/textarea><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <button class=\"button btn-primary\" onclick=\"generateAlternatives()\">\ud83e\ude84 See Alternatives<\/button><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"alternatives hidden\" id=\"alternatives\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <!-- Phase 4: Final Completion --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"completion\" class=\"completion hidden\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"completion-icon\">\ud83c\udf31<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<h2>Well Done!<\/h2>\n<p><!-- [et_pb_line_break_holder] -->            <pee>You&#8217;ve completed a 2-minute wellness practice. The breathing helped you calm down, and the reframing allowed you to see things from a new, more balanced perspective.<\/pee><!-- [et_pb_line_break_holder] -->            <pee style=\"margin-top: 20px; font-size: 13px; color: #78b1aa;\"><!-- [et_pb_line_break_holder] -->                \ud83d\udcbe Bookmark this page to repeat whenever you need it.<!-- [et_pb_line_break_holder] -->            <\/pee><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"completion-buttons\"><!-- [et_pb_line_break_holder] -->                <button class=\"button btn-secondary\" onclick=\"location.reload()\">\ud83d\udd04 Repeat All<\/button><!-- [et_pb_line_break_holder] -->                <button class=\"button btn-primary\" onclick=\"window.location.href='https:\/\/www.psymt.com'\">\ud83c\udfe0 Home<\/button><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- Skip Overlay --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"skip-overlay\" id=\"skipOverlay\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"skip-content\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h3>\ud83e\udd14 Are you sure you want to skip?<\/h3>\n<p><!-- [et_pb_line_break_holder] -->        <pee>Breathing helps regulate your nervous system. Studies show the 4-7-8 technique reduces stress in under 60 seconds. Try at least one cycle!<\/pee><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"skip-buttons\"><!-- [et_pb_line_break_holder] -->            <button class=\"button btn-secondary\" onclick=\"closeSkipOverlay()\">\u2b05\ufe0f Go Back<\/button><!-- [et_pb_line_break_holder] -->            <button class=\"button btn-primary\" onclick=\"window.location.href='https:\/\/www.psymt.com'\">\u23ed\ufe0f Skip Anyway<\/button><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->    let currentCycle = 0;<!-- [et_pb_line_break_holder] -->    const maxCycles = 3;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function startBreathing() {<!-- [et_pb_line_break_holder] -->        document.getElementById('welcome').classList.add('hidden');<!-- [et_pb_line_break_holder] -->        document.getElementById('breathing').classList.remove('hidden');<!-- [et_pb_line_break_holder] -->        document.getElementById('dot1').classList.add('completed');<!-- [et_pb_line_break_holder] -->        document.getElementById('dot2').classList.add('active');<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        setTimeout(() => startBreathingCycle(), 2000);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function startBreathingCycle() {<!-- [et_pb_line_break_holder] -->        if (currentCycle >= maxCycles) {<!-- [et_pb_line_break_holder] -->            showBreathingCompletion();<!-- [et_pb_line_break_holder] -->            return;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const circle = document.getElementById('breathCircle');<!-- [et_pb_line_break_holder] -->        const text = document.getElementById('breathText');<!-- [et_pb_line_break_holder] -->        const instructions = document.getElementById('instructions');<!-- [et_pb_line_break_holder] -->        const counter = document.getElementById('cycleCounter');<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        counter.textContent = `Cycle: ${currentCycle + 1}\/${maxCycles}`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        setTimeout(() => {<!-- [et_pb_line_break_holder] -->            circle.className = 'breath-circle inhale';<!-- [et_pb_line_break_holder] -->            text.textContent = '\ud83c\udf2c\ufe0f Inhale';<!-- [et_pb_line_break_holder] -->            instructions.innerHTML = '\ud83d\udcc8 Slowly and deeply for <strong>4... 3... 2... 1...<\/strong>';<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            setTimeout(() => {<!-- [et_pb_line_break_holder] -->                circle.className = 'breath-circle hold';<!-- [et_pb_line_break_holder] -->                text.textContent = '\u23f8\ufe0f Hold';<!-- [et_pb_line_break_holder] -->                instructions.innerHTML = '\ud83d\udfe1 Hold your breath for <strong>7... 6... 5... 4... 3... 2... 1...<\/strong>';<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                setTimeout(() => {<!-- [et_pb_line_break_holder] -->                    circle.className = 'breath-circle exhale';<!-- [et_pb_line_break_holder] -->                    text.textContent = '\ud83d\udca8 Exhale';<!-- [et_pb_line_break_holder] -->                    instructions.innerHTML = '\ud83d\udcc9 Slowly and steadily for <strong>8... 7... 6... 5... 4... 3... 2... 1...<\/strong>';<!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    setTimeout(() => {<!-- [et_pb_line_break_holder] -->                        circle.className = 'breath-circle';<!-- [et_pb_line_break_holder] -->                        text.textContent = '\ud83d\ude0c Rest';<!-- [et_pb_line_break_holder] -->                        instructions.innerHTML = '\u2728 Normal breathing...';<!-- [et_pb_line_break_holder] -->                        <!-- [et_pb_line_break_holder] -->                        setTimeout(() => {<!-- [et_pb_line_break_holder] -->                            currentCycle++;<!-- [et_pb_line_break_holder] -->                            startBreathingCycle();<!-- [et_pb_line_break_holder] -->                        }, 2000);<!-- [et_pb_line_break_holder] -->                    }, 8000);<!-- [et_pb_line_break_holder] -->                }, 7000);<!-- [et_pb_line_break_holder] -->            }, 4000);<!-- [et_pb_line_break_holder] -->        }, 500);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function showSkipOverlay() {<!-- [et_pb_line_break_holder] -->        document.getElementById('skipOverlay').style.display = 'flex';<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function closeSkipOverlay() {<!-- [et_pb_line_break_holder] -->        document.getElementById('skipOverlay').style.display = 'none';<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function showBreathingCompletion() {<!-- [et_pb_line_break_holder] -->        document.getElementById('breathing').classList.add('hidden');<!-- [et_pb_line_break_holder] -->        document.getElementById('breathingCompletion').classList.remove('hidden');<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function restartBreathing() {<!-- [et_pb_line_break_holder] -->        currentCycle = 0;<!-- [et_pb_line_break_holder] -->        document.getElementById('breathingCompletion').classList.add('hidden');<!-- [et_pb_line_break_holder] -->        document.getElementById('breathing').classList.remove('hidden');<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        document.getElementById('breathCircle').className = 'breath-circle';<!-- [et_pb_line_break_holder] -->        document.getElementById('breathText').textContent = 'Get Ready';<!-- [et_pb_line_break_holder] -->        document.getElementById('instructions').innerHTML = '\ud83e\uddd8\u200d\u2640\ufe0f Place your hand on your chest. Are you ready?';<!-- [et_pb_line_break_holder] -->        document.getElementById('cycleCounter').textContent = 'Cycle: 1\/3';<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        setTimeout(() => startBreathingCycle(), 1000);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function generateAlternatives() {<!-- [et_pb_line_break_holder] -->        const thought = document.getElementById('negativeThought').value.trim();<!-- [et_pb_line_break_holder] -->        const alternativesDiv = document.getElementById('alternatives');<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        const genericAlternatives = [<!-- [et_pb_line_break_holder] -->            \"\ud83e\udd14 This thought is a perspective, not reality. There are other ways to view this situation.\",<!-- [et_pb_line_break_holder] -->            \"\ud83d\udc9a It's okay to feel this way now. What I feel is valid, but I can choose how I respond.\",<!-- [et_pb_line_break_holder] -->            \"\ud83c\udf31 Even if something went wrong, it doesn't define my worth or future. Every moment is a new opportunity.\"<!-- [et_pb_line_break_holder] -->        ];<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        const specificAlternatives = thought ? [<!-- [et_pb_line_break_holder] -->            `\ud83d\udd04 Instead of thinking \"${thought}\", I can ask: \"What is this experience teaching me?\"`,<!-- [et_pb_line_break_holder] -->            `\ud83d\udcad The thought \"${thought}\" is automatic. I can observe it without fully believing it.`,<!-- [et_pb_line_break_holder] -->            `\ud83c\udfaf Let me focus on what I can control now, instead of the idea that \"${thought}\"`<!-- [et_pb_line_break_holder] -->        ] : genericAlternatives;<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        alternativesDiv.innerHTML = `<!-- [et_pb_line_break_holder] -->            <pee class=\"prompt\" style=\"margin-top: 30px;\">\u2728 Alternative perspectives:<\/pee><!-- [et_pb_line_break_holder] -->            ${specificAlternatives.map((alt, idx) => <!-- [et_pb_line_break_holder] -->                `<\/p>\n<div class=\"alternative\" style=\"animation-delay: ${idx * 0.15}s\">${alt}<\/div>\n<p>`<!-- [et_pb_line_break_holder] -->            ).join('')}<!-- [et_pb_line_break_holder] -->        `;<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        alternativesDiv.classList.remove('hidden');<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        setTimeout(() => {<!-- [et_pb_line_break_holder] -->            alternativesDiv.scrollIntoView({ behavior: 'smooth', block: 'nearest' });<!-- [et_pb_line_break_holder] -->        }, 300);<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        setTimeout(() => {<!-- [et_pb_line_break_holder] -->            document.getElementById('reframing').classList.add('hidden');<!-- [et_pb_line_break_holder] -->            document.getElementById('completion').classList.remove('hidden');<!-- [et_pb_line_break_holder] -->            document.getElementById('dot3').classList.add('completed');<!-- [et_pb_line_break_holder] -->        }, 10000);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    document.addEventListener('keydown', (e) => {<!-- [et_pb_line_break_holder] -->        if (e.key === 'Enter' && document.getElementById('reframing').classList.contains('hidden') === false) {<!-- [et_pb_line_break_holder] -->            const thought = document.getElementById('negativeThought');<!-- [et_pb_line_break_holder] -->            if (document.activeElement === thought) {<!-- [et_pb_line_break_holder] -->                generateAlternatives();<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        if (e.key === 'Escape') {<!-- [et_pb_line_break_holder] -->            closeSkipOverlay();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-27005632","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.psymt.com\/el\/wp-json\/wp\/v2\/pages\/27005632","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.psymt.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.psymt.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.psymt.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.psymt.com\/el\/wp-json\/wp\/v2\/comments?post=27005632"}],"version-history":[{"count":0,"href":"https:\/\/www.psymt.com\/el\/wp-json\/wp\/v2\/pages\/27005632\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.psymt.com\/el\/wp-json\/wp\/v2\/media?parent=27005632"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}