.elementor-3566 .elementor-element.elementor-element-f5ed360{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );color:var( --e-global-color-primary );}.elementor-3566 .elementor-element.elementor-element-a7df916 > .elementor-widget-container{background-color:var( --e-global-color-secondary );border-style:solid;}.elementor-3566 .elementor-element.elementor-element-a7df916.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3566 .elementor-element.elementor-element-a7df916{text-align:center;}.elementor-3566 .elementor-element.elementor-element-a7df916 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-3566 .elementor-element.elementor-element-f2b2742{--display:flex;}.elementor-3566 .elementor-element.elementor-element-94fec0d > .elementor-widget-container{background-color:var( --e-global-color-secondary );border-style:solid;}.elementor-3566 .elementor-element.elementor-element-94fec0d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3566 .elementor-element.elementor-element-94fec0d{text-align:center;}.elementor-3566 .elementor-element.elementor-element-94fec0d .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-3566 .elementor-element.elementor-element-789ea3a{--display:flex;}.elementor-3566 .elementor-element.elementor-element-e758327{--display:flex;}.elementor-3566 .elementor-element.elementor-element-e4500ca{text-align:center;}.elementor-3566 .elementor-element.elementor-element-e4500ca .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:82px;font-weight:400;color:#43E729;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-3566 .elementor-element.elementor-element-20c29fc > .elementor-widget-container{margin:35px 35px 35px 35px;}.elementor-3566 .elementor-element.elementor-element-20c29fc .elementor-icon-box-wrapper{gap:0px;}.elementor-3566 .elementor-element.elementor-element-20c29fc .elementor-icon-box-title{margin-block-end:0px;}.elementor-3566 .elementor-element.elementor-element-20c29fc.elementor-view-stacked .elementor-icon{background-color:#FFA500;}.elementor-3566 .elementor-element.elementor-element-20c29fc.elementor-view-framed .elementor-icon, .elementor-3566 .elementor-element.elementor-element-20c29fc.elementor-view-default .elementor-icon{fill:#FFA500;color:#FFA500;border-color:#FFA500;}.elementor-3566 .elementor-element.elementor-element-20c29fc .elementor-icon{font-size:84px;}.elementor-3566 .elementor-element.elementor-element-e407a28{--display:flex;--overlay-opacity:0.5;}.elementor-3566 .elementor-element.elementor-element-e407a28::before, .elementor-3566 .elementor-element.elementor-element-e407a28 > .elementor-background-video-container::before, .elementor-3566 .elementor-element.elementor-element-e407a28 > .e-con-inner > .elementor-background-video-container::before, .elementor-3566 .elementor-element.elementor-element-e407a28 > .elementor-background-slideshow::before, .elementor-3566 .elementor-element.elementor-element-e407a28 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3566 .elementor-element.elementor-element-e407a28 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3566 .elementor-element.elementor-element-e1f630b .elementor-button{background-color:#EF1ECF;font-family:"Roboto", Sans-serif;font-size:52px;font-weight:500;fill:var( --e-global-color-c2cefc1 );color:var( --e-global-color-c2cefc1 );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3566 .elementor-element.elementor-element-e1f630b > .elementor-widget-container{margin:45px 45px 45px 45px;}.elementor-3566 .elementor-element.elementor-element-2c72aeb{--display:flex;}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3566 .elementor-element.elementor-element-a7df916{width:var( --container-widget-width, 457.306px );max-width:457.306px;--container-widget-width:457.306px;--container-widget-flex-grow:0;}.elementor-3566 .elementor-element.elementor-element-94fec0d{width:var( --container-widget-width, 457.306px );max-width:457.306px;--container-widget-width:457.306px;--container-widget-flex-grow:0;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1200px){.elementor-3566 .elementor-element.elementor-element-a7df916{width:var( --container-widget-width, 895.3px );max-width:895.3px;--container-widget-width:895.3px;--container-widget-flex-grow:0;}.elementor-3566 .elementor-element.elementor-element-94fec0d{width:var( --container-widget-width, 895.3px );max-width:895.3px;--container-widget-width:895.3px;--container-widget-flex-grow:0;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-20e58de */gap:14px;
      margin-bottom:14px;
    }

    label{
      display:block;
      font-size:.95rem;
      color:var(--green-dark);
      font-weight:1000;
      margin-bottom:6px;
    }

    select{
      width:100%;
      padding:12px 14px;
      border-radius:15px;
      border:3px solid #d9f2ce;
      background:#fff;
      color:var(--text);
      font-size:1rem;
      font-weight:700;
    }

    .controls, .nav{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:12px;
      margin-top:12px;
    }

    .nav{ grid-template-columns:1fr 1fr; }

    button{
      border:0;
      border-radius:18px;
      padding:16px 14px;
      font-size:1.08rem;
      font-weight:1000;
      cursor:pointer;
      color:white;
      box-shadow:0 6px 0 rgba(0,0,0,.18);
      transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
    }

    button:hover{
      transform:translateY(2px);
      box-shadow:0 3px 0 rgba(0,0,0,.18);
      filter:brightness(1.02);
    }

    button:disabled{
      opacity:.48;
      cursor:not-allowed;
      transform:none;
      box-shadow:none;
    }

    button:focus-visible, select:focus-visible, a:focus-visible{
      outline:var(--focus);
      outline-offset:3px;
    }

    #listenBtn{ background:linear-gradient(180deg,#4db8ff,#2387ea); }
    #repeatBtn{ background:linear-gradient(180deg,#52bd3f,#2f982f); }
    #stopBtn{ background:linear-gradient(180deg,#ff7a59,#e24a2b); }
    #prevBtn,#nextBtn{ background:linear-gradient(180deg,#ffb347,#ff8c00); }

    #feedback{
      margin-top:16px;
      min-height:60px;
      background:#f6f8ff;
      border:3px solid #e1e5ff;
      border-radius:20px;
      padding:15px;
      font-size:1.12rem;
      font-weight:900;
      color:var(--muted);
    }

    .feedback-good{ background:#f1fff0 !important; border-color:#70d86f !important; color:#197a35 !important; }
    .feedback-mid{ background:#fffbe8 !important; border-color:#ffd54f !important; color:#9a6400 !important; }
    .feedback-bad{ background:#fff2ef !important; border-color:#ff9d87 !important; color:#b33c23 !important; }

    .help{
      margin:12px 0 0;
      color:var(--muted);
      font-size:.95rem;
    }

    .footer{
      text-align:center;
      color:#68767b;
      font-size:.84rem;
      margin:18px 0 0;
    }

    @keyframes floatBee{
      0%,100%{ transform:translateY(0) rotate(-4deg); }
      50%{ transform:translateY(-12px) rotate(6deg); }
    }

    @media (max-width:860px){
      .hero, .exercise-grid{ grid-template-columns:1fr; }
      .settings, .controls, .nav{ grid-template-columns:1fr; }
      .mini-steps{ grid-template-columns:1fr 1fr; }
      .hero{ padding:24px; }
      .section{ padding:20px; }
    }

    @media (prefers-reduced-motion: reduce){
      *{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }
    }
  <\/style>/* End custom CSS */