.music-listening,.psalm-composer{color:#38230f;background:radial-gradient(circle at 12% 8%,#fde68ab8,#0000 30rem),radial-gradient(circle at 92% 20%,#5eead457,#0000 28rem),linear-gradient(145deg,#fffaf0,#fef3c7 56%,#ffedd5);min-height:100dvh}.music-listening__shell,.psalm-composer__shell{width:min(1180px,100% - 2rem);margin:0 auto;padding-bottom:7rem}.puzzle-workshop-shell.music-workshop-shell{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.puzzle-workshop-hero.music-workshop-hero{min-height:max(48rem,100dvh);box-shadow:none;background-image:linear-gradient(#26140970,#2614091a 34%,#1c0e06ad),url(/assets/kids/music/casa-muzicii-thumbnail.webp);background-position:50%;background-size:cover;border-radius:0;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative;overflow-x:hidden}.music-workshop-copy h1{text-shadow:0 4px 24px #1c0d04e0}.music-workshop-copy>p{text-shadow:0 2px 14px #1c0d04d1}.puzzle-overall-progress.music-overall-progress{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#3e1f0cc7,#281307d6);border:2px solid #fef3c76b;border-radius:1.4rem;box-shadow:0 12px 30px #1408047a,inset 0 1px #ffffff47}.music-overall-progress>span{color:#fffbeb}.music-overall-progress>span svg{color:#f59e0b;filter:drop-shadow(0 2px 8px #f59e0ba6)}.music-overall-progress>span strong{color:#fde047;text-shadow:0 1px 3px #0006;font-weight:1000}.music-overall-progress i{color:#fef3c759;font-size:1.25rem;font-style:normal;line-height:1;transition:transform .2s,color .2s}.music-overall-progress i.is-found{color:#fde047;filter:drop-shadow(0 0 8px #fde047e6);transform:scale(1.18)}.music-type-preview{aspect-ratio:4/3;justify-content:center;place-self:center;align-items:center;width:min(100%,12rem);display:flex;position:relative;overflow:visible}.music-preview-vinyl-wrap{justify-content:center;align-items:center;width:8.4rem;height:7.2rem;display:flex;position:relative}.music-preview-sleeve{color:#ccfbf1;z-index:2;background:linear-gradient(135deg,#0d9488 0%,#115e59 100%);border:2.5px solid #ffffffd9;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;width:5.6rem;height:5.6rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;left:.4rem;transform:rotate(-6deg);box-shadow:0 10px 24px #0f766e59,inset 0 1px #fff9}.music-preview-sleeve svg{filter:drop-shadow(0 2px 4px #0000004d)}.music-preview-sleeve-label{letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-top:.2rem;font-size:.65rem;font-weight:1000}.music-preview-vinyl-disc{z-index:1;background:repeating-radial-gradient(circle,#1e293b 0 2px,#0f172a 3px 5px,#334155 6px 7px);border:2px solid #475569;border-radius:50%;justify-content:center;align-items:center;width:5.4rem;height:5.4rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;right:.2rem;transform:translate(.6rem)rotate(15deg);box-shadow:0 8px 22px #0000006b,inset 0 0 8px #ffffff2e}.music-preview-vinyl-center{color:#fff;background:linear-gradient(135deg,#14b8a6,#0f766e);border:2.5px solid #fef3c7;border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;display:grid;box-shadow:0 2px 6px #00000059}.puzzle-type-card:hover .music-preview-sleeve{transform:rotate(-10deg)scale(1.03)}.puzzle-type-card:hover .music-preview-vinyl-disc{animation:4s linear .35s infinite musicDiscSpin;transform:translate(1.5rem)rotate(65deg)}@keyframes musicDiscSpin{0%{transform:translate(1.5rem)rotate(0)}to{transform:translate(1.5rem)rotate(360deg)}}.music-preview-notes{pointer-events:none;position:absolute;inset:0;overflow:visible}.music-preview-notes span{color:#0d9488;text-shadow:0 2px 6px #0d948859;font-size:1.4rem;font-weight:900;line-height:1;animation:2.4s ease-in-out infinite alternate musicFloatNote;position:absolute}.music-preview-notes .note-1{animation-delay:.2s;top:.2rem;right:1rem}.music-preview-notes .note-2{font-size:1.6rem;animation-delay:.8s;bottom:.5rem;left:.3rem}@keyframes musicFloatNote{0%{opacity:.75;transform:translateY(0)rotate(-6deg)}to{opacity:1;transform:translateY(-8px)rotate(8deg)}}.music-preview-lyre-wrap{justify-content:center;align-items:center;width:8.4rem;height:7.2rem;display:flex;position:relative}.music-preview-lyre{background:linear-gradient(#fef3c7 0%,#fde68a 100%);border:5px solid #d97706;border-bottom:9px solid #b45309;border-radius:2rem 2rem 1.4rem 1.4rem;justify-content:center;align-items:center;width:5.2rem;height:5.8rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;transform:rotate(-3deg);box-shadow:0 10px 24px #b453094d,inset 0 2px 4px #ffffffd9}.music-preview-lyre-strings{justify-content:space-evenly;align-items:stretch;width:72%;height:78%;padding:.2rem 0;display:flex}.music-preview-lyre-strings span{background:linear-gradient(#b45309,#f59e0b 50%,#b45309);border-radius:1px;width:2.5px;box-shadow:0 0 5px #f59e0bb3}.puzzle-type-card:hover .music-preview-lyre{transform:rotate(0)scale(1.05)}.puzzle-type-card:hover .music-preview-lyre-strings span:nth-child(odd){animation:.24s ease-in-out infinite alternate lyreStringVibrate}.puzzle-type-card:hover .music-preview-lyre-strings span:nth-child(2n){animation:.28s ease-in-out 80ms infinite alternate lyreStringVibrate}@keyframes lyreStringVibrate{0%{transform:scaleX(1)}to{transform:scaleX(2.2)}}.music-preview-blocks{z-index:2;gap:.35rem;display:flex;position:absolute;bottom:-.2rem;right:.3rem}.music-block{color:#fff;border-radius:.6rem;justify-content:center;align-items:center;width:2.15rem;height:2.15rem;font-size:.72rem;font-weight:1000;transition:transform .3s;display:inline-flex;box-shadow:0 5px 12px #00000038,inset 0 1px #ffffffbf}.music-block--1{background:linear-gradient(145deg,#f59e0b,#d97706);border:2px solid #b45309;transform:rotate(-8deg)}.music-block--2{background:linear-gradient(145deg,#06b6d4,#0891b2);border:2px solid #0e7490;transform:rotate(10deg)}.puzzle-type-card:hover .music-block--1{transform:translateY(-4px)rotate(-14deg)}.puzzle-type-card:hover .music-block--2{transform:translateY(-6px)rotate(16deg)}.music-preview-notes-amber span{color:#d97706;text-shadow:0 2px 6px #d9770661}.puzzle-type-action-btn--music-asculta{color:#fff;text-shadow:0 1px 1px #064e3b99;background:linear-gradient(#2dd4bf,#0f766e);border:2px solid #064e3b;box-shadow:0 4px #064e3b,0 8px 18px #0f766e5c,inset 0 1px #ffffffd9}.puzzle-type-card:hover .puzzle-type-action-btn--music-asculta,.puzzle-type-action-btn--music-asculta:hover{filter:saturate(1.08)brightness(1.04);background:linear-gradient(#5eead4,#14b8a6);transform:translateY(-3px);box-shadow:0 7px #064e3b,0 12px 22px #0f766e73,inset 0 1px #fffffff2}.puzzle-type-card:active .puzzle-type-action-btn--music-asculta,.puzzle-type-action-btn--music-asculta:active{transform:translateY(2px);box-shadow:0 2px #064e3b,0 6px 14px #0f766e4d,inset 0 1px #ffffffd9}.puzzle-type-action-btn--music-compune{color:#fff;text-shadow:0 1px 1px #78350f99;background:linear-gradient(#f59e0b,#d97706);border:2px solid #78350f;box-shadow:0 4px #78350f,0 8px 18px #d977065c,inset 0 1px #ffffffd9}.puzzle-type-card:hover .puzzle-type-action-btn--music-compune,.puzzle-type-action-btn--music-compune:hover{filter:saturate(1.08)brightness(1.04);background:linear-gradient(#fde047,#f59e0b);transform:translateY(-3px);box-shadow:0 7px #78350f,0 12px 22px #d9770673,inset 0 1px #fffffff2}.puzzle-type-card:active .puzzle-type-action-btn--music-compune,.puzzle-type-action-btn--music-compune:active{transform:translateY(2px);box-shadow:0 2px #78350f,0 6px 14px #d977064d,inset 0 1px #ffffffd9}@media (width<=640px){.puzzle-workshop-hero.music-workshop-hero{background-image:linear-gradient(#26140985,#2614091f 34%,#1c0e06b8),url(/assets/kids/music/casa-muzicii-thumbnail.webp);background-position:50%;border-radius:0;min-height:100dvh;box-shadow:none!important;border:0!important}.music-type-preview{width:9.5rem}}.music-listening{color:#38230f;background:radial-gradient(circle at 18% 12%,#ccfbf1bf 0%,#0000 42rem),radial-gradient(circle at 85% 22%,#fef3c7b3 0%,#0000 38rem),linear-gradient(175deg,#f0fdfa 0%,#fffdf7 45%,#fef3c7 100%);min-height:100dvh}.music-listening__layout{grid-template-columns:minmax(360px,420px) 1fr;align-items:start;gap:2rem;margin-top:1.25rem;display:grid}.phonograph-turntable-panel{border:3px solid color-mix(in srgb, var(--track-accent,#0f766e) 30%, #e2e8f0);box-shadow:0 16px 36px #0f766e1f, 0 6px 0 color-mix(in srgb, var(--track-accent,#0f766e) 65%, #000);background:linear-gradient(165deg,#fffffff5 0%,#fefaf0fa 100%);border-radius:2rem;flex-direction:column;gap:1.25rem;padding:1.6rem 1.4rem;transition:border-color .3s,box-shadow .3s;display:flex;position:sticky;top:5.5rem}.phonograph-turntable-deck{justify-content:center;align-items:center;padding:1.2rem .5rem .6rem;display:flex;position:relative;overflow:visible}.phonograph-platter{aspect-ratio:1;background:radial-gradient(circle,#2a1f18 0%,#17110c 70%,#0d0907 100%);border:6px solid #d97706;border-radius:50%;justify-content:center;align-items:center;width:min(280px,72vw);display:flex;position:relative;box-shadow:0 14px 34px #1e100861,inset 0 2px 6px #ffffff40,0 0 0 3px #fef3c7d9}.phonograph-vinyl{aspect-ratio:1;will-change:transform;background:repeating-radial-gradient(circle,#1c1c1c 0 2px,#0f0f0f 3px 5px,#272727 6px 7px);border:2px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:90%;display:flex;position:absolute;box-shadow:inset 0 0 14px #ffffff26,0 8px 22px #00000073}.phonograph-vinyl.is-spinning{animation:6s linear infinite phonographVinylSpin}@keyframes phonographVinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.phonograph-vinyl__shine{pointer-events:none;background:linear-gradient(135deg,#ffffff2e 0%,#0000 35%,#ffffff1f 65%,#0000 100%);border-radius:50%;position:absolute;inset:0}.phonograph-vinyl__label{aspect-ratio:1;background:radial-gradient(circle at center, transparent 0 18%, #fef3c773 19% 21%, transparent 22% 38%, #fef3c740 39% 41%, transparent 42% 68%, #fef3c766 69% 71%, transparent 72% 100%), radial-gradient(circle at center, var(--track-accent,#0f766e) 0%, color-mix(in srgb, var(--track-accent,#0f766e) 65%, #000) 100%);border:3.5px solid #fef3c7;border-radius:50%;width:38%;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #00000073,0 3px 10px #00000080}.phonograph-vinyl__spindle{aspect-ratio:1;z-index:2;background:radial-gradient(circle,#fef3c7 0%,#fbbf24 45%,#b45309 85%,#78350f 100%);border:2px solid #451a03;border-radius:50%;width:14%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000080}.phonograph-vinyl__spindle:after{content:"";aspect-ratio:1;background:#1c1917;border-radius:50%;width:32%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phonograph-tonearm{pointer-events:none;z-index:10;transform-origin:3.4rem .8rem;width:4.2rem;height:8.5rem;transition:transform .65s cubic-bezier(.34,1.56,.64,1);position:absolute;top:-.2rem;right:-.4rem;transform:rotate(-12deg)}.phonograph-tonearm.is-playing{transform:rotate(18deg)}.phonograph-tonearm__pivot{background:radial-gradient(circle,#fde68a 0%,#d97706 70%,#92400e 100%);border:2px solid #78350f;border-radius:50%;width:1.5rem;height:1.5rem;position:absolute;top:.2rem;right:.2rem;box-shadow:0 2px 6px #00000059}.phonograph-tonearm__arm{transform-origin:top;background:linear-gradient(#d97706,#fde68a 40%,#b45309 100%);border-radius:2px;width:4px;height:5.6rem;position:absolute;top:1.2rem;right:.85rem;transform:rotate(8deg);box-shadow:0 1px 4px #00000040}.phonograph-tonearm__head{background:#475569;border:1.5px solid #1e293b;border-radius:.3rem;width:1rem;height:1.5rem;position:absolute;bottom:1.3rem;left:1.2rem;transform:rotate(-25deg);box-shadow:0 2px 4px #0000004d}.phonograph-tonearm__head:after{content:"";background:#f59e0b;width:2px;height:4px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.phonograph-emitted-notes{pointer-events:none;z-index:20;position:absolute;inset:0;overflow:visible}.p-note{-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;text-shadow:0 0 10px #f59e0bcc,0 2px 5px #00000073;font-size:1.85rem;font-weight:900;line-height:1;position:absolute;top:50%;left:50%}.p-note--1{color:#f59e0b;animation:2.8s ease-in-out infinite pNoteFly1}.p-note--2{color:#14b8a6;font-size:2.1rem;animation:3.1s ease-in-out .45s infinite pNoteFly2}.p-note--3{color:#fbbf24;animation:2.7s ease-in-out .9s infinite pNoteFly3}.p-note--4{color:#38bdf8;font-size:1.65rem;animation:3s ease-in-out 1.35s infinite pNoteFly4}.p-note--5{color:#fde047;font-size:1.9rem;animation:2.6s ease-in-out 1.8s infinite pNoteFly5}.p-note--6{color:#a78bfa;animation:3.2s ease-in-out 2.25s infinite pNoteFly6}.p-note--7{color:#f59e0b;font-size:2.2rem;animation:2.9s ease-in-out 1.1s infinite pNoteFly7}@keyframes pNoteFly1{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}20%{opacity:1}80%{opacity:.9}to{opacity:0;transform:translate(calc(-50% - 65px),calc(-50% - 115px))scale(1.35)rotate(-28deg)}}@keyframes pNoteFly2{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}20%{opacity:1}80%{opacity:.9}to{opacity:0;transform:translate(calc(-50% - 15px),calc(-50% - 135px))scale(1.3)rotate(16deg)}}@keyframes pNoteFly3{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}20%{opacity:1}80%{opacity:.9}to{opacity:0;transform:translate(calc(60px - 50%),calc(-50% - 110px))scale(1.4)rotate(-18deg)}}@keyframes pNoteFly4{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}20%{opacity:1}80%{opacity:.9}to{opacity:0;transform:translate(calc(-50% - 90px),calc(-50% - 65px))scale(1.25)rotate(24deg)}}@keyframes pNoteFly5{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}20%{opacity:1}80%{opacity:.9}to{opacity:0;transform:translate(calc(80px - 50%),calc(-50% - 60px))scale(1.35)rotate(32deg)}}@keyframes pNoteFly6{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}20%{opacity:1}80%{opacity:.9}to{opacity:0;transform:translate(calc(25px - 50%),calc(-50% - 130px))scale(1.3)rotate(-14deg)}}@keyframes pNoteFly7{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}20%{opacity:1}80%{opacity:.9}to{opacity:0;transform:translate(calc(-50% - 45px),calc(-50% - 145px))scale(1.45)rotate(36deg)}}.phonograph-info{flex-direction:column;gap:.65rem;display:flex}.phonograph-eyebrow-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.phonograph-eyebrow{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.78rem;font-weight:1000;display:inline-flex}.phonograph-live-pill{color:#0f766e;background:#ccfbf1;border:1.5px solid #14b8a6;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.72rem;font-weight:900;display:inline-flex}.phonograph-live-pulse{background:#0f766e;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite alternate livePulse}@keyframes livePulse{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.25)}}.phonograph-title{color:#1e293b;letter-spacing:-.03em;margin:0;font-size:clamp(1.45rem,2.4vw,1.85rem);font-weight:1000;line-height:1.15}.phonograph-prompt{color:#475569;margin:0;font-size:.92rem;font-weight:650;line-height:1.5}.phonograph-context{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.2rem;display:flex}.phonograph-reference{color:#92400e;background:#fef3c7;border:1.5px solid #f59e0b;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.phonograph-module-link{background:color-mix(in srgb, var(--track-accent,#0f766e) 12%, white);border:1.5px solid color-mix(in srgb, var(--track-accent,#0f766e) 40%, transparent);color:var(--track-accent,#0f766e);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;font-weight:900;transition:all .18s;display:inline-flex}.phonograph-module-link:hover{background:var(--track-accent,#0f766e);color:#fff;transform:translateY(-1px)}.phonograph-timeline{margin-top:.5rem}.phonograph-timeline-bar input[type=range]{background:linear-gradient(to right, var(--track-accent,#0f766e) 0%, var(--track-accent,#0f766e) var(--progress-percent,0%), #e2e8f0 var(--progress-percent,0%), #e2e8f0 100%);width:100%;height:8px;accent-color:var(--track-accent,#0f766e);cursor:pointer;border-radius:4px}.phonograph-time-labels{color:#64748b;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.3rem;font-size:.75rem;font-weight:850;display:flex}.phonograph-controls{justify-content:space-between;align-items:center;gap:.6rem;margin-top:.35rem;display:flex}.phonograph-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .18s,filter .18s,box-shadow .18s;display:inline-flex}.phonograph-btn--skip{color:#334155;background:#f8fafc;border:2px solid #cbd5e1;width:2.85rem;height:2.85rem;box-shadow:0 3px #94a3b8}.phonograph-btn--skip:hover{background:#fff;border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 5px #94a3b8}.phonograph-btn--skip:active{transform:translateY(2px);box-shadow:0 1px #94a3b8}.phonograph-btn--play{color:#fff;background:linear-gradient(#2dd4bf 0%,#0f766e 100%);border:2.5px solid #064e3b;width:4.2rem;height:4.2rem;box-shadow:0 5px #064e3b,0 10px 20px #0f766e66,inset 0 1px #ffffffd9}.phonograph-btn--play:hover{filter:saturate(1.08);background:linear-gradient(#5eead4 0%,#14b8a6 100%);transform:translateY(-3px);box-shadow:0 8px #064e3b,0 14px 26px #0f766e80,inset 0 1px #fffffff2}.phonograph-btn--play:active{transform:translateY(2px);box-shadow:0 2px #064e3b,0 6px 12px #0f766e4d}.phonograph-volume{color:var(--track-accent,#0f766e);align-items:center;gap:.45rem;max-width:7.5rem;display:inline-flex}.phonograph-volume input{width:100%;accent-color:var(--track-accent,#0f766e);cursor:pointer}.phonograph-retry{color:#b91c1c;cursor:pointer;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.82rem;font-weight:900;display:inline-flex}.music-playlist-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:3px solid #e2e8f0e6;border-radius:2rem;padding:1.5rem 1.6rem;box-shadow:0 14px 34px #0f766e12}.music-playlist-header{border-bottom:2px dashed #e2e8f0;flex-direction:column;gap:.85rem;padding-bottom:1rem;display:flex}.music-playlist-title-wrap{justify-content:space-between;align-items:center;display:flex}.music-playlist-title-wrap h3{color:#1e293b;letter-spacing:-.02em;margin:0;font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:1000}.music-playlist-count{color:#475569;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:999px;align-items:center;padding:.3rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.music-playlist-filters{flex-wrap:wrap;gap:.45rem;display:flex}.music-filter-chip{color:#334155;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.8rem;font-weight:900;transition:all .18s;display:inline-flex;box-shadow:0 2px #cbd5e1}.music-filter-chip:hover{color:#0f766e;border-color:#0f766e;transform:translateY(-1px)}.music-filter-chip.is-active{color:#fff;background:linear-gradient(#14b8a6,#0f766e);border-color:#064e3b;box-shadow:0 3px #064e3b,0 6px 14px #0f766e4d}.music-song-list{flex-direction:column;gap:.65rem;margin-top:1.15rem;display:flex}.music-song-item{text-align:left;cursor:pointer;background:#fff;border:2.5px solid #e2e8f0;border-radius:1.25rem;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:100%;padding:.75rem .95rem;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:grid;box-shadow:0 3px 6px #0f172a0a}.music-song-item:hover{border-color:color-mix(in srgb, var(--track-accent,#0f766e) 45%, #e2e8f0);transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.music-song-item.is-selected{border-color:var(--track-accent,#0f766e);background:linear-gradient(135deg, #fff 0%, color-mix(in srgb, var(--track-accent,#0f766e) 8%, #fff) 100%);box-shadow:0 4px 0 var(--track-accent,#0f766e), 0 10px 22px color-mix(in srgb, var(--track-accent,#0f766e) 18%, transparent)}.music-song-item__thumb{background:#cbd5e1;border:2px solid #ffffffe6;border-radius:.9rem;flex-shrink:0;width:3.8rem;height:3.8rem;position:relative;overflow:hidden;box-shadow:0 3px 8px #00000024}.music-song-item__thumb img{object-fit:cover;width:100%;height:100%}.music-song-item__thumb-overlay{color:#fff;opacity:0;background:#0f172a6b;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.music-song-item:hover .music-song-item__thumb-overlay,.music-song-item.is-selected .music-song-item__thumb-overlay{opacity:1}.music-live-bars{align-items:flex-end;gap:3px;height:1.1rem;display:flex}.music-live-bars span{background:#fde047;border-radius:2px;width:3.5px}.music-live-bars span:first-child{height:60%;animation:.65s ease-in-out infinite alternate eqBounce}.music-live-bars span:nth-child(2){height:100%;animation:.8s ease-in-out .15s infinite alternate eqBounce}.music-live-bars span:nth-child(3){height:45%;animation:.7s ease-in-out .3s infinite alternate eqBounce}@keyframes eqBounce{0%{height:25%}to{height:100%}}.music-song-item__content{flex-direction:column;gap:.25rem;min-width:0;display:flex}.music-song-item__title{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:1000;line-height:1.2;overflow:hidden}.music-song-item__meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.78rem;font-weight:800;display:flex}.music-song-item__category{font-weight:900}.music-song-item__ref{color:#713f12}.music-song-item__status{flex-shrink:0}.music-status-badge{letter-spacing:.02em;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .8rem;font-size:.75rem;font-weight:950;display:inline-flex}.music-status-badge--playing{background:var(--track-accent,#0f766e);color:#fff;box-shadow:0 2px 6px color-mix(in srgb, var(--track-accent,#0f766e) 40%, transparent)}.music-status-dot{background:#fde047;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite alternate livePulse}.music-status-badge--paused{color:#475569;background:#f1f5f9;border:1.5px solid #cbd5e1}.music-status-play-icon{color:#64748b;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;transition:all .18s;display:grid}.music-song-item:hover .music-status-play-icon{background:var(--track-accent,#0f766e);border-color:var(--track-accent,#0f766e);color:#fff;transform:scale(1.08)}.music-empty-state{text-align:center;align-content:center;place-items:center;gap:.75rem;padding:2rem;display:grid}.music-empty-state h1{font-size:2rem;font-weight:1000}.psalm-composer{background:radial-gradient(circle at 15% 0,#fde68a,#0000 32rem),radial-gradient(circle at 90% 12%,#ddd6fe,#0000 28rem),#fffaf0}.psalm-composer__intro{border:3px solid color-mix(in srgb, var(--theme-accent), white 45%);background:linear-gradient(125deg, color-mix(in srgb, var(--theme-accent), white 83%), white);box-shadow:0 7px 0 var(--theme-accent), 0 16px 30px color-mix(in srgb, var(--theme-accent), transparent 82%);border-radius:1.7rem;justify-content:space-between;align-items:center;gap:1.2rem;padding:1.35rem 1.6rem;display:flex}.psalm-composer__intro>div>span{color:var(--theme-accent)}.psalm-composer__intro h2{color:#312e81;margin-top:.2rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:1000;line-height:1}.psalm-composer__intro p{color:#5b4633;margin-top:.35rem;font-weight:700}.psalm-composer__reference{background:var(--theme-accent);color:#fff;border-radius:999px;flex:none;align-items:center;gap:.45rem;padding:.7rem 1rem;font-size:.85rem;font-weight:950;display:inline-flex}.psalm-composer__settings{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.35rem;display:flex}.psalm-composer__themes,.psalm-composer__modes{flex-wrap:wrap;gap:.5rem;display:flex}.psalm-composer__themes button,.psalm-composer__modes button{color:#475569;background:#ffffffe6;border:2px solid #e2e8f0;border-radius:999px;padding:.6rem .9rem;font-size:.8rem;font-weight:900}.psalm-composer__themes button.is-active{border-color:var(--choice-color);background:var(--choice-color);color:#fff}.psalm-composer__modes button{align-items:center;gap:.35rem;display:inline-flex}.psalm-composer__modes button.is-active{color:#5b21b6;background:#ede9fe;border-color:#7c3aed}.psalm-composer__editor-modes{background:#eef2ff;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem;display:inline-flex}.psalm-composer__editor-modes>span{color:#4338ca;letter-spacing:.06em;text-transform:uppercase;padding:0 .45rem;font-size:.68rem;font-weight:950}.psalm-composer__editor-modes button{color:#6366f1;background:0 0;border:0;border-radius:999px;padding:.45rem .7rem;font-size:.76rem;font-weight:950}.psalm-composer__editor-modes button.is-active{color:#fff;background:#4f46e5;box-shadow:0 2px #312e81}.psalm-composer__length{background:#fff7ed;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem;display:inline-flex}.psalm-composer__length>span{color:#92400e;letter-spacing:.06em;text-transform:uppercase;padding:0 .45rem;font-size:.68rem;font-weight:950}.psalm-composer__length button{color:#78716c;background:0 0;border:0;border-radius:999px;padding:.45rem .7rem;font-size:.76rem;font-weight:950}.psalm-composer__length button.is-active{color:#fff;background:#d97706;box-shadow:0 2px #92400e}.psalm-composer__studio-bar{background:linear-gradient(100deg,#f5f3fff5,#fffffff5);border:2px solid #c4b5fd;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;margin-top:.85rem;padding:.65rem .85rem;display:flex;box-shadow:0 4px #ddd6fe}.psalm-composer__section-picker{flex:1;align-items:center;gap:.8rem;min-width:min(100%,48rem);display:flex}.psalm-composer__section-copy{flex-direction:column;gap:.08rem;min-width:10.5rem;display:flex}.psalm-composer__section-copy>span,.psalm-composer__tempo>span{color:#6d28d9;letter-spacing:.07em;white-space:nowrap;font-size:.62rem;font-weight:950}.psalm-composer__section-copy small{color:#6b7280;font-size:.67rem;font-weight:750;line-height:1.2}.psalm-composer__section-tabs{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.psalm-composer__section-tabs>div{align-items:center;gap:.25rem;display:flex}.psalm-composer__section-tabs i{color:#a78bfa;font-size:.82rem;font-style:normal;font-weight:1000}.psalm-composer__section-tabs button{color:#5b21b6;background:#fff;border:2px solid #ddd6fe;border-radius:.65rem;padding:.43rem .65rem;font-size:.72rem;font-weight:950}.psalm-composer__section-tabs button.is-active{color:#fff;background:#7c3aed;border-color:#6d28d9;box-shadow:0 2px #4c1d95}.psalm-composer__section-tabs button.is-playing{border-color:#f59e0b;box-shadow:0 0 0 3px #fde68a}.psalm-composer__tempo{align-items:center;gap:.5rem;display:flex}.psalm-composer__tempo input{accent-color:#7c3aed;width:7rem}.psalm-composer__tempo strong{color:#312e81;font-variant-numeric:tabular-nums;min-width:4.2rem;font-size:.75rem}.music-sequencer{background:#fffffff0;border:3px solid #f59e0b;border-radius:1.65rem;margin-top:1.3rem;overflow:hidden;box-shadow:0 8px #b45309,0 20px 42px #78350f26}.music-sequencer__pitch-editor{background:linear-gradient(90deg,#fff7ed,#f5f3ff);border-bottom:2px solid #fde68a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1rem;padding:.62rem 1rem;display:flex}.music-sequencer__pitch-editor>div:first-child{flex-direction:column;gap:.08rem;min-width:15rem;display:flex}.music-sequencer__pitch-editor>div:first-child span{color:#a16207;letter-spacing:.08em;font-size:.61rem;font-weight:950}.music-sequencer__pitch-editor>div:first-child strong{color:#312e81;font-size:.8rem;font-weight:950}.music-sequencer__pitch-choices{flex-wrap:wrap;gap:.32rem;display:flex}.music-sequencer__pitch-choices button{color:#5b21b6;background:#fff;border:2px solid #c4b5fd;border-radius:.65rem;min-width:2.65rem;padding:.38rem .58rem;font-size:.72rem;font-weight:950;box-shadow:0 2px #ddd6fe}.music-sequencer__pitch-choices button:hover:not(:disabled){transform:translateY(-1px)}.music-sequencer__pitch-choices button.is-active{color:#fff;background:#7c3aed;border-color:#6d28d9;box-shadow:0 3px #4c1d95}.music-sequencer__pitch-choices button.is-stop{color:#b91c1c;border-color:#fecaca;box-shadow:0 2px #fee2e2}.music-sequencer__pitch-choices button:disabled{cursor:not-allowed;opacity:.42}.music-sequencer__scroll{scrollbar-color:#d97706 #fffbeb;padding:1rem;overflow-x:auto}.music-sequencer__board{min-width:var(--composer-board-width,960px);grid-template-columns:var(--composer-instrument-width,138px) repeat(var(--composer-step-count,16), minmax(42px, 1fr));gap:.35rem;display:grid}.music-sequencer__corner,.music-sequencer__number{color:#92400e;border-radius:.6rem;place-items:center;min-height:2rem;font-size:.7rem;font-weight:950;display:grid}.music-sequencer__corner{background:#fef3c7;justify-content:start;padding-left:.7rem}.music-sequencer__number{font-variant-numeric:tabular-nums;background:#fff7ed}.music-sequencer__number:nth-child(4n+2){box-shadow:inset 3px 0 #fbbf24}.music-sequencer__number.is-current{color:#fff;background:#312e81}.music-sequencer__row{display:contents}.music-sequencer__voice-divider{border-top:2px solid color-mix(in srgb, var(--instrument-color), white 65%);color:color-mix(in srgb, var(--instrument-color), black 20%);grid-column:1/-1;align-items:baseline;gap:.55rem;margin-top:.28rem;padding:.48rem .3rem .05rem;display:flex}.music-sequencer__voice-divider span{font-size:.75rem;font-weight:1000}.music-sequencer__voice-divider small{color:#78716c;font-size:.67rem;font-weight:750}.music-sequencer__track-head{display:contents}.music-sequencer__track-head.is-studio{background:color-mix(in srgb, var(--instrument-color), white 86%);border-radius:.85rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem;min-height:3.25rem;padding:.28rem .4rem;display:grid}.music-sequencer__label{background:color-mix(in srgb, var(--instrument-color), white 86%);min-height:3.25rem;color:color-mix(in srgb, var(--instrument-color), black 25%);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:.85rem;align-items:center;gap:.55rem;padding:.45rem .65rem;font-size:.78rem;font-weight:950;transition:transform .1s,filter .1s;display:flex}.music-sequencer__track-head.is-studio .music-sequencer__label{background:0 0;min-width:0;min-height:2.45rem;padding:.25rem}.music-sequencer__track-head.is-studio .music-sequencer__label>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.music-sequencer__label i{background:var(--instrument-color);color:#fff;border-radius:.55rem;flex:none;place-items:center;width:1.9rem;height:1.9rem;font-style:normal;display:grid}.music-sequencer__label:hover{filter:brightness(.97)}.music-sequencer__label:active{transform:scale(.97)}.music-sequencer__label:focus-visible{outline:3px solid color-mix(in srgb, var(--instrument-color), white 35%);outline-offset:2px}.music-sequencer__preview-icon{opacity:.72;flex:none;margin-left:auto}.music-sequencer__mixer{grid-template-columns:1.65rem 1.65rem;gap:.18rem;display:grid}.music-sequencer__mixer button{border:1px solid color-mix(in srgb, var(--instrument-color), white 55%);width:1.65rem;height:1.42rem;color:var(--instrument-color);background:#ffffffd1;border-radius:.38rem;place-items:center;font-size:.61rem;font-weight:1000;display:grid}.music-sequencer__mixer button.is-active{border-color:var(--instrument-color);background:var(--instrument-color);color:#fff}.music-sequencer__mixer input{width:3.48rem;accent-color:var(--instrument-color);grid-column:1/-1}.music-sequencer__step{border:2px solid color-mix(in srgb, var(--instrument-color), white 68%);background:color-mix(in srgb, var(--instrument-color), white 91%);border-radius:.75rem;place-items:center;min-height:3.25rem;transition:transform .1s,background .1s;display:grid}.music-sequencer__step:nth-child(4n+2){box-shadow:inset 3px 0 color-mix(in srgb, var(--instrument-color), white 40%)}.music-sequencer__step:hover{transform:scale(1.04)}.music-sequencer__step span{border:2px solid color-mix(in srgb, var(--instrument-color), white 30%);background:#fff;border-radius:50%;width:1rem;height:1rem}.music-sequencer__step.is-active{background:var(--instrument-color);border-color:var(--instrument-color);box-shadow:0 4px 0 color-mix(in srgb, var(--instrument-color), black 22%)}.music-sequencer__step.is-active span{background:0 0;border:4px solid #fff;width:1.25rem;height:1.25rem}.music-sequencer__step.is-active .music-sequencer__note{color:#fff;border:2px solid #ffffffeb;border-radius:.45rem;place-items:center;width:auto;min-width:2rem;height:1.55rem;padding:0 .22rem;font-size:.62rem;font-weight:1000;line-height:1;display:grid}.music-sequencer__step.is-selected{outline-offset:1px;outline:3px solid #7c3aed}.music-sequencer__step.is-current{outline-offset:1px;outline:3px solid #312e81}.music-sequencer__message{color:#78350f;text-align:center;background:#fffbeb;border-top:2px solid #fde68a;padding:.75rem 1rem;font-size:.82rem;font-weight:850}.psalm-composer__controls{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.psalm-composer__controls>button{color:#475569;background:#fff;border:2px solid #e2e8f0;border-radius:1rem;justify-content:center;align-items:center;gap:.45rem;min-height:3rem;padding:.7rem 1rem;font-size:.85rem;font-weight:950;display:inline-flex;box-shadow:0 4px #cbd5e1}.psalm-composer__controls .psalm-composer__play{color:#fff;background:#7c3aed;border-color:#5b21b6;box-shadow:0 5px #4c1d95}.psalm-composer__controls .psalm-composer__save{color:#fff;background:#16a34a;border-color:#15803d;box-shadow:0 5px #166534}.psalm-composer__controls label{flex-direction:column;flex:1;gap:.25rem;min-width:15rem;display:flex}.psalm-composer__controls label span{color:#92400e;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:950}.psalm-composer__controls input{color:#422006;background:#fff;border:2px solid #f59e0b;border-radius:.9rem;outline:none;min-height:3rem;padding:.65rem .85rem;font-weight:850}.psalm-composer__controls input:focus{box-shadow:0 0 0 4px #fbbf244d}@media (width>=1200px){.psalm-composer__intro{box-shadow:0 5px 0 var(--theme-accent), 0 12px 24px color-mix(in srgb, var(--theme-accent), transparent 84%);border-radius:1.3rem;padding:.72rem 1.25rem}.psalm-composer__intro>div>span{font-size:.68rem}.psalm-composer__intro h2{margin-top:.05rem;font-size:clamp(1.7rem,2.25vw,2.35rem)}.psalm-composer__intro p{margin-top:.12rem;font-size:.84rem}.psalm-composer__reference{padding:.52rem .78rem;font-size:.76rem}.psalm-composer__settings{margin-top:.85rem}.psalm-composer__studio-bar{width:min(1800px,100vw - 3rem);margin-left:50%;transform:translate(-50%)}.music-sequencer{width:min(1800px,100vw - 3rem);margin-top:.85rem;margin-left:50%;transform:translate(-50%)}}@media (width<=1023px){.music-listening__layout{grid-template-columns:1fr;gap:1.5rem}.phonograph-turntable-panel{position:static}}@media (width<=700px){.music-listening__shell,.psalm-composer__shell{width:min(100% - 1rem,1180px);padding-bottom:8rem}.music-listening__layout{gap:1.25rem}.phonograph-turntable-panel{border-radius:1.5rem;padding:1.25rem 1rem}.phonograph-platter{width:min(240px,68vw)}.music-playlist-panel{border-radius:1.5rem;padding:1.25rem 1rem}.music-playlist-filters{flex-wrap:nowrap;width:100%;padding-bottom:.35rem;overflow-x:auto}.music-filter-chip{flex:none}.music-song-item{border-radius:1.1rem;gap:.75rem;padding:.65rem .75rem}.music-song-item__thumb{width:3.35rem;height:3.35rem}.music-song-item__title{font-size:.95rem}.psalm-composer__intro{border-radius:1.3rem;flex-direction:column;align-items:flex-start}.psalm-composer__settings{flex-direction:column;align-items:stretch}.psalm-composer__themes,.psalm-composer__modes{grid-template-columns:repeat(2,1fr);display:grid}.psalm-composer__themes button,.psalm-composer__modes button{justify-content:center}.psalm-composer__controls>button,.psalm-composer__controls label{flex:calc(50% - .75rem)}.psalm-composer__controls label{flex-basis:100%;order:3}.psalm-composer__controls .psalm-composer__save{flex-basis:100%;order:4}}@media (width<=440px){.phonograph-controls{gap:.4rem}.phonograph-btn--play{width:3.8rem;height:3.8rem}.phonograph-btn--skip{width:2.5rem;height:2.5rem}.phonograph-volume{max-width:5.5rem}.music-song-item__meta{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.phonograph-vinyl.is-spinning{animation:none}.phonograph-emitted-notes .p-note{opacity:0;animation:none}.music-live-bars span{animation:none}.music-song-item,.music-sequencer__row>button{transition:none}}
