.wp-block-navigation{position:relative;--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;background-color:inherit;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item__content{display:block}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation :where(a),.wp-block-navigation :where(a:active),.wp-block-navigation :where(a:focus){text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:0;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{display:inline-block;stroke:currentColor;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;height:0;left:-1px;opacity:0;overflow:hidden;position:absolute;top:100%;visibility:hidden;width:0;z-index:2}@media not (prefers-reduced-motion){.wp-block-navigation .has-child .wp-block-navigation__submenu-container{transition:opacity .1s linear}}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)){padding:.5em 1em}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid #00000026}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container:only-child{flex-grow:1}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:#0000;border:0;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-close{width:100%}.wp-block-navigation__responsive-close:focus{outline:0}.wp-block-navigation__responsive-dialog{position:relative}.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:"Font Awesome 5 Free";font-weight:900}.fa-bookmark:before{content:""}.fa-chart-bar:before{content:""}.fa-clock:before{content:""}.fa-drum:before{content:""}.fa-hand-pointer:before{content:""}.fa-minus:before{content:""}.fa-moon:before{content:""}.fa-play:before{content:""}.fa-plus:before{content:""}.fa-sun:before{content:""}.fa-volume-down:before{content:""}.fa-volume-up:before{content:""}.fa-wave-square:before{content:""}@font-face{font-display:swap;font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-brands-400.eot);src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-brands-400.eot?#iefix)format("embedded-opentype"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-brands-400.woff2)format("woff2"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-brands-400.woff)format("woff"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-brands-400.ttf)format("truetype"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-brands-400.svg#fontawesome)format("svg")}@font-face{font-display:swap;font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-regular-400.eot);src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-regular-400.eot?#iefix)format("embedded-opentype"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-regular-400.woff2)format("woff2"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-regular-400.woff)format("woff"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-regular-400.ttf)format("truetype"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-regular-400.svg#fontawesome)format("svg")}@font-face{font-display:swap;font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-solid-900.eot);src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-solid-900.eot?#iefix)format("embedded-opentype"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-solid-900.woff2)format("woff2"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-solid-900.woff)format("woff"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-solid-900.ttf)format("truetype"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-solid-900.svg#fontawesome)format("svg")}@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/Poppins-Regular.woff)format("woff")}@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/Poppins-SemiBold.woff)format("woff")}@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/Poppins-Bold.woff)format("woff")}@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/Poppins-Medium.woff)format("woff")}@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/Poppins-ExtraBold.woff)format("woff")}@font-face{font-display:swap;font-family:"OpenSans";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/OpenSans-Regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/Roboto-Regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:"PlayfairDisplay";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/PlayfairDisplay-Regular.woff2)format("woff2")}a{text-decoration-thickness:1px!important;text-underline-offset:.1em}:where(.wp-site-blocks :focus){outline-width:2px;outline-style:solid}.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child){margin-bottom:3px}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{outline-offset:4px}.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content{outline-offset:0}h1,h2,h3,p{text-wrap:pretty}:root{--primary:#4a6fa5;--primary-dark:#3a5a8a;--primary-light:#5b8ac9;--accent:#f08a5d;--accent-dark:#e07a4e;--accent-light:#ff9a6d;--secondary:#8ac4a1;--tertiary:#f9ed69;--text-primary:#2d3436;--text-secondary:#636e72;--bg-primary:#f7f7f7;--bg-secondary:#F8FAFC;--bg-tertiary:#dddddd;--glass-bg:rgba(255, 255, 255, 0.9);--glass-border:rgba(0, 0, 0, 0.1);--shadow:0 2px 4px rgba(0, 0, 0, 0.1);--success:#6aaf88;--warning:#f9a828;--error:#eb4d4b}.metronome-app{font-family:Quicksand,sans-serif;color:var(--text-primary);min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px;background:linear-gradient(135deg,var(--bg-secondary)0,var(--bg-primary) 100%);transition:.3s;max-width:1000px;border-radius:18px}.metronome-container{width:100%;max-width:var(--metronome-width);background:var(--glass-bg);backdrop-filter:blur(12px);border-radius:20px;border:1px solid var(--glass-border);box-shadow:var(--shadow);padding:20px 30px;transition:.3s;box-sizing:border-box}.logo,.metronome-header{display:flex;align-items:center;position:relative}.metronome-header{justify-content:center;margin-bottom:40px;width:100%;background-color:var(--bg-primary);padding:20px 20px 30px;border-radius:12px;box-sizing:border-box}.logo{flex-direction:row;gap:12px}.logo i{font-size:32px;color:var(--accent);transition:transform .3s,color .3s}.credit-line,.logo h1{text-transform:uppercase;letter-spacing:.5px}.logo h1{font-family:"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:36px;font-weight:800;color:var(--text-primary);margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.1);background:linear-gradient(45deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:transform .3s}.credit-line{font-size:14px;color:var(--text-secondary);opacity:.9;font-weight:500;position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);white-space:nowrap}.header-controls{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center}.theme-toggle{display:flex;align-items:center;gap:10px;padding-right:10px}.theme-toggle i{font-size:16px;color:var(--text-secondary)}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider,.slider:before{position:absolute;transition:.4s}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);border-radius:34px}.slider:before{content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--bg-primary);border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translateX(24px)}.bpm-display,.main-controls{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.bpm-display{margin-bottom:20px}.bpm-value{font-size:80px;font-weight:700;font-family:"Fira Code",VT323,monospace;color:var(--primary);line-height:1;margin-bottom:5px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.bpm-label{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}.beat-indicators{display:flex;gap:12px;margin-top:10px}.bpm-controls,.circle-btn{display:flex;align-items:center}.bpm-controls{gap:15px;width:100%;margin-bottom:20px}.circle-btn{width:50px;height:50px;border-radius:50%;background:linear-gradient(145deg,var(--primary),var(--primary-dark));color:#fff;border:0;justify-content:center;cursor:pointer;transition:.2s;box-shadow:var(--shadow);font-size:18px}.circle-btn:hover{background:linear-gradient(145deg,var(--primary-light),var(--primary));box-shadow:0 8px 16px rgba(0,0,0,.15)}.circle-btn:active{transform:translateY(0)}.bpm-slider-container{flex:1;position:relative}#tempo-slider{width:100%;height:10px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--bg-tertiary),var(--primary));border-radius:5px;outline:0;margin:25px 0 5px}#tempo-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2);border:4px solid var(--primary);transition:.2s}#tempo-slider::-webkit-slider-thumb:hover,#volume::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.3);border-color:var(--primary-light)}.slider-ticks{display:flex;justify-content:space-between;margin-top:5px;font-size:12px;color:var(--text-secondary);font-weight:500}.visualizer-section{margin-bottom:20px;background:var(--bg-secondary);border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.visualizer-tabs{display:flex;border-bottom:1px solid var(--bg-tertiary)}.visualizer-tab,select{font-size:14px;cursor:pointer;transition:.2s}.visualizer-tab{flex:1;padding:12px;background:var(--bg-secondary);color:var(--text-secondary);border:0;display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:3px solid transparent}.visualizer-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.visualizer-tab.active{background:var(--bg-primary);color:var(--primary);border-bottom:3px solid var(--primary);font-weight:600}.visualizer-content{height:200px;position:relative}.visualizer-panel{position:absolute;top:0;left:0;opacity:0;transition:opacity .3s;display:flex;justify-content:center;align-items:center}.visualizer-panel.active{opacity:1}.visualizer-panel,canvas{width:100%;height:100%}.control-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.control-panel{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--glass-border);overflow:hidden;box-shadow:var(--shadow)}.panel-header{padding:15px;background:var(--primary);color:#fff;display:flex;align-items:center;gap:10px}.panel-header i{font-size:18px}.panel-header h3{margin:0;font-size:16px;font-weight:600}.panel-content{padding:15px}.control-group{margin-bottom:15px}.control-group label,.volume-control label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-primary)}select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--bg-tertiary);background:var(--bg-primary);color:var(--text-primary);font-family:Quicksand,sans-serif;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}select:hover{border-color:var(--primary)}select:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 2px rgba(74,111,165,.2)}.time-signature{display:flex;align-items:center;gap:5px}.time-signature select{flex:1}.time-signature span{font-size:16px;font-weight:600;color:var(--text-secondary)}.presets-panel .panel-content{padding:0}.presets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px}.preset-btn{padding:15px;border:0;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:.3s;display:flex;flex-direction:column;align-items:center;gap:4px}.preset-btn:hover{background:var(--bg-tertiary)}.preset-name{font-weight:600;font-size:14px}.preset-bpm,.volume-slider i{font-size:12px;color:var(--text-secondary)}.volume-slider{display:flex;align-items:center;gap:10px}.volume-slider i{font-size:16px}.volume-slider-container{flex:1;position:relative}#volume{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--bg-tertiary),var(--primary));border-radius:5px;outline:0;margin:25px 0 5px}#volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2);border:3px solid var(--primary);transition:.2s}.volume-slider .slider-ticks{display:flex;justify-content:space-between;margin-top:5px;font-size:12px;color:var(--text-secondary);font-weight:500}#volume-display{font-size:12px;font-family:"Fira Code",VT323,monospace;color:var(--text-secondary);min-width:36px;text-align:center}.action-btn,.action-buttons{display:flex;justify-content:center}.action-buttons{gap:15px;margin:0 auto 40px}.action-btn{flex:1;padding:16px 28px;border-radius:10px;border:0;font-size:16px;font-weight:600;cursor:pointer;transition:.2s;align-items:center;gap:10px;max-width:300px;box-shadow:var(--shadow)}.tap-btn{background:linear-gradient(145deg,var(--accent),var(--accent-dark));color:#fff}.tap-btn:hover{background:linear-gradient(145deg,var(--accent-light),var(--accent));box-shadow:0 8px 16px rgba(240,138,93,.3)}.tap-btn:active{transform:translateY(0)}.main-btn{background:linear-gradient(145deg,var(--primary),var(--primary-dark));color:#fff}.main-btn:hover{background:linear-gradient(145deg,var(--primary-light),var(--primary));box-shadow:0 8px 16px rgba(74,111,165,.3)}.main-btn:active{transform:translateY(0)}.hint{font-size:12px;opacity:.7;font-weight:400}.metronome-footer{display:flex;justify-content:center;align-items:center;margin-top:10px;font-size:14px;color:var(--text-secondary)}.footer-credit a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-credit a:hover{color:var(--primary-light);text-decoration:underline}@media (max-width:1200px){.metronome-container{max-width:100%}}@media (max-width:900px){.control-panels{grid-template-columns:1fr}.presets-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.metronome-app{padding:10px;min-height:100vh;border-radius:0}.metronome-container{padding:20px 15px;border-radius:15px}.metronome-header{flex-direction:column;padding:10px;margin-bottom:30px}.logo{flex-direction:column;text-align:center;gap:8px}.logo h1{font-size:24px}.logo i{font-size:28px}.credit-line{position:static;transform:none;margin-top:5px;white-space:normal}.theme-toggle{padding:0}.header-controls{position:static;transform:none;justify-content:center;margin-top:15px}.bpm-value{font-size:60px}.control-panels{grid-template-columns:1fr;gap:15px}.presets-grid{grid-template-columns:repeat(3,1fr)}.bpm-controls{gap:10px}.circle-btn{width:40px;height:40px;font-size:16px}.action-buttons{flex-direction:column;align-items:center;margin-bottom:30px}.action-btn{width:100%;padding:14px 20px;font-size:15px}.beat-indicators{gap:8px}.visualizer-content{height:150px}.panel-header{padding:12px 15px}.panel-header h3{font-size:15px}.panel-content{padding:12px}}