.track-info.svelte-qtn228{text-align:center;margin-bottom:1.6rem;padding:1.6rem .8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;flex:1}.track-title.svelte-qtn228{margin:0;font-size:2rem;font-weight:200;line-height:1.1;letter-spacing:-.02em;opacity:.95;text-shadow:0 2px 4px rgba(0,0,0,.3)}.track-info.finished.svelte-qtn228 .track-title:where(.svelte-qtn228){opacity:.4;font-size:1.4rem}.track-meta.svelte-qtn228{display:flex;align-items:center;gap:.5rem;opacity:.8}.track-teacher.svelte-qtn228{font-size:1.2rem;font-weight:300;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.3)}.track-info.finished.svelte-qtn228 .track-teacher:where(.svelte-qtn228){opacity:.3;font-size:1rem}.track-teacher-link.svelte-qtn228{text-decoration:none;color:inherit;cursor:pointer}.track-teacher-link.svelte-qtn228:hover{opacity:.7}.info-link-small.svelte-qtn228{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:#a0522d33;border:1px solid rgba(205,133,63,.3);text-decoration:none;font-size:.64rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fffc}.info-link-small.svelte-qtn228:hover{background:#cd853f4d;border-color:#a0522d80;transform:scale(1.1);color:#fff}@media (max-width: 480px){.track-info.svelte-qtn228{margin-bottom:1rem;padding:.8rem .4rem;gap:.8rem}.track-title.svelte-qtn228{font-size:1.4rem;line-height:1.2}.track-teacher.svelte-qtn228{font-size:1rem}.track-info.finished.svelte-qtn228 .track-title:where(.svelte-qtn228){font-size:1.2rem}.track-info.finished.svelte-qtn228 .track-teacher:where(.svelte-qtn228){font-size:.9rem}}@media (max-width: 360px){.track-title.svelte-qtn228{font-size:1rem;line-height:1.1}.track-teacher.svelte-qtn228{font-size:.9rem}}.progress-section.svelte-1cwtvoe{margin-top:1rem;margin-bottom:1rem;flex:0 0 auto}.progress-section.finished.svelte-1cwtvoe{flex:1;display:flex;flex-direction:column;justify-content:center}.progress-bottom.svelte-1cwtvoe{display:flex;justify-content:space-between;align-items:center;margin-top:.2rem}.progress-bottom.finished.svelte-1cwtvoe{justify-content:center;align-items:center;height:100%}.progress-container.svelte-1cwtvoe{width:100%;cursor:pointer;margin-bottom:.5rem;transition:all .2s ease}.progress-container.svelte-1cwtvoe:hover .progress-bar:where(.svelte-1cwtvoe){height:10px;background:#0b0b0be6;border-color:#f6a6234d;box-shadow:inset 0 2px 4px #000000b3,0 2px 4px #0006}.progress-container.svelte-1cwtvoe:hover .progress-fill:where(.svelte-1cwtvoe){box-shadow:0 0 8px #f6a62399,inset 0 1px #f6a62333}.progress-bar.svelte-1cwtvoe{width:100%;height:8px;background:#0b0b0bcc;border:1px solid rgba(246,166,35,.2);border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0009,0 1px 2px #0000004d}.progress-fill.svelte-1cwtvoe{height:100%;background:linear-gradient(90deg,#f6a623cc,#b08d57b3,#c57b5799);border-radius:3px;transition:width .1s ease;position:relative;box-shadow:0 0 6px #f6a62366,inset 0 1px #f6a62333}.time-display.svelte-1cwtvoe{font-family:Courier New,monospace;font-size:.96rem;opacity:.9;text-align:center}.rating-container.svelte-1cwtvoe{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.24rem}.rating-container.finished.svelte-1cwtvoe{text-align:center;align-items:center;justify-content:center;flex:1}.rating-container.youtube-finished.svelte-1cwtvoe{background:linear-gradient(135deg,#000c,#141414e6);border-radius:16px;padding:2rem;margin:1rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006,0 4px 16px #0003,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.1);animation:svelte-1cwtvoe-slideInUp .6s ease-out}@keyframes svelte-1cwtvoe-slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stars.svelte-1cwtvoe{display:flex;justify-content:flex-end;gap:.24rem}.rating-container.finished.svelte-1cwtvoe .stars:where(.svelte-1cwtvoe){justify-content:center;gap:.8rem}.rating-container.youtube-finished.svelte-1cwtvoe .stars:where(.svelte-1cwtvoe){gap:1.2rem;margin-top:.5rem}.star.svelte-1cwtvoe{background:linear-gradient(135deg,#0000004d,#0000001a);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.24rem;font-size:1.12rem;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);opacity:.5;filter:grayscale(40%) brightness(.8);color:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 6px #0003,inset 0 1px #ffffff08;position:relative;overflow:hidden}.star.filled.svelte-1cwtvoe{background:linear-gradient(135deg,#f6a62333,#b08d5726)!important;border-color:#f6a62380!important;opacity:.95!important;filter:grayscale(0%) brightness(1.2)!important;transform:scale(1.05)!important;color:#f6a623e6!important;text-shadow:0 0 12px rgba(246,166,35,.6)!important;box-shadow:0 4px 12px #f6a6234d,0 2px 6px #0000004d,inset 0 1px #f6a62333,inset 0 -1px #0000004d!important}.star.svelte-1cwtvoe:hover{background:linear-gradient(135deg,#0006,#0003);border-color:#ffffff26;opacity:.8;filter:grayscale(20%) brightness(1.1);transform:scale(1.08) translateY(-1px);color:#ffffffe6;text-shadow:0 0 10px rgba(255,255,255,.3);box-shadow:0 4px 12px #0000004d,0 2px 6px #0003,inset 0 1px #ffffff14,inset 0 -1px #0000001a}.star.filled.svelte-1cwtvoe:hover{background:linear-gradient(135deg,#f6a6234d,#b08d5740);border-color:#f6a623b3;opacity:1;filter:grayscale(0%) brightness(1.4);transform:scale(1.1) translateY(-1px);color:#f6a623;text-shadow:0 0 15px rgba(246,166,35,.8);box-shadow:0 6px 16px #f6a62366,0 3px 8px #0006,inset 0 1px #f6a6234d,inset 0 -1px #0000004d}.star.svelte-1cwtvoe:focus{outline:none;box-shadow:0 2px 8px #0000001a,inset 0 1px #f6a6231a,0 0 0 2px #f6a62366}.star.svelte-1cwtvoe:active{transform:scale(.95);transition:all .1s ease}.star-icon.svelte-1cwtvoe{width:.96rem;height:.96rem;transition:all .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.rating-container.finished.svelte-1cwtvoe .star:where(.svelte-1cwtvoe){padding:.6rem;font-size:2rem}.rating-container.finished.svelte-1cwtvoe .star-icon:where(.svelte-1cwtvoe){width:2.4rem;height:2.4rem}.rating-container.youtube-finished.svelte-1cwtvoe .star:where(.svelte-1cwtvoe){padding:.8rem;font-size:2.4rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.rating-container.youtube-finished.svelte-1cwtvoe .star-icon:where(.svelte-1cwtvoe){width:2.8rem;height:2.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.rating-container.youtube-finished.svelte-1cwtvoe .star:where(.svelte-1cwtvoe):hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#fff6;transform:scale(1.15) translateY(-2px);box-shadow:0 6px 20px #0006,inset 0 1px #fff3}.rating-container.youtube-finished.svelte-1cwtvoe .star.filled:where(.svelte-1cwtvoe){background:linear-gradient(135deg,#ffd7004d,#ffc10733);border-color:#ffd70099;color:#ffd700e6;box-shadow:0 4px 16px #ffd7004d,inset 0 1px #fff3}.rating-container.youtube-finished.svelte-1cwtvoe .star.filled:where(.svelte-1cwtvoe):hover{background:linear-gradient(135deg,#ffd70066,#ffc1074d);border-color:#ffd700cc;color:gold;box-shadow:0 6px 20px #ffd70066,inset 0 1px #ffffff4d}.finished-text.svelte-1cwtvoe{text-align:center;margin-bottom:1.6rem}.finished-title.svelte-1cwtvoe{margin:0 0 .4rem;font-size:1.8rem;font-weight:300;color:#f6a623e6;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.01em}.finished-subtitle.svelte-1cwtvoe{margin:0;font-size:1rem;font-weight:300;color:#ffffffb3;opacity:.8;text-shadow:0 1px 2px rgba(0,0,0,.3)}.rating-container.youtube-finished.svelte-1cwtvoe .finished-text:where(.svelte-1cwtvoe){margin-bottom:2rem}.rating-container.youtube-finished.svelte-1cwtvoe .finished-title:where(.svelte-1cwtvoe){font-size:2.2rem;font-weight:400;color:#f6a623f2;text-shadow:0 2px 8px rgba(0,0,0,.5);margin-bottom:.6rem}.rating-container.youtube-finished.svelte-1cwtvoe .finished-subtitle:where(.svelte-1cwtvoe){font-size:1.2rem;font-weight:300;color:#fffc;opacity:.9;text-shadow:0 1px 4px rgba(0,0,0,.4)}.controls.svelte-1cwtvoe{display:flex;justify-content:center;gap:1.6rem;flex:0 0 auto}.control-btn.svelte-1cwtvoe{background:linear-gradient(135deg,#0f1419cc,#1e2a3a99);border:1px solid rgba(44,62,80,.3);border-radius:50%;width:80px;height:80px;font-size:2rem;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 26px #00000080,0 2px 6px #0000004d,inset 0 1px #ffffff0d,inset 0 -1px #0000004d;position:relative;overflow:hidden;color:#fffffff2;text-shadow:0 2px 4px rgba(0,0,0,.6)}.control-btn.svelte-1cwtvoe:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease;border-radius:50%}.control-btn.svelte-1cwtvoe:hover{background:linear-gradient(135deg,#1e2a3ae6,#2c3e50b3);border-color:#2c3e5080;transform:scale(1.05) translateY(-1px);box-shadow:0 8px 24px #0009,0 2px 8px #0006,inset 0 1px #ffffff14,inset 0 -1px #0003;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7)}.control-btn.svelte-1cwtvoe:hover:before{left:100%}.control-btn.svelte-1cwtvoe:active{transform:scale(1.02) translateY(1px);transition:all .1s ease;box-shadow:0 4px 16px #0000004d,0 1px 4px #0003,inset 0 1px #ffffff0d,inset 0 -1px #0003}.control-btn.svelte-1cwtvoe:focus{outline:none;box-shadow:0 8px 32px #0006,0 2px 8px #0000004d,inset 0 1px #ffffff0d,inset 0 -1px #0003,0 0 0 3px #2c3e5080}.control-btn.svelte-1cwtvoe:disabled{opacity:.3;cursor:not-allowed;transform:none;background:linear-gradient(135deg,#0f14194d,#1e2a3a33);border-color:#2c3e5033}.control-btn.svelte-1cwtvoe:disabled:hover{transform:none;background:linear-gradient(135deg,#0f14194d,#1e2a3a33);border-color:#2c3e5033;box-shadow:0 8px 32px #0006,0 2px 8px #0000004d,inset 0 1px #ffffff0d,inset 0 -1px #0003}.icon.svelte-1cwtvoe{width:1.6rem;height:1.6rem;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@media (max-width: 480px){.progress-section.svelte-1cwtvoe{margin-top:.8rem;margin-bottom:.8rem}.progress-container.svelte-1cwtvoe{width:100%;margin-bottom:.4rem}.progress-bar.svelte-1cwtvoe{height:10px;background:#0b0b0be6;border:1px solid rgba(246,166,35,.3)}.progress-fill.svelte-1cwtvoe{background:linear-gradient(90deg,#f6a623cc,#b08d57b3,#c57b5799);box-shadow:0 0 8px #f6a62380}.progress-container.svelte-1cwtvoe:hover .progress-bar:where(.svelte-1cwtvoe){height:12px}.progress-bottom.svelte-1cwtvoe{flex-direction:column;gap:.6rem;align-items:center}.progress-bottom.finished.svelte-1cwtvoe{height:100%;justify-content:center}.rating-container.finished.svelte-1cwtvoe .stars:where(.svelte-1cwtvoe){gap:.6rem}.rating-container.finished.svelte-1cwtvoe .star:where(.svelte-1cwtvoe){padding:.4rem;font-size:1.6rem}.rating-container.finished.svelte-1cwtvoe .star-icon:where(.svelte-1cwtvoe){width:1.8rem;height:1.8rem}.rating-container.youtube-finished.svelte-1cwtvoe{padding:1.5rem;margin:.5rem 0}.rating-container.youtube-finished.svelte-1cwtvoe .stars:where(.svelte-1cwtvoe){gap:1rem}.rating-container.youtube-finished.svelte-1cwtvoe .star:where(.svelte-1cwtvoe){padding:.6rem;font-size:2rem}.rating-container.youtube-finished.svelte-1cwtvoe .star-icon:where(.svelte-1cwtvoe){width:2.2rem;height:2.2rem}.rating-container.youtube-finished.svelte-1cwtvoe .finished-title:where(.svelte-1cwtvoe){font-size:1.8rem}.rating-container.youtube-finished.svelte-1cwtvoe .finished-subtitle:where(.svelte-1cwtvoe){font-size:1rem}.controls.svelte-1cwtvoe{flex-direction:row;gap:1rem;justify-content:center}.control-btn.svelte-1cwtvoe{width:60px;height:60px;font-size:1.4rem}.icon.svelte-1cwtvoe{width:1.2rem;height:1.2rem}}@media (max-width: 360px){.progress-section.svelte-1cwtvoe{margin-top:.6rem;margin-bottom:.6rem}.progress-bar.svelte-1cwtvoe{height:12px;background:#0b0b0bf2;border:1px solid rgba(246,166,35,.4)}.progress-fill.svelte-1cwtvoe{background:linear-gradient(90deg,#f6a623cc,#b08d57b3,#c57b5799);box-shadow:0 0 10px #f6a62399}.progress-container.svelte-1cwtvoe:hover .progress-bar:where(.svelte-1cwtvoe){height:14px}.time-display.svelte-1cwtvoe{font-size:.8rem}.star.svelte-1cwtvoe{padding:.15rem;font-size:.9rem}.star-icon.svelte-1cwtvoe{width:.7rem;height:.7rem}.control-btn.svelte-1cwtvoe{width:45px;height:45px;font-size:1rem}.icon.svelte-1cwtvoe{width:.9rem;height:.9rem}}.youtube-anchor.svelte-109aeej{width:100%;aspect-ratio:16 / 9;min-height:200px;max-height:65vh;position:relative;background:#000;border-radius:8px;overflow:hidden}@media (max-width: 768px){.youtube-anchor.svelte-109aeej{max-height:50vh;min-height:180px}}@media (max-width: 480px){.youtube-anchor.svelte-109aeej{max-height:40vh;min-height:160px}}