:root,[data-scene]{--scene-a:#b02ad9;--scene-b:#5b21b6;--scene-c:#2a0b52;--solid:#241042;--glass:saturate(150%) blur(22px);--glass-bg:hsla(0,0%,100%,.075);--glass-bg-hi:hsla(0,0%,100%,.11);--glass-line:hsla(0,0%,100%,.13)}[data-scene=pink]{--scene-a:#e0379c;--scene-b:#7c1fa8;--scene-c:#3a0b45;--solid:#2e0f3d}[data-scene=blue]{--scene-a:#2f7bf0;--scene-b:#4c2bb8;--scene-c:#0d1a4d;--solid:#142049}[data-scene=indigo]{--scene-a:#5a5cf0;--scene-b:#1f9bd6;--scene-c:#13164f;--solid:#191d4d}[data-scene=green]{--scene-a:#1fbf86;--scene-b:#1b6fa8;--scene-c:#072e33;--solid:#0f2f36}[data-scene=teal]{--scene-a:#19b3c9;--scene-b:#3d4fd1;--scene-c:#072a3d;--solid:#10283c}[data-scene=orange]{--scene-a:#f2793a;--scene-b:#c42f7a;--scene-c:#3a1030;--solid:#36152f}[data-scene=graphite]{--scene-a:#2a2238;--scene-b:#16161c;--scene-c:#121216;--solid:#16161b}[data-scene=graphite] .dfs-scene-wash{background:radial-gradient(60% 45% at 80% 0,rgba(124,77,255,.1),transparent 70%),linear-gradient(180deg,#121216,#0e0e12 60%,#0b0b0e)}@keyframes dfsGlideIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.dfs-glide-in{animation:dfsGlideIn .52s cubic-bezier(.2,.7,.2,1) both}@media (prefers-reduced-motion:reduce){.dfs-glide-in{animation:none}}body,html{background-color:#0b0418}.dfs-scene{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.dfs-scene-wash{position:absolute;inset:0;background:radial-gradient(70% 55% at 88% 6%,color-mix(in srgb,var(--scene-a) 75%,transparent),transparent 65%),radial-gradient(65% 55% at 4% 96%,color-mix(in srgb,var(--scene-b) 70%,transparent),transparent 65%),linear-gradient(155deg,var(--scene-c) 0,#0b0418 78%)}.dfs-scene-grain{position:absolute;inset:0;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}:where(.bg-dfs-card){background-image:none}.bg-dfs-card{background-color:var(--glass-bg)}.dfs-card:not([class*=bg-]),.glass{background:var(--glass-bg)}.glass{border:.5px solid var(--glass-line)}.bg-dfs-card,.dfs-card,.glass{backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);box-shadow:0 18px 40px -24px rgba(0,0,0,.6),inset 0 .5px 0 hsla(0,0%,100%,.14)}.dfs-card{border:.5px solid var(--glass-line)}.dfs-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.28) 50%,transparent)}.dfs-card:after{display:none}:where(.hover\:bg-dfs-card:hover){background-image:none}.hover\:bg-dfs-card:hover{background-color:var(--glass-bg-hi)}:where(.border-dfs-border){border-color:var(--glass-line)}.border-dfs-border{border-color:var(--glass-line)}.glass-dark{background:color-mix(in srgb,var(--solid) 78%,transparent);border-top:.5px solid hsla(0,0%,100%,.12)}.dfs-metal,.glass-dark{backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}.dfs-metal{background:radial-gradient(110% 110% at 100% 0,color-mix(in srgb,var(--scene-a) 60%,transparent),transparent 60%),radial-gradient(90% 90% at 0 100%,color-mix(in srgb,var(--scene-b) 50%,transparent),transparent 65%),hsla(0,0%,100%,.06)!important;border:.5px solid hsla(0,0%,100%,.2)!important;box-shadow:0 18px 44px -20px color-mix(in srgb,var(--scene-a) 70%,transparent),inset 0 .5px 0 hsla(0,0%,100%,.25)!important}.dfs-metal:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.45) 50%,transparent)!important;height:1px!important;filter:none!important}:is(button,a,[role=button]).bg-dfs-purple{background-image:linear-gradient(180deg,#c06bff,#8b2fe0);box-shadow:0 8px 26px -8px rgba(190,80,255,.8),inset 0 1px 0 hsla(0,0%,100%,.3)}:is(button,a,[role=button]).bg-dfs-purple:disabled{box-shadow:none;filter:saturate(.6)}.dfs-scene-chrome{background:color-mix(in srgb,var(--solid) 55%,rgba(6,3,14,.35))!important;backdrop-filter:saturate(150%) blur(28px)!important;-webkit-backdrop-filter:saturate(150%) blur(28px)!important;border-color:hsla(0,0%,100%,.1)!important}.dfs-scene-chrome-solid,.dfs-topbar.dfs-scene-chrome{background:color-mix(in srgb,var(--solid) 86%,transparent)!important;backdrop-filter:saturate(150%) blur(24px)!important;-webkit-backdrop-filter:saturate(150%) blur(24px)!important}.dfs-nav-active{background:hsla(0,0%,100%,.12)!important;border-color:hsla(0,0%,100%,.1)!important;box-shadow:inset 0 .5px 0 hsla(0,0%,100%,.18);color:#fff!important}.dfs-nav-active svg{color:#fff!important;filter:drop-shadow(0 0 10px rgba(216,180,254,.8))}.dfs-tabsheet-panel{background:color-mix(in srgb,var(--solid) 92%,transparent);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border-color:hsla(0,0%,100%,.12)}.dfs-tabsheet-item{background:var(--glass-bg);border-color:hsla(0,0%,100%,.08)}.dfs-app-main :is(h1,h2){letter-spacing:-.025em}@media (pointer:coarse){:root,[data-scene]{--glass:saturate(140%) blur(14px)}}[data-scene=studio]{--scene-a:#a75333;--scene-b:#6b287e;--scene-c:#190e21;--solid:#281728}.theory-stage .dfs-scene-wash,.theory-stage[data-scene=studio] .dfs-scene-wash{background:radial-gradient(ellipse at 5% 45%,#ff922620,transparent 49%),linear-gradient(120deg,#221222d9,#1a0d28e8),url(/home-preview/studio-room.webp) 50% /cover}.theory-stage .dfs-scene-grain{opacity:.02}.theory-stage{--cyan:#ffc18d;--violet:#e8a1df;--ink:#fff4ed;--mute:#dec7d6;--panel:rgba(39,21,43,.65);--stage-line:hsla(0,0%,100%,.08);--stage-action:linear-gradient(135deg,#e58225,#b429c4);--stage-action-glow:0 0 22px -6px rgba(255,193,141,.6),0 6px 20px -10px rgba(186,65,150,.9),inset 0 1px 0 hsla(0,0%,100%,.25);--purple-bright:var(--cyan);--accent:var(--violet);--accent-glow:rgba(227,145,198,.35);--accent-tint:rgba(227,145,198,.12);color-scheme:dark;color:var(--ink);text-shadow:0 1px 14px rgba(4,2,10,.55)}.theory-stage :is(button,input,select,textarea,svg){text-shadow:none}.theory-stage select optgroup,.theory-stage select option{background:#1a1030;color:#efeaff}.theory-stage :is(input[type=range],input[type=checkbox],input[type=radio],progress){accent-color:var(--cyan)}.theory-stage :focus-visible{outline-color:var(--cyan)}.theory-stage h1{text-shadow:0 0 24px rgba(227,145,198,.6),0 1px 14px rgba(4,2,10,.55)}.theory-stage .bg-clip-text{text-shadow:none;filter:drop-shadow(0 0 18px rgba(227,145,198,.45))}.theory-stage .dfs-eyebrow{color:var(--cyan);opacity:1;letter-spacing:2.5px}.theory-stage .uppercase:is(.tracking-wider,.tracking-widest){letter-spacing:2px}.theory-stage .text-dfs-subtle{color:var(--mute)}.theory-stage [class~="text-dfs-subtle/70"]{color:rgba(222,199,214,.7)}.theory-stage [class~="text-dfs-subtle/60"]{color:rgba(222,199,214,.6)}.theory-stage [class~="text-dfs-subtle/50"]{color:rgba(222,199,214,.5)}.theory-stage .text-dfs-muted{color:rgba(222,199,214,.45)}.theory-stage .text-dfs-border{color:hsla(0,0%,100%,.22)}.theory-stage .text-dfs-purple{color:var(--cyan)}.theory-stage [class~="text-dfs-purple/80"]{color:rgba(255,193,141,.8)}.theory-stage [class~="text-dfs-purple/90"]{color:rgba(255,193,141,.9)}.theory-stage [class~="hover:text-dfs-purple"]:hover{color:var(--cyan)}.theory-stage .bg-dfs-purple{background-color:var(--violet)}.theory-stage div.bg-dfs-purple,.theory-stage span.bg-dfs-purple{background-image:linear-gradient(90deg,#e58225,#b429c4)}.theory-stage :is(button,a,[role=button]):is(.bg-dfs-purple,[class~="bg-dfs-purple/90"],[class~="bg-dfs-purple/80"]){background-color:#7b4dff;background-image:var(--stage-action);border-color:transparent;color:#fff;box-shadow:var(--stage-action-glow);transition:filter .15s ease,box-shadow .15s ease,transform .15s ease}.theory-stage :is(button,a,[role=button]):is(.bg-dfs-purple,[class~="bg-dfs-purple/90"],[class~="bg-dfs-purple/80"]):hover{filter:brightness(1.1)}.theory-stage :is(button,a,[role=button]):is(.bg-dfs-purple,[class~="bg-dfs-purple/90"]):disabled{box-shadow:none;filter:saturate(.6)}.theory-stage :is(button,a):is(.bg-dfs-purple,[class~="bg-dfs-purple/90"]):is(.inline-flex,.w-full){border-radius:999px}.theory-stage [class~="bg-dfs-purple/5"]{background-color:rgba(227,145,198,.05)}.theory-stage [class~="bg-dfs-purple/[0.07]"]{background-color:rgba(227,145,198,.07)}.theory-stage [class~="bg-dfs-purple/10"]{background-color:rgba(227,145,198,.1)}.theory-stage [class~="bg-dfs-purple/15"]{background-color:rgba(227,145,198,.15)}.theory-stage [class~="bg-dfs-purple/20"]{background-color:rgba(227,145,198,.2)}.theory-stage [class~="bg-dfs-purple/25"]{background-color:rgba(227,145,198,.25)}.theory-stage [class~="bg-dfs-purple/30"]{background-color:rgba(227,145,198,.3)}.theory-stage [class~="bg-dfs-purple/40"]{background-color:rgba(227,145,198,.4)}.theory-stage [class~="hover:bg-dfs-purple/5"]:hover{background-color:rgba(227,145,198,.08)}.theory-stage [class~="hover:bg-dfs-purple/10"]:hover{background-color:rgba(227,145,198,.12)}.theory-stage [class~="hover:bg-dfs-purple/[0.13]"]:hover{background-color:rgba(227,145,198,.14)}.theory-stage [class~="hover:bg-dfs-purple/20"]:hover{background-color:rgba(227,145,198,.22)}.theory-stage [class~="hover:bg-dfs-purple/25"]:hover{background-color:rgba(227,145,198,.26)}.theory-stage [class~="hover:bg-dfs-purple/30"]:hover{background-color:rgba(227,145,198,.3)}.theory-stage [class~="hover:bg-dfs-purple/40"]:hover{background-color:rgba(227,145,198,.4)}.theory-stage [class~="hover:bg-dfs-purple/80"]:hover{background-color:rgba(227,145,198,.8)}.theory-stage [class~="active:bg-dfs-purple/40"]:active{background-color:rgba(227,145,198,.4)}.theory-stage [class~="from-dfs-purple/15"]{--tw-gradient-from:rgba(227,145,198,.15) var(--tw-gradient-from-position)}.theory-stage [class~="from-dfs-purple/20"]{--tw-gradient-from:rgba(227,145,198,.2) var(--tw-gradient-from-position)}.theory-stage .border-dfs-purple{border-color:rgba(255,193,141,.75)}.theory-stage [class~="border-dfs-purple/20"]{border-color:rgba(255,193,141,.18)}.theory-stage [class~="border-dfs-purple/25"]{border-color:rgba(255,193,141,.22)}.theory-stage [class~="border-dfs-purple/30"]{border-color:rgba(255,193,141,.26)}.theory-stage [class~="border-dfs-purple/40"]{border-color:rgba(255,193,141,.34)}.theory-stage [class~="border-dfs-purple/50"]{border-color:rgba(255,193,141,.42)}.theory-stage [class~="border-dfs-purple/60"]{border-color:rgba(255,193,141,.5)}.theory-stage [class~="group-hover:border-dfs-purple"]:is(.group:hover *),.theory-stage [class~="hover:border-dfs-purple"]:hover{border-color:rgba(255,193,141,.7)}.theory-stage :is([class~="hover:border-dfs-purple/40"],[class~="hover:border-dfs-purple/45"],[class~="hover:border-dfs-purple/50"],[class~="hover:border-dfs-purple/60"]):hover{border-color:rgba(255,193,141,.5)}.theory-stage .border-dfs-border{border-color:var(--stage-line)}.theory-stage [class~="border-dfs-border/40"]{border-color:hsla(0,0%,100%,.06)}.theory-stage .bg-dfs-muted,.theory-stage [class~="bg-dfs-border/30"]{background-color:var(--panel)}.theory-stage [class~="hover:bg-dfs-border/60"]:hover{background-color:rgba(227,145,198,.16)}.theory-stage .bg-dfs-border{background-color:hsla(0,0%,100%,.1)}.theory-stage a.rounded-full[class~="bg-white/[0.06]"]{background-color:var(--panel);border-color:rgba(255,193,141,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.theory-stage a.rounded-full[class~="bg-white/[0.06]"]:hover{background-color:rgba(10,6,20,.7);border-color:rgba(255,193,141,.6)}.theory-stage .dfs-card{border-width:1px;border-style:solid;box-shadow:0 24px 60px -36px rgba(0,0,0,.9),inset 0 1px 0 hsla(0,0%,100%,.04);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.theory-stage .dfs-card:not([class*=border-]){border-color:var(--stage-line)}.theory-stage .dfs-card:not([class*=rounded]){border-radius:20px}.theory-stage .bg-dfs-card,.theory-stage .dfs-card:not([class^=bg-]):not([class*=" bg-"]){background:var(--panel)}.theory-stage :is(.dfs-card,.bg-dfs-card)[class*="hover:bg-"]:hover{background:rgba(24,15,48,.72)}.theory-stage .dfs-card:before{background:linear-gradient(90deg,transparent,rgba(227,145,198,.35) 50%,transparent)}.theory-stage [fill="#e879f9"],.theory-stage [fill="#f5b3fb"]{fill:var(--cyan)}.theory-stage [stroke="#e879f9"],.theory-stage [stroke="#f5b3fb"]{stroke:var(--cyan)}.theory-stage [fill="rgba(232,121,249,0.38)"]{fill:rgba(255,193,141,.38)}.theory-stage [fill="#ec4899"]{fill:var(--cyan)}.theory-stage [stroke="#ec4899"]{stroke:var(--cyan)}.theory-stage [fill="#a855f7"]{fill:var(--violet)}.theory-stage [stroke="#a855f7"]{stroke:var(--violet)}.theory-stage [fill="#f9a8d4"]{fill:#b9a4ff}.theory-stage [fill="#9333ea"]{fill:#7b4dff}.theory-stage [fill="#c084fc"]{fill:#b69cff}.theory-stage [fill="#7c3aed"]{fill:#6a3df0}.theory-stage [fill="rgba(168,85,247,0.16)"]{fill:rgba(227,145,198,.16)}.theory-stage [stroke="rgba(168,85,247,0.5)"]{stroke:rgba(255,193,141,.45)}.theory-stage :is([style*="232,121,249"],[style*="232, 121, 249"],[style*="245,179,251"],[style*="245, 179, 251"]){filter:drop-shadow(0 0 6px rgba(255,193,141,.8))!important}.theory-stage .overflow-hidden.border[class~="border-white/10"][class~="bg-white/[0.02]"]{background:none;border-color:transparent}.theory-stage .overflow-hidden.border[class~="border-white/10"][class~="bg-white/[0.02]"]>.blur-3xl{display:none}.theory-stage .overflow-hidden.border[class~="border-white/10"][class~="bg-white/[0.02]"] [class~="text-white/60"]{color:var(--mute)}.theory-stage .dfs-float-lesson{border-color:#eeb19b66;background:#2c1837df;box-shadow:0 8px 25px #17091a66}.theory-stage .dfs-float-lesson button:first-child{background:var(--stage-action)}[data-library-screen=true]>main.dfs-app-main[data-screen-paged]:has(.theory-stage){padding-bottom:calc(max(52px,var(--dfs-float-bottom),var(--desktop-control-clearance,0px)) + 56px)!important}.theory-stage .dfs-float-lesson{bottom:max(52px,var(--dfs-float-bottom),var(--desktop-control-clearance,0px))!important}.theory-stage[data-theory-deep-dive]{background:#190e21}.theory-stage[data-theory-deep-dive]>:last-child{padding-bottom:max(28px,env(safe-area-inset-bottom))}.theory-stage .theory-detail-tabs{display:none}.theory-stage .theory-detail-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:center;gap:20px 32px;min-height:0;max-width:1320px;width:100%;margin:auto;padding:12px 32px}.theory-stage .theory-detail-heading{grid-column:1/-1}.theory-stage .theory-detail-visual{grid-column:1;min-width:0;max-height:100%;display:flex;flex-direction:column;justify-content:center;gap:12px}.theory-stage .theory-detail-words{grid-column:2;padding:14px 8px;min-width:0}.theory-stage .theory-instrument-tabs{display:flex;gap:8px;justify-content:center}.theory-stage :is(.theory-instrument-tabs,.theory-detail-tabs) button{padding:8px 13px;border:1px solid #e4a1c24d;border-radius:10px;background:#371e3b;color:#f4d9eb;font-size:12px}.theory-stage :is(.theory-instrument-tabs,.theory-detail-tabs) button[aria-pressed=true]{background:linear-gradient(110deg,#a6572b,#8b298d);border-color:#efb58e;color:#fff}.theory-stage .theory-detail-body[data-practice=true]{display:flex;flex-direction:column;justify-content:center;gap:22px}.theory-stage .theory-detail-visual iframe{max-height:calc(100svh - 240px)}@media(max-height:760px){.theory-stage .theory-detail-body{gap:12px 24px}.theory-stage .theory-detail-words{padding:8px 0}.theory-stage .theory-detail-words .mt-5{margin-top:12px}.theory-stage .theory-detail-words .mt-4{margin-top:10px}.theory-stage .theory-detail-words :is(.text-lg,.text-xl){font-size:16px;line-height:1.6}}@media(max-width:760px){.theory-stage .theory-detail-tabs{display:flex;justify-content:center;gap:10px;padding:4px 12px}.theory-stage .theory-detail-body{display:flex;flex-direction:column;justify-content:center;padding:12px 18px;gap:16px}.theory-stage .theory-detail-heading h2{font-size:23px;line-height:1.2}.theory-stage .theory-detail-heading>div{font-size:9px;letter-spacing:.12em}.theory-stage .theory-detail-body[data-panel=visual] .theory-detail-words,.theory-stage .theory-detail-body[data-panel=words] .theory-detail-visual{display:none}.theory-stage .theory-detail-visual{max-height:calc(100svh - 240px);width:100%}.theory-stage .theory-detail-visual>div{min-height:0}.theory-stage .theory-detail-visual svg{max-height:35svh;max-width:100%}.theory-stage .theory-detail-words{padding:0;background:none!important}.theory-stage .theory-detail-words .text-2xs{font-size:10px}.theory-stage .theory-detail-words .mt-5{margin-top:10px}}@media(max-width:760px) and (max-height:640px){.theory-stage .theory-detail-body{gap:10px;padding-block:8px}.theory-stage .theory-detail-heading h2{font-size:20px}.theory-stage .theory-detail-words :is(.text-lg,.text-xl){font-size:14px;line-height:1.5}.theory-stage .theory-detail-words .mt-4{margin-top:7px}}.theory-stage .theory-method-menu{display:flex;align-items:center;gap:8px;margin:12px 0 18px;padding:10px;border:1px solid #e0a2bd45;border-radius:14px;background:linear-gradient(110deg,#67372e66,#40204b88);-moz-column-break-inside:avoid;break-inside:avoid}.theory-stage .theory-method-menu label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;font-size:11px;color:#edc9b2}.theory-stage .theory-method-menu select{min-width:0;max-width:100%;flex:1;border:1px solid #e8b0ac66;border-radius:8px;background:#2d1936;color:#fff0e8;padding:8px;font-size:12px}.theory-stage .theory-method-menu span{font-size:10px;white-space:nowrap;color:#ddbed2}.theory-stage .theory-method-menu button{display:grid;place-items:center;min-width:32px;min-height:34px;border:1px solid #e0a2bd45;border-radius:8px;color:#ffd2aa;background:#3e223f}.theory-stage .theory-method-menu button:disabled{opacity:.35}@media(max-width:600px){.theory-stage .theory-method-menu{gap:5px;padding:8px}.theory-stage .theory-method-menu label{font-size:0;gap:0}.theory-stage .theory-method-menu select{font-size:11px}.theory-stage .theory-method-menu span{display:none}}.theory-stage .theory-topic-menu{display:grid;gap:14px;margin-block:18px;-moz-column-break-inside:avoid;break-inside:avoid}.theory-stage .theory-topic-menu header{display:flex;align-items:center;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#f6b58e}.theory-stage .theory-topic-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theory-stage .theory-topic-cards>a{display:flex;flex-direction:column;gap:9px;border:1px solid #e7a6b25e;border-radius:18px;padding:17px;background:radial-gradient(ellipse at 90% 0,#e1965526,transparent 70%),linear-gradient(125deg,#503035b5,#311d3cc9);min-width:0}.theory-stage .theory-topic-cards svg{color:#ffc18e}.theory-stage .theory-topic-cards h2{font-size:17px;line-height:1.2;color:#fff1e8;font-weight:700}.theory-stage .theory-topic-cards p{font-size:12px;line-height:1.45;color:#dec6d5}.theory-stage .theory-topic-cards span{display:flex;align-items:center;gap:7px;font-size:11px;color:#ffc698;margin-top:auto}.theory-stage .theory-topic-menu nav{display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;color:#debbd2}.theory-stage .theory-topic-menu button{display:grid;place-items:center;min-width:35px;min-height:34px;border:1px solid #e0a2bd55;border-radius:9px;background:#3e223f;color:#ffe5cb}.theory-stage .theory-topic-menu button:disabled{opacity:.35}@media(max-width:600px){.theory-stage .theory-topic-cards>a{padding:13px;gap:8px}.theory-stage .theory-topic-cards h2{font-size:15px}.theory-stage .theory-topic-cards p{font-size:11px}}.theory-stage .theory-detail-visual [aria-label="Standard notation"]{background:linear-gradient(120deg,#372033b8,#211229a6);border-color:#e2aac035}.theory-stage [data-method-menu=Exercise],.theory-stage [data-method-stage]{-moz-column-break-inside:avoid;break-inside:avoid}.theory-stage [data-method-stage]{position:relative;top:auto;background:radial-gradient(ellipse at center,#e780381c,#762c8d12 65%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}.theory-stage [data-method-menu=Lesson]>div>section>.mb-4{margin-block:12px}.theory-stage [data-method-menu] details{padding:10px 12px;border:1px solid #e2a3b938;border-radius:12px;background:#311a394d;margin-bottom:12px;-moz-column-break-inside:avoid;break-inside:avoid}.theory-stage [data-method-menu] details summary{font-size:12px;color:#f6c19b;cursor:pointer}.theory-stage [data-method-menu] details ul{margin-top:10px}[data-academy-preview=true]:has([data-theory-room]){--studio-preview-header:64px}main.dfs-app-main:has([data-theory-room]){margin-left:0!important;padding:0!important;height:calc(100dvh - 64px)!important;min-height:0!important;overflow:hidden!important}@media(max-width:980px){[data-academy-preview=true]:has([data-theory-room]){--studio-preview-header:56px}main.dfs-app-main:has([data-theory-room]){height:calc(100dvh - 56px)!important}}[data-academy-preview=true]:has(>main.dfs-studio-embed){--studio-preview-header:0px!important}.theory-stage .theory-instrument-overlay{position:absolute;inset:0;z-index:15;display:flex;flex-direction:column;background:#211226;color:#fff1e8}.theory-stage .theory-instrument-overlay>header{display:flex;align-items:center;gap:18px;min-height:56px;padding:10px 20px;background:linear-gradient(100deg,#423,#25142d);border-bottom:1px solid #e0a3ba4a}.theory-stage .theory-instrument-overlay>header button{display:flex;align-items:center;gap:7px;padding:8px 12px;background:#3f2043;border:1px solid #e8ae9f77;border-radius:10px;font-size:12px;color:#ffd6b1}.theory-stage .theory-instrument-overlay>header span{font-size:12px;color:#efcadd}.theory-stage .theory-instrument-overlay>div{flex:1;min-height:0;border:0!important;border-radius:0!important}.theory-stage .theory-instrument-overlay>div>div:first-child{display:none}.theory-stage .theory-instrument-overlay .dfs-lesson-studio{height:100%!important;--lesson-studio-h:calc(100svh - 56px)!important}.theory-stage .theory-instrument-overlay iframe{height:100%!important;max-height:none!important}@media(max-width:600px){.theory-stage .theory-instrument-overlay>header{padding:8px 12px;gap:10px}.theory-stage .theory-instrument-overlay>header span{font-size:10px}}@media(min-width:761px) and (max-height:600px){.theory-stage[data-theory-deep-dive]>[data-theory-lesson-header]{flex:none;padding:7px 16px}.theory-stage[data-theory-deep-dive]>[data-theory-lesson-transport]{flex:none;padding:7px 16px max(16px,env(safe-area-inset-bottom))}.theory-stage[data-theory-deep-dive] .theory-detail-body{grid-template-rows:auto minmax(0,1fr);gap:5px 24px;padding:5px 24px;align-items:center}.theory-stage[data-theory-deep-dive] .theory-detail-heading>div{font-size:8px;margin-bottom:2px;line-height:1.2}.theory-stage[data-theory-deep-dive] .theory-detail-heading h2{font-size:21px;line-height:1.15}.theory-stage[data-theory-deep-dive] .theory-detail-visual{gap:5px;min-height:0;align-self:center}.theory-stage[data-theory-deep-dive] .theory-lesson-keyboard{height:90px!important}.theory-stage[data-theory-deep-dive] .theory-detail-visual [aria-label="Standard notation"]{max-height:78px;padding-block:3px}.theory-stage[data-theory-deep-dive] .theory-detail-visual svg{max-height:170px;width:100%;-o-object-fit:contain;object-fit:contain}.theory-stage[data-theory-deep-dive] .theory-detail-visual [aria-label="Standard notation"] svg{max-height:70px}.theory-stage[data-theory-deep-dive] .theory-detail-words{padding:0;align-self:center}.theory-stage[data-theory-deep-dive] .theory-detail-words p{font-size:12px;line-height:1.35;min-height:0}.theory-stage[data-theory-deep-dive] .theory-detail-words :is(.mt-4,.mt-5){margin-top:7px}.theory-stage[data-theory-deep-dive] .theory-detail-words .mb-3{margin-bottom:6px}.theory-stage[data-theory-deep-dive] .theory-detail-words .min-h-\[44px\]{min-height:38px;padding:7px 10px;font-size:12px}.theory-stage[data-theory-deep-dive] .theory-detail-words .text-2xs{font-size:9px}}@font-face{font-family:__Inter_d8ebd1;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_d8ebd1;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_d8ebd1;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_d8ebd1;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_d8ebd1;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_d8ebd1;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_d8ebd1;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_d8ebd1;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_d8ebd1{font-family:__Inter_d8ebd1,__Inter_Fallback_d8ebd1;font-style:normal}