@font-face{font-family:Manrope;src:url(../assets/fonts/manrope-500.ttf)format("truetype");font-weight:400 500;font-display:swap}@font-face{font-family:Manrope;src:url(../assets/fonts/manrope-700.ttf)format("truetype");font-weight:600 700;font-display:swap}@font-face{font-family:Manrope;src:url(../assets/fonts/manrope-800.ttf)format("truetype");font-weight:800;font-display:swap}:root{-webkit-font-smoothing:antialiased;color:#fff4e3;--cream:#fff4e3;--gold:#ffd180;--muted:#e1d6e5;--rule:#f4e2ff36;background:#261e36;font-family:Manrope,-apple-system,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:1920px;min-height:1080px;margin:0}button,input{font:inherit}button,summary{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}h1,h2,p,figure{margin:0}.studio{isolation:isolate;background:radial-gradient(36% 90% at 10% 48%,#ad6352 0%,#865059bd 36%,#0000 95%),radial-gradient(35% 50% at 60% 53%,#72576d 0%,#0000 100%),radial-gradient(52% 66% at 97% 3%,#505477 0%,#0000 94%),linear-gradient(114deg,#332139 5%,#382639 45%,#24233b 77%,#242a42);width:1920px;height:1080px;position:relative;overflow:hidden}.studio:before,.studio:after{content:"";z-index:-1;pointer-events:none;position:absolute}.studio:before{background:repeating-radial-gradient(#0000 0 30px,#ffdfad29 31px,#0000 32px 45px);border-radius:50%;width:2200px;height:1900px;top:-1190px;left:-1360px;-webkit-mask-image:linear-gradient(135deg,#0000 38%,#000 89%);mask-image:linear-gradient(135deg,#0000 38%,#000 89%)}.studio:after{opacity:.14;mix-blend-mode:soft-light;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='158' height='158'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h158v158H0z' filter='url(%23n)'/%3E%3C/svg%3E");inset:0}.presenter{pointer-events:none;filter:drop-shadow(13px 12px 16px #140d2060);width:auto;height:1066px;position:absolute;bottom:-52px;left:-43px}.lesson-heading{text-align:center;white-space:nowrap;position:absolute;top:48px;left:50%;transform:translate(-50%)}.course{letter-spacing:.17em;text-transform:uppercase;color:#ffd898;justify-content:center;align-items:center;gap:16px;font-size:15px;font-weight:800;display:flex}.course:before,.course:after{content:"";background:#e4b987;width:35px;height:1px}h1{letter-spacing:-.06em;margin-top:12px;font-size:68px;font-weight:800;line-height:1.06}h1 em{color:var(--gold);letter-spacing:-.055em;padding-right:.1em;font-family:Georgia,serif;font-weight:500}.listening{width:770px;position:absolute;top:165px;left:600px}.gallery{justify-content:center;align-items:center;gap:48px;height:548px;display:flex}.gallery figure{text-align:center}.gallery img{width:100%;height:auto;display:block}.frame{background:linear-gradient(135deg,#e4ca8c 0%,#84623b 26%,#cead70 54%,#af8755 79%,#635137);border:3px ridge #b89158;width:318px;padding:11px;box-shadow:inset 0 0 0 2px #e2c58b,inset 0 0 0 5px #846b4e,4px 11px 21px #120e1d65}.frame img{outline:2px solid #61492e}.mount{background:#eee0c7;border:1px solid #eed9b8;width:216px;padding:13px;box-shadow:3px 8px 17px #1b10274b}.gallery figcaption{margin-top:19px}.gallery strong{color:#fff1d9;font:500 29px/1.15 Georgia,serif;display:block}.gallery figcaption span{color:#e4d5d6;margin-top:7px;font-size:14px;line-height:1.4;display:block}.study{margin-top:38px}.study strong{font-size:23px}.glass{-webkit-backdrop-filter:blur(18px);background:linear-gradient(130deg,#fff2f51b,#dbcfe809),#30283ccc;border:1px solid #f6e5ff3b;border-radius:25px;box-shadow:inset 0 1px #ffeff51c,0 12px 36px -20px #0f0d1f88}.player{margin-top:16px;padding:24px 29px 25px;position:relative}.track-info{justify-content:space-between;align-items:center;gap:12px;display:flex}.track-info h2{letter-spacing:-.045em;font:italic 600 38px/1.12 Georgia,serif}.track-info p{color:var(--muted);margin-top:4px;font-size:16px}.track-info p span{margin:0 4px}.pieces button:last-child{flex:1.65}.transport{align-items:center;gap:19px;margin:19px 0 17px;display:flex}.play{background:var(--gold);color:#33283b;border:0;border-radius:50%;flex:none;place-items:center;width:55px;height:55px;display:grid}.play:hover{background:#ffe1a6}.play i,.clips i{border-block:8px solid #0000;border-left:13px solid;width:0;height:0;margin-left:3px;display:block}.studio.playing .play i,.clips [aria-pressed=true] i{background:linear-gradient(90deg,currentColor 36%,#0000 36% 64%,currentColor 64%);border:none;width:13px;height:16px;margin:0}.track-position{flex:1;min-width:0}.wave{height:33px;position:relative}#bars{align-items:center;gap:2px;height:100%;display:flex}#bars i{background:#c0aec9a3;border-radius:2px;flex:1}#bars i.heard{background:#ffce7f}@media (prefers-reduced-motion:no-preference){#bars i{transition:height .16s ease-out}}#seek{cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.wave:focus-within{outline:2px solid var(--gold);outline-offset:2px}.time{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.pieces{border-top:1px solid var(--rule);gap:6px;padding-top:16px;display:flex}.pieces button,.answers button,.clips button{color:var(--cream);background:#ffffff09;border:1px solid #e2d4e84d;border-radius:12px;font-weight:700}.pieces button{flex:1;padding:10px 4px;font-size:15px}.pieces button[aria-pressed=true]{color:#2d2133;background:#f7d6af;border-color:#f7d6af}.pieces button:hover,.clips button:hover,.answers button:hover{border-color:#ffdeb0}.sidebar{gap:18px;width:436px;display:grid;position:absolute;top:94px;right:40px}.sidebar section{padding:25px 26px}.sidebar h2{letter-spacing:-.044em;font-size:28px;font-weight:800;line-height:1.2}.sidebar p{color:#eee2ef;font-size:17px;line-height:1.48}.intro,.practice>p{margin-top:12px}.sections{border-top:1px solid var(--rule);margin-top:20px}.sections details{border-bottom:1px solid var(--rule)}.sections summary{padding:12px 24px 12px 0;font-size:19px;font-weight:700;list-style:none;position:relative}.sections summary::-webkit-details-marker{display:none}.sections summary:after{content:"+";color:#e0c9e1;font-weight:500;position:absolute;top:11px;right:3px}.sections details[open] summary{color:var(--gold)}.sections details[open] summary:after{content:"−";color:var(--gold)}.sections details p{color:var(--muted);padding:0 0 17px;font-size:16px}.practice{background:linear-gradient(135deg,#773c4b92,#422b4677),#382937c7}.practice h2{color:#ffe0b3}.clips,.answers{gap:7px;display:flex}.clips{margin-top:15px}.clips button{background:#fff2df13;flex:1;justify-content:center;align-items:center;gap:10px;padding:11px 4px;font-size:16px;display:flex}.clips i{border-block-width:6px;color:var(--gold);border-left-width:9px;margin:0}.clips [aria-pressed=true]{border-color:var(--gold)}.clips [aria-pressed=true] i{width:9px;height:12px}.answers{border-top:1px solid var(--rule);margin-top:16px;padding-top:15px}.answers button{border-radius:17px;flex:1;padding:7px 4px;font-size:14px}.answers [aria-pressed=true]{color:#392435;background:#ffe1b6}.practice #feedback{color:#ffe2bc;font-size:15px}.audio-status{color:#fff;background:#4d2030;border-radius:8px;padding:6px 15px;position:absolute;bottom:8px;left:600px}