.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;}@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;}}@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 );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-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 */