.met-root{color:#e1e1f2;background:#11131e;flex-direction:column;min-height:100vh;padding-bottom:2rem;font-family:Inter,sans-serif;display:flex}.met-topnav{z-index:50;background:#11131e;border-bottom:1px solid #f5a6231f;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.met-topnav-left{align-items:center;gap:1rem;display:flex}.met-topnav-back{cursor:pointer;color:#f5a623;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.met-topnav-back .material-symbols-outlined{font-size:1.5rem}.met-topnav-title{color:#f5a623;font-family:Newsreader,Libre Baskerville,Georgia,serif;font-size:1.2rem;font-style:italic}.met-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.25rem 3rem}.met-layout{flex-direction:column;gap:1.5rem;display:flex}.met-col-left{width:100%}.met-col-right{flex-direction:column;gap:1.25rem;width:100%;display:flex}@media (min-width:960px){.met-layout{flex-direction:row;align-items:flex-start;gap:2rem}.met-col-left{flex-shrink:0;width:45%;max-height:calc(100vh - 96px);position:sticky;top:80px}.met-col-right{flex:1;min-width:0}.met-hero-card{justify-content:center;gap:0;height:calc(100vh - 100px);max-height:calc(100vh - 100px);padding:1.25rem 1.5rem 1rem;overflow:hidden}.met-wood-wrapper{transform-origin:top;flex-shrink:0;margin-bottom:-66px;transform:scale(.78)}.met-readout{margin-top:.75rem}.met-bpm-number{font-size:clamp(3.2rem,7vw,5rem)}.met-play-btn{width:68px;height:68px;margin-top:.75rem}.met-play-btn .material-symbols-outlined{font-size:2rem}.met-beat-grid{margin-top:.6rem}}.met-hero-card{background:#191b26;border-radius:16px;flex-direction:column;align-items:center;padding:3rem 1.5rem 2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 40px #00000080}.met-hero-card:before{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#00000040);position:absolute;inset:0}.met-wood-wrapper{filter:drop-shadow(0 16px 32px #000c);flex-direction:column;justify-content:flex-end;align-items:center;width:200px;height:300px;display:flex;position:relative}.met-wood-wrapper:before{content:"";filter:blur(12px);pointer-events:none;background:radial-gradient(#f5a6231f 0%,#0000 70%);width:160px;height:60px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.met-body{clip-path:polygon(21% 0%,79% 0%,100% 100%,0% 100%);background:linear-gradient(105deg,#0000 30%,#ffd28214 48%,#0000 62%),repeating-linear-gradient(178deg,#0000 0 5px,#ffbe5a09 5px 6px),radial-gradient(#0000 40%,#00000073 100%),linear-gradient(#4a2510 0%,#6b3520 30%,#3e1e0c 70%,#2c1508 100%);width:178px;height:256px;position:absolute;bottom:28px;box-shadow:inset 4px 0 10px #0000008c,inset -2px 0 8px #ffaf461a,inset 0 -6px 16px #0006}.met-body:before{content:"";background:linear-gradient(90deg,#7a5c10,#e8c040,#f5d060,#e8c040,#7a5c10);border-radius:0 0 2px 2px;width:58%;height:3px;position:absolute;top:0;left:21%}.met-body:after{content:"";background:linear-gradient(90deg,#7a5c10,#d4a820,#f0c840,#d4a820,#7a5c10);width:100%;height:3px;position:absolute;bottom:0;left:0}.met-knob{background:linear-gradient(90deg,#c49010,#f0c840,#f5d870,#e0b030,#9a7010);border-radius:0 8px 8px 0;width:14px;height:38px;position:absolute;bottom:90px;right:-6px;box-shadow:2px 2px 6px #00000080,inset -1px 0 3px #fff0964d}.met-knob:after{content:"";background:#00000059;border-radius:1px;width:8px;height:2px;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.met-inner-panel{clip-path:polygon(12% 0%,88% 0%,100% 100%,0% 100%);background:repeating-linear-gradient(176deg,#0000 0 4px,#ffb9500a 4px 5px),linear-gradient(#6b3520 0%,#8a4828 40%,#6b3520 80%,#4a2510 100%);border:1px solid #d4a82059;flex-direction:column;align-items:center;width:72%;height:82%;display:flex;position:absolute;bottom:14px;left:14%}.met-brand-name{letter-spacing:.2em;color:#ffdc8c8c;text-shadow:0 1px #000000b3,0 -1px #ffc86433;text-transform:uppercase;margin-top:10px;font-family:Libre Baskerville,Georgia,serif;font-size:7px;font-weight:700}.met-window{background:#0d0f18;border:1px solid #d4a82066;border-radius:2px;flex:1;width:32px;margin-top:8px;margin-bottom:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #000000e6,0 0 0 1px #f5a62314}.met-window--playing{box-shadow:inset 0 0 12px #000000b3,inset 0 0 20px #8b5cf614,0 0 0 1px #8b5cf633}.met-scale{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:6px;bottom:6px;right:4px}.met-scale-mark{align-items:center;gap:2px;display:flex}.met-scale-tick{background:#f0dca059;width:5px;height:1px}.met-scale-val{color:#f0dca073;text-align:right;min-width:14px;font-family:Libre Baskerville,serif;font-size:5px;line-height:1}.met-pivot-outer{z-index:12;background:radial-gradient(circle at 35% 35%,#f5d060,#c49010,#8a6800);border-radius:50%;width:12px;height:12px;position:absolute;bottom:58px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #000000b3,inset 0 1px 2px #fff09680}.met-pendulum-rod{transform-origin:bottom;width:4px;height:240px;transition:transform var(--beat-ms,.5s) cubic-bezier(.45, .05, .55, .95);z-index:11;background:linear-gradient(90deg,#6a7a8a 0%,#a8b8c4 25%,#d0dce8 50%,#a8b8c4 75%,#6a7a8a 100%);border-radius:2px;margin-left:-2px;position:absolute;bottom:64px;left:50%;transform:rotate(0);box-shadow:0 0 4px #00000080}.met-pendulum-rod:after{content:"";background:#fff6;border-radius:1px;width:1px;height:100%;position:absolute;top:0;left:1px}.met-pendulum-rod--left{transform:rotate(-28deg)}.met-pendulum-rod--right{transform:rotate(28deg)}.met-pendulum-rod--center{transition:transform .4s ease-out;transform:rotate(0)}.met-lentil{background:radial-gradient(at 35% 30%,#f8e060 0%,#d4a820 35%,#9a7010 70%,#6b4e08 100%);border-radius:50%;width:22px;height:30px;transition:box-shadow 60ms ease-out;position:absolute;top:52px;left:50%;transform:translate(-50%);box-shadow:inset 2px -2px 5px #00000073,inset -1px 2px 4px #fff09673,0 2px 8px #00000080}.met-lentil:after{content:"";background:#0000004d;border-radius:1px;width:70%;height:1.5px;position:absolute;top:50%;left:15%;transform:translateY(-50%)}.met-lentil--accent{box-shadow:inset 2px -2px 5px #0000004d,0 0 0 3px #f5a62366,0 0 16px #f5a62399}.met-lentil--beat{box-shadow:inset 2px -2px 5px #0000004d,0 0 0 2px #8b5cf659,0 0 12px #8b5cf673}.met-base{background:linear-gradient(#2c1508 0%,#3e1e0c 50%,#1e0c04 100%);border-radius:0 0 6px 6px;width:200px;height:28px;position:absolute;bottom:0;box-shadow:0 8px 24px #000c,inset 0 2px 6px #ffaf4614}.met-base:before{content:"";background:linear-gradient(90deg,#7a5c10,#d4a820,#f0c840,#d4a820,#7a5c10);width:100%;height:2px;position:absolute;top:0;left:0}.met-readout{text-align:center;flex-direction:column;align-items:center;gap:.2rem;margin-top:2rem;display:flex}.met-bpm-number{color:#ffc880;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-family:Newsreader,Libre Baskerville,Georgia,serif;font-size:clamp(4rem,14vw,6rem);font-weight:700;line-height:1}.met-tempo-name{color:#f5a623;min-height:1.6em;font-family:Newsreader,Libre Baskerville,Georgia,serif;font-size:1.3rem;font-style:italic}.met-beat-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;margin-top:1.25rem;display:flex}.met-beat-dot{background:#ffffff14;border:1.5px solid #ffffff1f;border-radius:50%;flex-shrink:0;transition:background 60ms,box-shadow 60ms,transform 60ms}.met-beat-dot--normal{width:12px;height:12px}.met-beat-dot--accent{background:#f5a62326;border-color:#f5a6234d;width:16px;height:16px}.met-beat-dot--active{background:#8b5cf6;border-color:#8b5cf6;transform:scale(1.2);box-shadow:0 0 0 3px #8b5cf640,0 0 8px #8b5cf680}.met-beat-dot--accent.met-beat-dot--active{background:#f5a623;border-color:#f5a623;transform:scale(1.3);box-shadow:0 0 0 4px #f5a62340,0 0 12px #f5a62399}.met-play-btn{cursor:pointer;color:#11131e;background:#f5a623;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-top:2rem;transition:transform .12s,box-shadow .12s,background .12s;display:flex;box-shadow:0 4px 24px #f5a62373}.met-play-btn .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 600;font-size:2.4rem}.met-play-btn:hover{transform:scale(1.06);box-shadow:0 6px 32px #f5a62399}.met-play-btn:active{transform:scale(.94)}.met-play-btn--playing{color:#fff;background:#ef4444;box-shadow:0 4px 24px #ef444466}.met-play-btn--playing:hover{box-shadow:0 6px 32px #ef44448c}.met-card{background:#1d1f2b;border-radius:14px;flex-direction:column;gap:1rem;padding:1.5rem;transition:border-color .15s;display:flex}.met-card-label{text-transform:uppercase;letter-spacing:.12em;color:#d7c3ae;opacity:.7;margin:0;font-size:.68rem;font-weight:700}.met-cards-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.met-cards-grid .met-card--full{grid-column:1/-1}.met-table-section--right{width:100%}.met-tempo-row{align-items:center;gap:.75rem;display:flex}.met-step-btn{color:#e1e1f2;cursor:pointer;background:#323440;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;transition:background .12s;display:flex}.met-step-btn:hover{color:#f5a623;background:#404250}.met-step-btn:active{transform:scale(.92)}.met-slider{appearance:none;cursor:pointer;accent-color:#f5a623;background:#323440;border-radius:999px;outline:none;flex:1;height:6px}.met-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#f5a623;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #f5a62380}.met-slider::-moz-range-thumb{cursor:pointer;background:#f5a623;border:none;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #f5a62380}.met-bpm-input{color:#e1e1f2;text-align:center;font-variant-numeric:tabular-nums;background:#323440;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:68px;min-height:44px;padding:.4rem .5rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:700}.met-bpm-input:focus{border-color:#f5a62399}.met-tap-btn{color:#d0bcff;letter-spacing:.1em;cursor:pointer;background:#571bc133;border:1.5px solid #d0bcff4d;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:56px;padding:1rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:800;transition:background .12s,border-color .12s;display:flex;position:relative;overflow:hidden}.met-tap-btn .material-symbols-outlined{font-size:1.4rem}.met-tap-btn:hover{background:#571bc159;border-color:#d0bcff8c}.met-tap-btn:active{transform:scale(.97)}.met-tap-ripple{pointer-events:none;background:#fff3;border-radius:50%;animation:.5s linear met-ripple;position:absolute;transform:scale(0)}@keyframes met-ripple{to{opacity:0;transform:scale(4)}}.met-tap-hint{color:#e1e1f266;text-align:center;font-size:.78rem}.met-chips{flex-wrap:wrap;gap:.5rem;display:flex}.met-chip{color:#e1e1f2a6;cursor:pointer;background:#323440;border:1.5px solid #ffffff1a;border-radius:999px;align-items:center;min-height:36px;padding:.45rem .9rem;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;transition:all .12s;display:flex}.met-chip:hover{color:#f5a623;border-color:#f5a62366}.met-chip--active{color:#d0bcff;background:#571bc166;border-color:#d0bcff;font-weight:700}.met-vol-row{align-items:center;gap:.75rem;display:flex}.met-vol-icon{font-size:1.1rem}.met-vol-pct{color:#e1e1f273;min-width:2.5ch;font-size:.78rem}.met-toggle-row{flex-wrap:wrap;gap:.5rem;display:flex}.met-toggle-btn{color:#e1e1f299;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;min-height:40px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;transition:all .12s;display:flex}.met-toggle-btn--on{color:#34d399;background:#10b9811f;border-color:#10b98166}.met-toggle-btn--off{color:#f87171;background:#ef444414;border-color:#ef444459}.met-toggle-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.met-toggle-btn--on .met-toggle-dot{background:#34d399;box-shadow:0 0 5px #34d399}.met-toggle-btn--off .met-toggle-dot{background:#f87171}.met-table-section{border:1px solid #52453466;border-radius:14px;overflow:hidden}.met-table-header{background:#272935;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.met-table-header h3{color:#ffc880;margin:0;font-family:Newsreader,Libre Baskerville,Georgia,serif;font-size:1.1rem;font-style:italic}.met-table{border-collapse:collapse;width:100%;font-size:.875rem}.met-table thead tr{background:#191b26}.met-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:#d7c3ae;opacity:.6;padding:.6rem 1.5rem;font-size:.65rem;font-weight:700}.met-table-row{cursor:pointer;background:#11131e;border-top:1px solid #52453426;transition:background .1s}.met-table-row:hover{background:#1d1f2b}.met-table-row--active{border-left:3px solid #f5a623;background:#ffc88012!important}.met-table-row td{vertical-align:middle;padding:.9rem 1.5rem}.met-table-row--active td:first-child{color:#ffc880;font-weight:700}.met-td-name{color:#ffc880;font-family:Newsreader,Libre Baskerville,Georgia,serif;font-size:1rem;font-style:italic}.met-td-bpm{color:#e1e1f2bf;letter-spacing:.02em;font-family:Inter,monospace;font-size:.8rem}.met-td-desc{color:#d7c3ae99;font-size:.82rem}.met-page-motion{width:100%}@media (max-width:520px){.met-main{gap:1rem;padding:1.25rem .85rem 2.5rem}.met-hero-card{padding:2rem 1rem}.met-cards-grid{grid-template-columns:1fr}.met-cards-grid .met-card--full{grid-column:1}.met-wood-wrapper{width:160px;height:240px}.met-body{width:142px;height:205px}.met-base{width:160px}.met-inner-panel{bottom:10px}.met-play-btn{width:68px;height:68px}.met-play-btn .material-symbols-outlined{font-size:2rem}.met-table thead th:last-child,.met-table-row .met-td-desc{display:none}}.met-seo-intro{max-width:860px;margin:0 auto .5rem}.met-seo-h1{color:#f5a623;letter-spacing:-.01em;margin:0 0 .5rem;font-family:Newsreader,Libre Baskerville,Georgia,serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.met-seo-p{color:#e1e1f299;margin:0;font-size:.9rem;line-height:1.7}.met-seo-p strong{color:#e1e1f2d9}.met-seo-link{color:#f5a623;border-bottom:1px solid #f5a62359;text-decoration:none;transition:border-color .15s,color .15s}.met-seo-link:hover{color:#ffc880;border-color:#ffc880}.met-faq{max-width:1200px;margin:.5rem auto 0}.met-faq-title{color:#ffc880;margin:0 0 1rem;font-family:Newsreader,Libre Baskerville,Georgia,serif;font-size:1.2rem;font-style:italic}.met-faq-list{flex-direction:column;gap:.5rem;display:flex}.met-faq-item{background:#1d1f2b;border:1px solid #ffffff12;border-radius:10px;transition:border-color .15s;overflow:hidden}.met-faq-item[open]{border-color:#f5a62340}.met-faq-q{color:#e1e1f2d9;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.9rem;font-weight:600;list-style:none;display:flex}.met-faq-q::-webkit-details-marker{display:none}.met-faq-q:after{content:"+";color:#f5a623;flex-shrink:0;font-size:1.2rem;font-weight:400;transition:transform .2s}.met-faq-item[open] .met-faq-q:after{transform:rotate(45deg)}.met-faq-q:hover{color:#f0ede4}.met-faq-a{color:#e1e1f28c;border-top:1px solid #ffffff0d;margin:0;padding:.75rem 1.25rem 1rem;font-size:.86rem;line-height:1.7}.met-related{margin-top:1.5rem}.met-related-title{color:#ffc880;margin:0 0 1rem;font-family:Newsreader,Libre Baskerville,Georgia,serif;font-size:1.2rem;font-style:italic}.met-related-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.met-related-card{background:#1d1f2b;border:1px solid #ffffff12;border-radius:12px;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:flex}.met-related-card:hover{background:#f5a6230a;border-color:#f5a62359;transform:translateY(-2px)}.met-related-icon{flex-shrink:0;margin-top:2px;font-size:1.5rem;line-height:1}.met-related-name{color:#e1e1f2e6;margin-bottom:.2rem;font-size:.88rem;font-weight:700}.met-related-desc{color:#e1e1f273;font-size:.78rem;line-height:1.5}