@property --glow{syntax:'<color>';inherits:true;initial-value:#46D3A0;}@property --glow2{syntax:'<color>';inherits:true;initial-value:#F6D77A;}@media all{html.mu-app,html.mu-app body{height:100%;overflow:hidden !important;overscroll-behavior:none;background:#F8F5F1 !important;}html.mu-app .mu.mu-cons .mu-modes{display:none !important;}html.mu-app .sh,html.mu-app .sh-tab,html.mu-app footer,html.mu-app .dp,html.mu-app .crumb{display:none !important;}html.mu-app .mu.mu-cons{--app-font:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,system-ui,sans-serif;--bg:#F8F5F1;--s1:#FFFFFF;--s2:#FFFFFF;--s3:rgba(120,120,128,.12);--ln:rgba(20,24,31,.08);--tx:#14181F;--mu:#6B7280;--acc:#1F7A5C;--acc-d:rgba(31,122,92,.10);--glow:#46D3A0;--glow2:#F6D77A;--gold:#9A6B12;--tabc:#1F7A5C;--spring:cubic-bezier(.34,1.56,.64,1);--out:cubic-bezier(.22,1,.36,1);--hair:rgba(60,60,67,.16);position:fixed;inset:0;z-index:100;box-sizing:border-box;min-height:0 !important;gap:0 !important;padding:env(safe-area-inset-top) 0 0 !important;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);color:var(--tx);font-family:var(--app-font);transition:--glow .9s ease,--glow2 .9s ease,background-color .7s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;}html.mu-app .mu.mu-cons[data-mode="learn"]{--acc:#1F7A5C;--acc-d:rgba(31,122,92,.10);--glow:#46D3A0;--glow2:#F6D77A;}html.mu-app .mu.mu-cons[data-mode="play"]{--acc:#C05A00;--acc-d:rgba(192,90,0,.10);--glow:#FFA94D;--glow2:#FF8FB0;--gold:#9A5A12;}html.mu-app .mu.mu-cons[data-mode="raga"]{--acc:#0E7C86;--acc-d:rgba(14,124,134,.10);--glow:#3CC8D2;--glow2:#9BE8B8;}html.mu-app .mu.mu-cons[data-mode="taal"]{--acc:#4452B8;--acc-d:rgba(68,82,184,.10);--glow:#8C9BFF;--glow2:#7ADBEF;}html.mu-app .mu.mu-cons[data-mode="jam"]{--acc:#C2255C;--acc-d:rgba(194,37,92,.10);--glow:#FF6B9A;--glow2:#FFC16B;}html.mu-app .mu.mu-cons[data-mode="echo"]{--acc:#6B46C1;--acc-d:rgba(107,70,193,.10);--glow:#B39DFF;--glow2:#FF9ACB;}html.mu-app .mu.mu-cons[data-tab="learn"]{--tabc:#1F7A5C;}html.mu-app .mu.mu-cons[data-tab="play"]{--tabc:#C05A00;}html.mu-app .mu.mu-cons[data-tab="jam"]{--tabc:#C2255C;}html.mu-app .mu.mu-cons[data-tab="echo"]{--tabc:#6B46C1;}html.mu-app .mu.mu-cons[data-tab="sleep"]{--tabc:#A99BFF;}html.mu-app .mu.mu-cons[data-mode="sleep"]{--bg:#0A0F24;--s1:rgba(255,255,255,.07);--s2:rgba(255,255,255,.07);--s3:rgba(255,255,255,.12);--ln:rgba(255,255,255,.12);--tx:#EEF0FF;--mu:#A3A9D6;--acc:#B3A8FF;--acc-d:rgba(160,146,255,.18);--glow:#5B4BD6;--glow2:#1E6FD0;--gold:#F2D48A;--hair:rgba(255,255,255,.14);}html.mu-app .mu.mu-cons *{font-family:var(--app-font);}.mu-amb{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;--e:0;}.mu-amb i{position:absolute;width:120vw;height:120vw;border-radius:50%;will-change:transform,opacity;}.mu-amb i:nth-child(1){left:-45vw;top:-48vw;background:radial-gradient(circle,var(--glow) 0%,transparent 64%);opacity:calc(.58 + var(--e) * .4);transform:scale(calc(1 + var(--e) * .3));}.mu-amb i:nth-child(2){right:-60vw;top:18vh;background:radial-gradient(circle,var(--glow2) 0%,transparent 62%);opacity:calc(.46 + var(--e) * .4);transform:scale(calc(1 + var(--e) * .25));}.mu-amb i:nth-child(3){left:-30vw;bottom:-70vw;background:radial-gradient(circle,var(--glow) 0%,transparent 62%);opacity:calc(.32 + var(--e) * .3);}html.mu-app .mu.mu-cons[data-mode="sleep"] .mu-amb i:nth-child(1){opacity:calc(.5 + var(--e) * .4);}html.mu-app .mu.mu-cons[data-mode="sleep"] .mu-amb::after{content:"";position:absolute;inset:0;background:radial-gradient(1.5px 1.5px at 12% 18%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 78% 12%,#fff 50%,transparent 52%),radial-gradient(1.5px 1.5px at 62% 32%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 28% 44%,#fff 50%,transparent 52%),radial-gradient(1.5px 1.5px at 88% 52%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 8% 70%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 50% 8%,#fff 50%,transparent 52%),radial-gradient(1.5px 1.5px at 40% 66%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 92% 86%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 22% 90%,#fff 50%,transparent 52%);opacity:.7;}html.mu-app .mu.mu-cons > *:not(.mu-amb){position:relative;z-index:1;}html.mu-app .mu.mu-cons .mu-hero{flex:none;display:flex;align-items:center;justify-content:space-between;min-height:48px !important;padding:0 14px 0 6px !important;margin:0;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;}html.mu-app .mu.mu-cons .mu-hero-txt{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}html.mu-app .mu.mu-cons .mu-hero-art,html.mu-app .mu.mu-cons .mu-hero::before{display:none !important;}.mu-navtitle{position:absolute;left:50%;top:50%;transform:translate(-50%,-20%);font:600 17px/1 var(--app-font);letter-spacing:-.2px;color:var(--tx);opacity:0;pointer-events:none;transition:opacity .25s var(--out),transform .35s var(--out);}html.mu-app .mu.mu-cons.mu-scrolled .mu-navtitle{opacity:1;transform:translate(-50%,-50%);}html.mu-app .mu.mu-cons.mu-scrolled .mu-bigtitle{opacity:0;transform:translateY(-8px);}html.mu-app .mu.mu-cons .mu-hero{transition:background-color .3s var(--out),box-shadow .3s var(--out);}html.mu-app .mu.mu-cons.mu-scrolled .mu-hero{background:color-mix(in srgb,var(--bg) 72%,transparent) !important;-webkit-backdrop-filter:saturate(1.8) blur(24px);backdrop-filter:saturate(1.8) blur(24px);box-shadow:0 .5px 0 var(--hair) !important;}.mu-back{display:inline-flex;align-items:center;gap:1px;min-height:44px;padding:0 10px 0 2px;border-radius:12px;color:var(--acc);font:500 17px/1 var(--app-font);text-decoration:none;transition:color .5s,opacity .15s;}.mu-back:active{opacity:.45;}html.mu-app .mu-snd{position:static !important;transform:none !important;margin-left:auto;height:36px;background:var(--acc) !important;color:#fff !important;font-weight:600;box-shadow:0 6px 16px -8px var(--acc);}html.mu-app .mu-snd[aria-pressed="true"]{background:var(--s3) !important;color:var(--acc) !important;box-shadow:none;}html.mu-app .mu.mu-cons[data-mode="sleep"] .mu-snd:not([aria-pressed="true"]){background:#6E5BE6 !important;}html.mu-app .mu-snd.nudge{animation:muSndNudge2 .6s ease-in-out 2 !important;}@keyframes muSndNudge2{0%,100%{transform:scale(1) !important;}40%{transform:scale(1.14) !important;}}.mu-apphead{flex:none;padding:0 20px 10px;}.mu-bigtitle{margin:0;font:700 34px/1.2 var(--app-font);letter-spacing:-.4px;color:var(--tx);transition:opacity .25s var(--out),transform .35s var(--out);}.mu-seg3{position:relative;display:grid;grid-template-columns:repeat(3,1fr);height:34px;margin-top:12px;padding:2px;border-radius:11px;background:var(--s3);}html.mu-app .mu.mu-cons:not([data-tab="play"]) .mu-seg3{display:none;}.mu-seg3 i{position:absolute;top:2px;bottom:2px;left:2px;width:calc((100% - 4px) / 3);border-radius:9px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.14),0 3px 8px -2px rgba(0,0,0,.1);transform:translateX(calc(var(--si,0) * 100%));transition:transform .42s cubic-bezier(.3,1.25,.4,1);}.mu-seg3 button{position:relative;z-index:1;border:0;background:transparent;color:var(--mu);font:600 13px/1 var(--app-font);cursor:pointer;touch-action:manipulation;transition:color .25s;}.mu-seg3 button[aria-selected="true"]{color:var(--tx);}html.mu-app .mu.mu-cons > section{background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:6px 20px 16px !important;margin:0 !important;gap:16px !important;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;}html.mu-app .mu.mu-cons > section::-webkit-scrollbar{display:none;}html.mu-app .mu.mu-cons > section{animation-name:muPushR !important;animation-duration:.6s !important;animation-timing-function:cubic-bezier(.2,.8,.2,1) !important;animation-fill-mode:backwards !important;}html.mu-app .mu.mu-cons[data-dir="l"] > section{animation-name:muPushL !important;}@keyframes muPushR{from{opacity:0;transform:translateX(36px) scale(.985);filter:blur(6px);}to{opacity:1;transform:none;filter:none;}}@keyframes muPushL{from{opacity:0;transform:translateX(-36px) scale(.985);filter:blur(6px);}to{opacity:1;transform:none;filter:none;}}@keyframes muAppIn{from{opacity:0;transform:translateY(14px) scale(.985);filter:blur(6px);}to{opacity:1;transform:none;filter:none;}}html.mu-app .mu.mu-cons .mu-sec > h2:not(#sleep > h2){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}html.mu-app .mu.mu-cons .mu-row{gap:10px !important;}html.mu-app .mu-opt:active,html.mu-app .mu-seg3 button:active,.mu-back:active{transform:scale(.95);}html.mu-app .mu-opt{min-height:36px;padding:0 15px;border:0 !important;border-radius:999px;background:var(--s1) !important;color:var(--tx) !important;font:600 13px/1 var(--app-font);box-shadow:0 1px 2px rgba(20,24,31,.06),0 4px 12px -6px rgba(20,24,31,.16);transition:background .25s var(--out),color .25s var(--out),transform .4s var(--spring),box-shadow .3s var(--out);}html.mu-app .mu.mu-cons[data-mode="sleep"] .mu-opt{background:rgba(255,255,255,.09) !important;box-shadow:none;}html.mu-app .mu-opt[aria-checked="true"],html.mu-app .mu-opt.on{background:var(--acc) !important;color:#fff !important;box-shadow:0 6px 16px -6px var(--acc);}html.mu-app .mu.mu-cons[data-mode="sleep"] .mu-opt[aria-checked="true"]{background:#6E5BE6 !important;}html.mu-app .mu.mu-cons .mu-btn{min-height:50px;border:0;border-radius:999px !important;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 78%,#fff),var(--acc)) !important;color:#fff !important;font:600 16px/1 var(--app-font);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 12px 26px -12px var(--acc) !important;transition:transform .35s cubic-bezier(.3,1.6,.5,1);}html.mu-app .mu.mu-cons .mu-btn:active{transform:scale(.96);}html.mu-app .mu.mu-cons[data-mode="sleep"] .mu-btn{background:#6E5BE6 !important;box-shadow:0 10px 28px -10px #6E5BE6 !important;}html.mu-app .mu.mu-cons .mu-btn.ghost,html.mu-app .mu.mu-cons .mu-btn[aria-pressed="false"]{background:var(--s3) !important;color:var(--tx) !important;box-shadow:none !important;}html.mu-app .mu.mu-cons .mu-btn[aria-pressed="true"]{background:var(--acc-d) !important;color:var(--acc) !important;box-shadow:inset 0 0 0 1.5px var(--acc) !important;}html.mu-app .mu.mu-cons .mu-range input{accent-color:var(--acc);}html.mu-app .mu.mu-cons .mu-pick{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;flex:none;margin:0 !important;padding:2px 0 6px;overflow:visible;}html.mu-app .mu.mu-cons .mu-chip{width:auto;min-width:0;min-height:78px;padding:9px 2px 7px;gap:6px;border:0 !important;border-radius:18px;background:rgba(255,255,255,.78) !important;color:var(--tx) !important;font-size:10.5px;font-weight:600;letter-spacing:-.01em;box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(20,24,31,.05),0 8px 18px -10px rgba(20,24,31,.22) !important;transition:transform .4s cubic-bezier(.3,1.6,.5,1),box-shadow .3s,background .3s;}html.mu-app .mu.mu-cons .mu-chip span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}html.mu-app .mu.mu-cons .mu-chip svg{height:30px;max-width:88%;}html.mu-app .mu.mu-cons .mu-chip[aria-pressed="true"]{transform:translateY(-2px) scale(1.04);background:color-mix(in srgb,var(--c) 16%,#fff) !important;box-shadow:inset 0 0 0 2px var(--c),0 14px 26px -12px color-mix(in srgb,var(--c) 85%,transparent) !important;animation:none;}html.mu-app .mu.mu-cons #inst .mu-card.cur{padding:0 !important;gap:12px;background:transparent !important;border:0 !important;}html.mu-app .mu.mu-cons .mu-card h3{margin:0;font:600 12px/1 var(--app-font) !important;letter-spacing:.14em;text-transform:uppercase;color:var(--mu) !important;}html.mu-app .mu.mu-cons .mu-pads{gap:12px;grid-auto-rows:minmax(64px,1fr);}html.mu-app .mu.mu-cons .mu-pad,html.mu-app .mu.mu-cons .mu-pad.note{border:0 !important;border-radius:24px !important;color:var(--tx) !important;font:650 17px/1 var(--app-font) !important;letter-spacing:0;background:linear-gradient(160deg,color-mix(in srgb,var(--ic,var(--acc)) 14%,#fff),color-mix(in srgb,var(--ic,var(--acc)) 38%,#fff)) !important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ic,var(--acc)) 26%,transparent),0 10px 22px -14px color-mix(in srgb,var(--ic,var(--acc)) 90%,transparent) !important;transition:transform .35s cubic-bezier(.3,1.4,.5,1),background .12s,box-shadow .2s;}html.mu-app .mu.mu-cons .mu-pad.on,html.mu-app .mu.mu-cons .mu-pad:active{background:var(--ic,var(--acc)) !important;color:var(--tx) !important;transform:scale(.955);box-shadow:0 0 0 6px color-mix(in srgb,var(--ic,var(--acc)) 20%,transparent),0 14px 34px -8px color-mix(in srgb,var(--ic,var(--acc)) 95%,transparent) !important;animation:none;}html.mu-app .mu.mu-cons .mu-pad,html.mu-app .mu.mu-cons .mu-key,html.mu-app .mu.mu-cons .mu-epad{position:relative;}html.mu-app .mu.mu-cons .mu-pad::after,html.mu-app .mu.mu-cons .mu-key::after{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle,color-mix(in srgb,var(--ic,var(--acc)) 70%,transparent) 0%,transparent 70%);}html.mu-app .mu.mu-cons .mu-pad.on::after,html.mu-app .mu.mu-cons .mu-key.on::after{animation:muBloom .65s ease-out;}@keyframes muBloom{from{opacity:.8;transform:scale(.7);}to{opacity:0;transform:scale(1.55);}}html.mu-app .mu.mu-cons .mu-ragas{gap:10px;}html.mu-app .mu.mu-cons .mu-raga{min-height:62px;border:0 !important;border-radius:18px;background:var(--s1) !important;box-shadow:inset 0 0 0 .5px var(--hair),0 1px 2px rgba(20,24,31,.04),0 10px 24px -14px rgba(20,24,31,.22);transition:transform .3s cubic-bezier(.3,1.3,.5,1),background .25s,box-shadow .25s;}html.mu-app .mu.mu-cons .mu-raga{flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px !important;text-align:center;min-width:0;}html.mu-app .mu.mu-cons .mu-raga b{font:600 13.5px/1.15 var(--app-font);letter-spacing:-.01em;color:var(--tx);max-width:100%;overflow-wrap:anywhere;}html.mu-app .mu.mu-cons .mu-raga[aria-checked="true"]{background:var(--acc) !important;box-shadow:0 10px 24px -10px var(--acc) !important;transform:translateY(-2px);}html.mu-app .mu.mu-cons .mu-raga[aria-checked="true"] b,html.mu-app .mu.mu-cons .mu-raga[aria-checked="true"] .mu-ico{color:#fff !important;}html.mu-app .mu.mu-cons .mu-rinfo p{font-size:13.5px;line-height:1.5;color:var(--mu) !important;}html.mu-app .mu.mu-cons .mu-notes-line{color:var(--acc) !important;font-weight:600;}html.mu-app .mu.mu-cons .mu-key{border:0 !important;border-radius:22px;font:650 18px/1 var(--app-font);color:var(--tx) !important;background:linear-gradient(160deg,#fff,color-mix(in srgb,var(--acc) 12%,#fff)) !important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 20%,transparent),0 10px 22px -14px var(--acc) !important;transition:transform .35s cubic-bezier(.3,1.4,.5,1),background .12s,box-shadow .2s;}html.mu-app .mu.mu-cons .mu-key.on,html.mu-app .mu.mu-cons .mu-key:active{background:var(--acc) !important;color:#fff !important;transform:scale(.955);box-shadow:0 0 0 6px var(--acc-d),0 14px 30px -8px var(--acc) !important;animation:none;}html.mu-app .mu.mu-cons .mu-taal{gap:10px;}html.mu-app .mu.mu-cons .mu-beat{border:0 !important;border-radius:20px;background:var(--s1) !important;box-shadow:inset 0 0 0 .5px var(--hair),0 1px 2px rgba(20,24,31,.04),0 10px 22px -14px rgba(20,24,31,.22);transition:background .15s,transform .25s cubic-bezier(.3,1.4,.5,1),box-shadow .2s;}html.mu-app .mu.mu-cons .mu-beat.on{background:var(--acc) !important;transform:scale(1.05);box-shadow:0 0 0 5px var(--acc-d),0 12px 26px -8px var(--acc);animation:none;}html.mu-app .mu.mu-cons .mu-beat.vib{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--gold) 55%,transparent),0 8px 18px -12px rgba(20,24,31,.2);}html.mu-app .mu.mu-cons .mu-echo-pads{gap:18px;}html.mu-app .mu.mu-cons .mu-epad{aspect-ratio:1;height:auto;border:0 !important;border-radius:50% !important;max-width:108px;color:var(--tx) !important;font:650 18px/1 var(--app-font);background:radial-gradient(circle at 32% 26%,color-mix(in srgb,var(--c) 10%,#fff),color-mix(in srgb,var(--c) 34%,#fff)) !important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent),0 14px 26px -14px var(--c) !important;transition:transform .35s cubic-bezier(.3,1.4,.5,1),background .15s,box-shadow .25s;}html.mu-app .mu.mu-cons .mu-epad.on{background:var(--c) !important;color:#fff !important;transform:scale(1.1);box-shadow:0 0 0 8px color-mix(in srgb,var(--c) 22%,transparent),0 16px 40px -6px var(--c) !important;animation:none;}html.mu-app .mu.mu-cons .mu-emsg{font-size:15px;color:var(--tx);}html.mu-app .mu.mu-cons .mu-score,html.mu-app .mu.mu-cons .mu-left{color:var(--acc) !important;font-weight:600;}html.mu-app .mu-jstrip{border:0 !important;border-radius:28px !important;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--acc) 7%,#fff)) !important;box-shadow:0 1px 2px rgba(20,24,31,.05),0 16px 34px -20px var(--acc);}html.mu-app .mu-jtick.on i{background:var(--acc);box-shadow:0 0 16px color-mix(in srgb,var(--acc) 55%,transparent);}html.mu-app .mu-jtick.on b{color:var(--acc);}html.mu-app .mu-jdot{background:radial-gradient(circle,color-mix(in srgb,var(--acc) 60%,transparent) 0%,color-mix(in srgb,var(--acc) 20%,transparent) 55%,transparent 72%);}html.mu-app .mu-jlive{color:var(--acc);font:650 21px/1 var(--app-font);letter-spacing:-.01em;justify-items:start;padding-right:96px;}html.mu-app .mu-jscroll{flex-wrap:wrap !important;overflow:visible !important;justify-content:center !important;margin:0 !important;padding:2px 0 !important;gap:6px !important;}html.mu-app .mu-jscroll .mu-opt{min-height:32px;padding:0 12px;font-size:12.5px;}html.mu-app .mu-jam .mu-round{width:36px;min-height:36px !important;border-radius:50% !important;background:var(--s3) !important;color:var(--tx) !important;box-shadow:none !important;}html.mu-app .mu-jvoice{border:0;background:var(--s3);color:var(--tx);font-family:var(--app-font);}html.mu-app .mu-jtempo{border:0;background:var(--s1);box-shadow:0 1px 2px rgba(20,24,31,.06),0 4px 12px -6px rgba(20,24,31,.16);}html.mu-app .mu.mu-cons .mu-jam .mu-btn.ghost{background:var(--s1) !important;box-shadow:0 1px 2px rgba(20,24,31,.06),0 4px 12px -6px rgba(20,24,31,.16) !important;border-radius:18px !important;}html.mu-app .mu.mu-cons .mu-jam .mu-btn.ghost.mu-jt[aria-pressed="true"]{background:var(--acc) !important;color:#fff !important;box-shadow:0 8px 18px -8px var(--acc) !important;}html.mu-app .mu-lt{border:0;border-radius:24px;background:var(--s1);box-shadow:0 1px 2px rgba(20,24,31,.05),0 10px 22px -14px rgba(20,24,31,.22);font-family:var(--app-font);}html.mu-app .mu-lt.next{background:var(--s1);box-shadow:inset 0 0 0 2px var(--acc),0 12px 26px -12px var(--acc);}html.mu-app .mu-li{border-radius:16px;}html.mu-app .mu-lsay{font:600 21px/1.3 var(--app-font);letter-spacing:-.01em;}html.mu-app .mu-lhead h3{font:650 19px/1.2 var(--app-font);}html.mu-app .mu-lback{border:0;background:var(--s3);}html.mu-app .mu-note{border:0;border-radius:18px;background:var(--s1);box-shadow:0 1px 2px rgba(20,24,31,.06),0 8px 18px -10px rgba(20,24,31,.2);}html.mu-app .mu-note.on{background:var(--acc);color:#fff;box-shadow:0 10px 22px -8px var(--acc);}html.mu-app .mu-sa{border:0;background:var(--s1);box-shadow:0 10px 26px -14px var(--acc);font-family:var(--app-font);font-weight:650;color:var(--acc);}html.mu-app .mu-cmpb{border:0;background:var(--s1);box-shadow:0 1px 2px rgba(20,24,31,.06),0 6px 14px -8px rgba(20,24,31,.2);}html.mu-app .mu-cmpb.on{background:var(--acc);color:#fff;}html.mu-app .mu-cmpb.on i{color:#fff;}html.mu-app .mu-ldots i.done{background:var(--acc);}html.mu-app .mu-live{font-family:var(--app-font);color:var(--acc);}html.mu-app .mu.mu-cons #sleep{justify-content:center;align-items:center;text-align:center;}html.mu-app .mu.mu-cons #sleep .mu-moon{width:76px;height:76px;opacity:1;background:#F6E7B8 !important;filter:drop-shadow(0 0 22px rgba(255,232,160,.5));margin:0 auto 4px;}html.mu-app .mu.mu-cons #sleep .mu-moon{-webkit-mask:radial-gradient(ellipse 50% 50% at 72% 30%,transparent 98%,#000 100%);mask:radial-gradient(ellipse 50% 50% at 72% 30%,transparent 98%,#000 100%);}html.mu-app .mu.mu-cons #sleep.on .mu-moon{animation:muMoon2 7s ease-in-out infinite;}@keyframes muMoon2{0%,100%{transform:scale(1);filter:drop-shadow(0 0 20px rgba(255,232,160,.45));}50%{transform:scale(1.08);filter:drop-shadow(0 0 34px rgba(255,232,160,.8));}}html.mu-app .mu.mu-cons #sleep > h2{font:650 24px/1.2 var(--app-font);letter-spacing:-.015em;color:var(--tx) !important;}html.mu-app .mu.mu-cons #sleep > .mu-lead{color:var(--mu) !important;font-size:14px;max-width:28ch !important;}html.mu-app .mu.mu-cons #sleep .mu-sel > span{color:var(--mu) !important;letter-spacing:.16em;}.mu-tabbar{position:relative;flex:none;z-index:5;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:rgba(250,248,245,.62);-webkit-backdrop-filter:saturate(2) blur(28px);backdrop-filter:saturate(2) blur(28px);border-top:.5px solid var(--hair);transition:background-color .6s,border-color .6s;}html.mu-app .mu.mu-cons[data-mode="sleep"] .mu-tabbar{background:rgba(12,17,42,.66);border-top-color:rgba(255,255,255,.12);}.mu-tabind{position:absolute;left:6px;top:6px;bottom:calc(6px + env(safe-area-inset-bottom));width:calc((100% - 12px) / 5);border-radius:16px;background:color-mix(in srgb,var(--tabc) 13%,transparent);transform:translateX(calc(var(--ti,0) * 100%));transition:transform .55s cubic-bezier(.3,1.25,.4,1),background-color .5s;pointer-events:none;}.mu-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border:0;background:transparent;color:#7C828C;font:500 10px/1 var(--app-font);letter-spacing:.1px;cursor:pointer;touch-action:manipulation;transition:color .35s;}html.mu-app .mu.mu-cons[data-mode="sleep"] .mu-tab{color:#7E86B8;}.mu-tab svg{width:25px;height:25px;transition:transform .35s cubic-bezier(.3,1.5,.5,1);}.mu-tab[aria-selected="true"]{color:var(--tabc);}html.mu-app .mu-tab[aria-selected="true"] svg{fill:color-mix(in srgb,currentColor 24%,transparent);}.mu-tab[aria-selected="true"] svg{animation:muTabPop .5s cubic-bezier(.3,1.5,.5,1);}.mu-tab:active svg{transform:scale(.86);}@keyframes muTabPop{0%{transform:scale(.78) translateY(3px);}55%{transform:scale(1.18) translateY(-1px);}100%{transform:none;}}html.mu-app .mu.mu-cons.mu-enter :is(.mu-pad,.mu-chip,.mu-raga,.mu-key,.mu-beat,.mu-epad,.mu-lt,.mu-note):not(.on){animation:muTileIn .6s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0) * 26ms + 70ms);}@keyframes muTileIn{from{opacity:0;transform:translateY(18px) scale(.94);}to{opacity:1;transform:none;}}html.mu-app .mu.mu-cons.mu-swap .mu-bigtitle{animation:muTitleIn .6s cubic-bezier(.2,.8,.2,1) backwards;}@keyframes muTitleIn{from{opacity:0;transform:translateY(12px);filter:blur(6px);}to{opacity:1;transform:none;filter:none;}}html.mu-app .mu.mu-cons.mu-boot{animation:muOpen .8s cubic-bezier(.2,.8,.2,1) backwards;}@keyframes muOpen{from{opacity:0;transform:scale(1.05);filter:blur(10px);}to{opacity:1;transform:none;filter:none;}}html.mu-app .mu.mu-cons.mu-boot .mu-amb{animation:muFade 1.4s ease-out backwards;}html.mu-app .mu.mu-cons.mu-boot .mu-tabbar{animation:muRise .9s cubic-bezier(.2,.8,.2,1) .15s backwards;}html.mu-app .mu.mu-cons.mu-boot .mu-hero{animation:muFade .8s ease-out .1s backwards;}@keyframes muFade{from{opacity:0;}to{opacity:1;}}@keyframes muRise{from{transform:translateY(100%);opacity:0;}to{transform:none;opacity:1;}}.mu-amb i:nth-child(1){animation:muDrift1 26s ease-in-out infinite alternate;}.mu-amb i:nth-child(2){animation:muDrift2 32s ease-in-out infinite alternate;}.mu-amb i:nth-child(3){animation:muDrift1 38s ease-in-out infinite alternate-reverse;}@keyframes muDrift1{from{translate:0 0;}to{translate:14vw 10vw;}}@keyframes muDrift2{from{translate:0 0;}to{translate:-16vw -8vw;}}@media (max-height:740px){.mu-bigtitle{font-size:30px;}.mu-apphead{padding-bottom:6px;}.mu-seg3{margin-top:8px;height:32px;}html.mu-app .mu.mu-cons > section{padding-top:4px !important;gap:12px !important;}html.mu-app .mu.mu-cons .mu-chip{min-height:70px;}html.mu-app .mu.mu-cons .mu-chip svg{height:30px;}html.mu-app .mu.mu-cons .mu-pads{gap:10px;grid-auto-rows:minmax(52px,1fr);}.mu-tab{min-height:46px;}.mu-tab svg{width:23px;height:23px;}html.mu-app .mu.mu-cons #sleep .mu-moon{width:56px;height:56px;}}@media (max-height:600px){html.mu-app .mu-jstrip{min-height:70px !important;}html.mu-app .mu.mu-cons #sleep .mu-moon{display:none;}html.mu-app .mu.mu-cons > section{gap:8px !important;}.mu-tab{min-height:42px;}.mu-tab svg{width:21px;height:21px;}html.mu-app .mu.mu-cons .mu-hero{min-height:40px !important;}.mu-back{min-height:40px;}}@media (max-height:640px){.mu-bigtitle{font-size:26px;}html.mu-app .mu.mu-cons #sleep > .mu-lead{display:none !important;}}}@media (prefers-reduced-motion:reduce){html.mu-app .mu.mu-cons *,html.mu-app .mu.mu-cons *::before,html.mu-app .mu.mu-cons *::after{animation:none !important;transition:none !important;}}
 html.mu-app .mu-tab .kk-ill{width:28px;height:28px;opacity:.72;filter:saturate(.8);transition:opacity .3s,filter .3s,transform .35s cubic-bezier(.3,1.5,.5,1);}html.mu-app .mu-tab[aria-selected="true"] .kk-ill{opacity:1;filter:none;fill:none;}html.mu-app .mu.mu-cons .mu-snd{background:#fff!important;color:#16202C!important;box-shadow:0 1px 0 rgba(22,32,44,.06),0 6px 18px -8px rgba(22,32,44,.3);}html.mu-app .mu-snd .kk-ill{width:22px;height:22px;} html.mu-app .mu.mu-cons[data-mode="sleep"] .mu-snd{background:#fff !important;color:#16202C !important;}html.mu-app .mu.mu-cons[data-mode="sleep"] .mu-tabbar{--kk-ink:#EDE9FF;}html.mu-app .mu.mu-cons[data-mode="sleep"] .mu-tab[aria-selected="true"] .kk-ill{filter:drop-shadow(0 0 6px rgba(246,209,74,.5));} html.mu-app .mu.mu-cons:not([data-mode="sleep"]){--glow2:var(--glow);}html.mu-app .mu.mu-cons:not([data-mode="sleep"]) .mu-amb i:nth-child(1){opacity:calc(.2 + var(--e) * .12);}html.mu-app .mu.mu-cons:not([data-mode="sleep"]) .mu-amb i:nth-child(2){opacity:0;}html.mu-app .mu.mu-cons:not([data-mode="sleep"]) .mu-amb i:nth-child(3){opacity:0;} html.mu-app .mu.mu-cons[data-mode="learn"] .mu-lpath:not([hidden]){flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;gap:16px;}html.mu-app .mu-lt .mu-ln{overflow-wrap:normal;word-break:normal;font-size:11.5px;letter-spacing:-.2px;}html.mu-app .mu.mu-cons[data-mode="learn"] .mu-lpath:not([hidden])>.mu-lgrid{margin-block:auto;padding-bottom:4vh}
 html.mu-app .mu.mu-cons[data-mode]:not([data-mode="sleep"]){--acc:#145C63;--acc-d:rgba(20,92,99,.10);--glow:#2F8A86;--glow2:#2F8A86;--gold:#C98B2E;--bg:#F8F4EC;}html.mu-app .mu.mu-cons[data-tab]:not([data-tab="sleep"]){--tabc:#145C63;}html.mu-app,html.mu-app body{background:#F8F4EC !important;}html.mu-app .mu.mu-cons[data-mode="sleep"]{--bg:#08161B;--acc:#7CC4C0;--acc-d:rgba(47,138,134,.22);--glow:#145C63;--glow2:#0E3F45;--gold:#F2B657;}html.mu-app .mu.mu-cons[data-tab="sleep"]{--tabc:#7CC4C0;}html.mu-app .mu.mu-cons[data-mode="sleep"] .mu-btn{background:#1F7A80 !important;box-shadow:0 10px 28px -10px #1F7A80 !important;}html.mu-app .mu.mu-cons[data-mode="sleep"] .mu-opt[aria-checked="true"]{background:#1F7A80 !important;}html.mu-app .mu.mu-cons .mu-tabind{background:color-mix(in srgb,#145C63 12%,transparent);}html.mu-app .mu.mu-cons[data-mode="sleep"] .mu-tabind{background:rgba(124,196,192,.16);}html.mu-app .mu.mu-cons .mu-jlive small,html.mu-app .mu.mu-cons .mu-score{color:#C98B2E;}
 html.mu-app .mu.mu-cons[data-mode="sleep"] .mu-snd:not([aria-pressed="true"]){background:#fff !important;color:#16202C !important;}html.mu-app .mu.mu-cons[data-mode="sleep"]{--mu:#9DBDBE;--tx:#EAF4F3;}html.mu-app .mu-jbeats i.tali{background:#E6C58A;}html.mu-app .mu-jbeats i.khali{background:#A8CFCB;}html.mu-app .mu-jbeats i.on{background:#145C63;}
 html.mu-app .mu.mu-cons .mu-card{--ic:#145C63 !important;}html.mu-app .mu.mu-cons .mu-chip,html.mu-app .mu.mu-cons .mu-epad{--c:#145C63 !important;}html.mu-app .mu.mu-cons .mu-pad.on,html.mu-app .mu.mu-cons .mu-pad:active,html.mu-app .mu.mu-cons .mu-epad.on{color:#fff !important;}
 html.mu-app:not(.mu-sleep),html.mu-app:not(.mu-sleep) body{background:#fff !important;}html.mu-app .mu.mu-cons[data-mode]:not([data-mode="sleep"]){--bg:#fff;--s1:#fff;--s2:#fff;--s3:rgba(120,120,128,.12);--tx:#14181F;--mu:#6B7280;--hair:rgba(60,60,67,.16);}html.mu-app .mu.mu-cons[data-mode]:not([data-mode="sleep"]) .mu-amb{display:none !important;}html.mu-app .mu.mu-cons[data-mode]:not([data-mode="sleep"]) .mu-tabbar{background:rgba(255,255,255,.92);}html.mu-app .mu.mu-cons[data-mode]:not([data-mode="sleep"]) .mu-tabind{background:rgba(20,92,99,.10);}html.mu-app .mu.mu-cons[data-mode]:not([data-mode="sleep"]) .mu-snd{border:1px solid rgba(22,32,44,.10);}html.mu-app .mu.mu-cons[data-mode]:not([data-mode="sleep"]) :is(.mu-lt,.mu-opt:not([aria-checked="true"]):not(.on),.mu-chip:not([aria-pressed="true"]),.mu-raga:not([aria-checked="true"]),.mu-beat:not(.on),.mu-jtempo,.mu-jam .mu-btn.ghost:not([aria-pressed="true"])){outline:1px solid rgba(20,24,31,.09);outline-offset:-1px;}
/* ---- desktop: the same console as a rounded window floating on a soft backdrop ---- */
@media (min-width:761px){
html.mu-app:not(.mu-sleep),html.mu-app:not(.mu-sleep) body{background:radial-gradient(900px 560px at 12% 8%,#D9ECE8,transparent 70%),radial-gradient(820px 520px at 92% 92%,#F7E8D3,transparent 70%),#EDF2F0 !important;}
html.mu-app.mu-sleep,html.mu-app.mu-sleep body{background:radial-gradient(900px 560px at 12% 8%,#0E3F45,transparent 70%),#050E12 !important;}
html.mu-app .mu.mu-cons{inset:20px auto 20px 50%;width:min(1120px,calc(100vw - 40px));margin-left:calc(min(1120px,calc(100vw - 40px)) / -2);border-radius:30px;box-shadow:0 36px 100px -24px rgba(20,50,56,.38),0 0 0 1px rgba(20,24,31,.07);}
html.mu-app .mu.mu-cons > section{width:min(940px,100%);margin-inline:auto !important;box-sizing:border-box;}
html.mu-app .mu.mu-cons .mu-apphead{width:min(940px,100%);margin-inline:auto;box-sizing:border-box;}
html.mu-app .mu.mu-cons .mu-hero{padding:6px 20px 0 12px !important;}
html.mu-app .mu.mu-cons .mu-bigtitle{font-size:38px;}
html.mu-app .mu.mu-cons .mu-pads{max-width:780px;margin-inline:auto;width:100%;}
html.mu-app .mu.mu-cons .mu-tabbar{align-self:center;width:min(580px,calc(100% - 40px));margin:auto 0 16px;border-radius:26px;border:1px solid var(--hair);box-shadow:0 14px 34px -18px rgba(20,40,50,.4);}
html.mu-app .mu.mu-cons .mu-tabind{border-radius:20px;}
html.mu-app .mu.mu-cons{inset:16px auto 16px 50%;width:min(1320px,calc(100vw - 32px));margin-left:calc(min(1320px,calc(100vw - 32px)) / -2);}
html.mu-app .mu.mu-cons > section,html.mu-app .mu.mu-cons .mu-apphead{width:min(1120px,calc(100% - 64px));}
html.mu-app .mu.mu-cons .mu-pads{max-width:1000px;gap:16px;}
html.mu-app .mu.mu-cons .mu-echo-pads{justify-content:center;gap:22px;margin-block:28px 24px;}
html.mu-app .mu.mu-cons .mu-echo-pads .mu-epad{width:128px;height:128px;}
html.mu-app .mu.mu-cons .mu-row{justify-content:center;align-items:center;gap:18px;}
html.mu-app .mu.mu-cons .mu-echo .mu-emsg{text-align:center;}
html.mu-app .mu.mu-cons .mu-lead{max-width:640px;}
html.mu-app .mu.mu-cons .mu-tabbar{position:sticky;bottom:20px;margin:auto 0 20px;flex:none;z-index:5;width:min(620px,calc(100% - 48px));}
}
@media (min-width:1000px){
html.mu-app .mu.mu-cons{inset:16px auto 16px 50%!important;width:min(1360px,calc(100vw - 32px))!important;margin-left:calc(min(1360px,calc(100vw - 32px))/-2)!important;padding-left:240px!important;box-sizing:border-box}
html.mu-app .mu.mu-cons>section,html.mu-app .mu.mu-cons .mu-apphead{width:min(1040px,calc(100% - 72px))!important}
html.mu-app .mu.mu-cons>.mu-tabbar{position:absolute!important;left:0;top:0;bottom:0;width:240px!important;display:flex!important;flex-direction:column!important;margin:0!important;border-radius:30px 0 0 30px!important;border:0!important;border-right:1px solid var(--hair)!important;box-shadow:none!important;background:rgba(246,248,247,.95)!important;padding:92px 14px 20px!important;gap:6px;justify-content:flex-start;align-self:auto;z-index:5}
html.mu-app .mu.mu-cons .mu-tabbar .mu-tabind{display:none!important}
html.mu-app .mu.mu-cons .mu-tabbar .mu-tab{flex:none!important;display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start!important;gap:14px;width:100%;height:52px;padding:0 16px!important;border-radius:14px;font-size:15px!important;font-weight:600}
html.mu-app .mu.mu-cons .mu-tabbar .mu-tab[aria-selected="true"]{background:rgba(20,92,99,.10)}
html.mu-app .mu.mu-cons>.mu-tabbar::before{content:"Music Room";position:absolute;left:30px;top:34px;font:800 20px/1 Inter,system-ui,sans-serif;color:#145C63;letter-spacing:-.3px}
html.mu-app .mu.mu-cons[data-mode="sleep"]>.mu-tabbar{background:rgba(5,16,20,.7)!important;border-right-color:rgba(255,255,255,.08)!important}
html.mu-app .mu.mu-cons[data-mode="sleep"]>.mu-tabbar::before{color:#9fd3cf}
html.mu-app .mu.mu-cons .mu-bigtitle{font-size:34px;margin-top:6px}
html.mu-app .mu.mu-cons .mu-apphead{padding-top:8px}
html.mu-app .mu.mu-cons[data-mode="play"]>#instruments{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-areas:"h h" "l l" "p g";column-gap:32px;align-items:start}
html.mu-app #instruments>h2{grid-area:h}html.mu-app #instruments>.mu-lead{grid-area:l;max-width:none}
html.mu-app #instruments>.mu-pick{grid-area:p;display:grid!important;grid-template-columns:1fr 1fr;gap:10px;overflow:visible}
html.mu-app #instruments>.mu-pick .mu-chip{min-height:78px;width:auto}
html.mu-app #instruments>.mu-grid{grid-area:g;min-width:0}
html.mu-app .mu.mu-cons[data-mode="raga"]>#raga{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-areas:"h h" "l l" "r i" "r w" "r k";column-gap:32px;align-items:start;grid-template-rows:auto auto auto auto 1fr}
html.mu-app #raga>h2{grid-area:h}html.mu-app #raga>.mu-lead{grid-area:l;max-width:none}
html.mu-app #raga>.mu-ragas{grid-area:r;display:flex!important;flex-direction:column;gap:10px;overflow:visible}
html.mu-app #raga>.mu-ragas .mu-raga{width:100%;min-height:64px;flex:none;justify-content:flex-start;text-align:left}
html.mu-app #raga>.mu-ragas .mu-raga b{white-space:nowrap;word-break:normal;overflow-wrap:normal}
html.mu-app #raga>.mu-rinfo{grid-area:i;max-width:none}
html.mu-app #raga>.mu-row{grid-area:w;margin-block:6px 14px}
html.mu-app #raga>.mu-keys{grid-area:k;gap:14px}
html.mu-app #raga .mu-key{min-height:130px}
html.mu-app #taal>.mu-seg{justify-content:center;margin-inline:auto}
html.mu-app #taal .mu-beat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:88px}
html.mu-app #taal>.mu-row{justify-content:center;margin-top:18px}
html.mu-app #jam>*{max-width:none!important}
html.mu-app #jam .mu-jstrip{min-height:230px!important}
html.mu-app #learn .mu-lt{min-height:112px}
html.mu-app .mu.mu-cons .mu-grid{max-width:none!important;width:100%!important;grid-template-columns:minmax(0,1fr)!important}
html.mu-app .mu.mu-cons .mu-grid .mu-card.cur{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;grid-template-rows:auto auto 1fr;gap:10px 28px;align-items:start;max-width:none!important;width:100%!important}
html.mu-app .mu.mu-cons .mu-card.cur .mu-card-top{grid-column:1;grid-row:1;min-height:150px}
html.mu-app .mu.mu-cons .mu-card.cur>h3{grid-column:1;grid-row:2;margin:0}
html.mu-app .mu.mu-cons .mu-card.cur>p{grid-column:1;grid-row:3;margin:0}
html.mu-app .mu.mu-cons .mu-card.cur .mu-pads{grid-column:2;grid-row:1/4;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(170px,1fr);gap:16px;width:100%;max-width:none;margin:0;align-self:stretch}
html.mu-app .mu.mu-cons .mu-card.cur .mu-pad{width:auto;min-width:0;height:auto;min-height:150px;font-size:20px}
}
@media (min-width:1000px){
html.mu-app .mu.mu-cons{inset:0!important;width:auto!important;margin:0!important;border-radius:0!important;box-shadow:none!important;padding-left:264px!important}
html.mu-app .mu.mu-cons>.mu-tabbar{width:264px!important;border-radius:0!important;padding:100px 16px 24px!important}
html.mu-app .mu.mu-cons>.mu-tabbar::before{left:34px;top:38px;font-size:22px}
html.mu-app .mu.mu-cons>.mu-tabbar .mu-tab{height:60px;font-size:16px!important;gap:16px}
html.mu-app .mu.mu-cons>.mu-tabbar .mu-tab svg{width:32px;height:32px}
html.mu-app .mu.mu-cons>section,html.mu-app .mu.mu-cons .mu-apphead{width:min(1480px,calc(100% - 96px))!important}
html.mu-app .mu.mu-cons>section.mu-sec{min-height:calc(100vh - 220px)}
html.mu-app .mu.mu-cons .mu-bigtitle{font-size:42px}
html.mu-app .mu.mu-cons .mu-lead{font-size:16px;line-height:1.55;max-width:820px;margin-block:8px 22px}
html.mu-app .mu.mu-cons[data-mode="play"]>#instruments{grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto auto 1fr}
html.mu-app #instruments>.mu-pick{align-self:stretch;grid-auto-rows:minmax(92px,1fr)}
html.mu-app #instruments>.mu-pick .mu-chip{font-size:15px;min-height:92px}
html.mu-app #instruments>.mu-grid{align-self:stretch;display:grid}
html.mu-app .mu.mu-cons .mu-grid .mu-card.cur{grid-template-columns:200px minmax(0,1fr)!important;grid-template-rows:auto auto 1fr;height:100%;padding:22px;gap:6px 24px}
html.mu-app .mu.mu-cons .mu-card.cur .mu-card-top{grid-column:1;grid-row:1/3;min-height:130px}
html.mu-app .mu.mu-cons .mu-card.cur>h3{grid-column:2;grid-row:1;align-self:end}
html.mu-app .mu.mu-cons .mu-card.cur>p{grid-column:2;grid-row:2;align-self:start}
html.mu-app .mu.mu-cons .mu-card.cur .mu-pads{grid-column:1/-1;grid-row:3;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-auto-rows:minmax(170px,1fr);gap:18px;margin-top:14px}
html.mu-app .mu.mu-cons .mu-card.cur .mu-pad{font-size:26px}
html.mu-app .mu.mu-cons[data-mode="raga"]>#raga{grid-template-columns:320px minmax(0,1fr)}
html.mu-app #raga>.mu-ragas .mu-raga{min-height:80px;font-size:17px}
html.mu-app #raga .mu-key{min-height:190px;font-size:24px}
html.mu-app #raga>.mu-rinfo{font-size:16px}
html.mu-app #taal .mu-beat{min-height:92px}
html.mu-app #taal .mu-taal{gap:12px}
html.mu-app #jam .mu-jstrip{min-height:340px!important}
html.mu-app #learn .mu-lt{min-height:150px}
html.mu-app #learn .mu-lt .kk-ill{width:48px;height:48px}
html.mu-app #learn .mu-ln{font-size:16px!important}
html.mu-app .mu.mu-cons .mu-echo-pads .mu-epad{width:150px;height:150px;font-size:24px}
}
@media (min-width:1500px){
html.mu-app .mu.mu-cons .mu-grid .mu-card.cur{grid-template-columns:300px minmax(0,1fr)!important}
html.mu-app .mu.mu-cons .mu-card.cur .mu-card-top{grid-row:1;min-height:240px}
html.mu-app .mu.mu-cons .mu-card.cur>h3{grid-column:1;grid-row:2}
html.mu-app .mu.mu-cons .mu-card.cur>p{grid-column:1;grid-row:3}
html.mu-app .mu.mu-cons .mu-card.cur .mu-pads{grid-column:2;grid-row:1/4;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(200px,1fr);margin-top:0}
}
@media (min-width:1000px){
html.mu-app .mu.mu-cons{max-width:none!important}
html.mu-app .mu.mu-cons[data-mode="play"]>#instruments{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"h" "l" "p" "g"!important;grid-template-rows:auto auto auto 1fr!important;row-gap:14px;height:calc(100vh - 190px)}
html.mu-app #instruments>.mu-lead{margin-block:0 6px}
html.mu-app #instruments>.mu-pick{display:flex!important;flex-wrap:nowrap;gap:10px;overflow-x:auto;align-self:start;grid-auto-rows:auto}
html.mu-app #instruments>.mu-pick .mu-chip{flex:1 0 92px;min-height:76px;width:auto;font-size:14px}
html.mu-app .mu.mu-cons .mu-grid .mu-card.cur{grid-template-columns:260px minmax(0,1fr)!important;grid-template-rows:auto auto 1fr;gap:10px 28px;height:100%;min-height:0}
html.mu-app .mu.mu-cons .mu-card.cur .mu-card-top{grid-column:1;grid-row:1;min-height:200px}
html.mu-app .mu.mu-cons .mu-card.cur>h3{grid-column:1;grid-row:2;align-self:start}
html.mu-app .mu.mu-cons .mu-card.cur>p{grid-column:1;grid-row:3;align-self:start}
html.mu-app .mu.mu-cons .mu-card.cur .mu-pads{grid-column:2;grid-row:1/4;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;grid-auto-rows:minmax(130px,1fr)!important;margin-top:0;gap:16px;height:100%}
html.mu-app .mu.mu-cons[data-mode="raga"]>#raga{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"h" "l" "r" "i" "w" "k"!important;grid-template-rows:auto auto auto auto auto 1fr!important;row-gap:12px;height:calc(100vh - 190px)}
html.mu-app #raga>.mu-lead{margin:0}
html.mu-app #raga>.mu-ragas{flex-direction:row!important;flex-wrap:wrap;gap:10px}
html.mu-app #raga>.mu-ragas .mu-raga{width:auto;flex:1 1 200px;min-height:60px;font-size:15px}
html.mu-app #raga>.mu-row{margin:0}
html.mu-app #raga>.mu-keys{grid-template-columns:repeat(6,minmax(0,1fr))!important;display:grid!important;gap:14px;height:100%}
html.mu-app #raga .mu-key{height:100%;min-height:150px;width:auto}
html.mu-app .mu.mu-cons[data-mode="echo"]>#echo{display:grid;grid-template-rows:auto auto 1fr auto auto;height:calc(100vh - 190px);row-gap:14px}
html.mu-app #echo .mu-lead{margin:0}
html.mu-app #echo .mu-echo-pads{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:0;max-height:460px}
html.mu-app #echo .mu-echo-pads .mu-epad{width:auto!important;height:100%!important;min-height:200px;border-radius:32px!important;font-size:32px}
html.mu-app #echo>.mu-row{align-self:start}
html.mu-app #raga>.mu-ragas{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
html.mu-app #raga>.mu-ragas .mu-raga{display:grid!important;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"i n" "i s";column-gap:10px;row-gap:2px;align-items:center;text-align:left;padding:10px 12px;min-height:64px;width:auto}
html.mu-app #raga>.mu-ragas .mu-raga svg{grid-area:i;width:28px;height:28px}
html.mu-app #raga>.mu-ragas .mu-raga b{grid-area:n;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
html.mu-app #raga>.mu-ragas .mu-raga span{grid-area:s;font-size:11.5px;line-height:1.2;white-space:normal}
html.mu-app .mu.mu-cons[data-mode="raga"]>#raga{height:calc(100vh - 200px);row-gap:10px}
html.mu-app #raga>.mu-keys{min-height:0}
html.mu-app #raga .mu-key{min-height:110px}
html.mu-app .mu.mu-cons[data-mode="sleep"]>#sleep{zoom:1.3;margin-top:2vh}
html.mu-app .mu.mu-cons .mu-card.cur .mu-pads{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:minmax(120px,1fr)!important}
}