:root{--color-bg: #fff;--color-bg-secondary: #f5f5f7;--color-primary: #fa2a55;--color-primary-light: #ffb3c6;--color-text: #222;--color-text-secondary: #666;--color-border: #e0e0e0;--color-shadow: rgba(0,0,0,.06);--radius: 18px;--transition: .2s cubic-bezier(.4,0,.2,1);--font-main: "Inter", "SF Pro Display", "Roboto", Arial, sans-serif}[data-theme=dark]{--color-bg: #18181c;--color-bg-secondary: #23232a;--color-primary: #fa2a55;--color-primary-light: #3a2233;--color-text: #f5f5f7;--color-text-secondary: #bbb;--color-border: #33343a;--color-shadow: rgba(0,0,0,.18)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-main);transition:background var(--transition),color var(--transition)}*{font-family:Arial,Helvetica,sans-serif}.PlayBtnContainer.svelte-1h3tw60{display:flex;justify-content:center;align-items:center;gap:10px}button.svelte-1h3tw60{width:50px;height:40px;border-radius:10px;border:none}button.svelte-1h3tw60:hover{cursor:pointer}.playBtn.svelte-1h3tw60{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);border:none;box-shadow:0 2px 8px var(--color-shadow);color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition),box-shadow var(--transition),transform var(--transition);outline:none}.playBtn.svelte-1h3tw60:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);box-shadow:0 4px 16px var(--color-shadow);transform:scale(1.1)}.playBtn.svelte-1h3tw60:active{background:var(--color-primary);transform:scale(.97)}@media (max-width: 600px){.playBtn.svelte-1h3tw60{width:38px;height:38px;font-size:1.3rem}}.barContainer.svelte-1ggjvix{display:grid;grid-template-columns:1.2fr 2fr 1.2fr .7fr;position:fixed;bottom:0;left:50%;transform:translate(-50%);width:60%;min-width:320px;max-width:900px;height:70px;background:var(--color-bg-secondary);z-index:1000;margin:12px 0;padding:0;border-radius:var(--radius);box-shadow:0 4px 24px var(--color-shadow);border:1px solid var(--color-border);transition:background var(--transition),box-shadow var(--transition)}.musicProfil.svelte-1ggjvix{display:flex;align-items:center;gap:18px;padding-left:18px;color:var(--color-text)}.musicProfil.svelte-1ggjvix img:where(.svelte-1ggjvix){width:54px;height:54px;object-fit:cover;border-radius:12px;box-shadow:0 2px 8px var(--color-shadow);border:1px solid var(--color-border);background:#fff}.musicProfil.svelte-1ggjvix p:where(.svelte-1ggjvix){font-size:1.08rem;font-weight:500;color:var(--color-text);margin:0;letter-spacing:.01em}.playBtn.svelte-1ggjvix{display:flex;gap:16px;align-items:center;justify-content:center}.playBtn.svelte-1ggjvix button:where(.svelte-1ggjvix){width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:#fff;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);box-shadow:0 2px 8px var(--color-shadow);outline:none;cursor:pointer}.playBtn.svelte-1ggjvix button:where(.svelte-1ggjvix):hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;transform:scale(1.1);box-shadow:0 6px 18px var(--color-shadow)}.playBtn.svelte-1ggjvix button:where(.svelte-1ggjvix):active{background:var(--color-primary);color:#fff;transform:scale(.97)}.playBtn.svelte-1ggjvix i.play:where(.svelte-1ggjvix){font-size:1.5rem;transition:color var(--transition)}.volumeBtn.svelte-1ggjvix{display:flex;align-items:center;gap:10px}.volumeBtn.svelte-1ggjvix input[type=range]:where(.svelte-1ggjvix){width:120px;accent-color:var(--color-primary);background:transparent}.likeBtnBar.svelte-1ggjvix{display:flex;align-items:center;justify-content:center;margin-left:8px}.likeBtnBar.svelte-1ggjvix button:where(.svelte-1ggjvix){width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);border:none;box-shadow:0 2px 8px var(--color-shadow);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);position:relative;display:flex;align-items:center;justify-content:center}.likeBtnBar.svelte-1ggjvix button:where(.svelte-1ggjvix):hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);transform:translateY(-2px) scale(1.1);box-shadow:0 6px 18px var(--color-shadow)}.likeBtnBar.svelte-1ggjvix i:where(.svelte-1ggjvix){color:#fff;font-size:1.25rem;transition:transform var(--transition),color var(--transition);text-shadow:0 1px 4px #0002}.likeBtnBar.svelte-1ggjvix button:where(.svelte-1ggjvix):hover i:where(.svelte-1ggjvix){animation:svelte-1ggjvix-pulse .5s;color:var(--color-primary)}@keyframes svelte-1ggjvix-pulse{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}@media (max-width: 700px){.barContainer.svelte-1ggjvix{width:98vw;min-width:0;max-width:100vw;padding:0 2vw;height:54px}.musicProfil.svelte-1ggjvix img:where(.svelte-1ggjvix){width:32px;height:32px}.musicProfil.svelte-1ggjvix p:where(.svelte-1ggjvix){font-size:.85rem}.playBtn.svelte-1ggjvix button:where(.svelte-1ggjvix){width:28px;height:28px;font-size:.95rem}.likeBtnBar.svelte-1ggjvix button:where(.svelte-1ggjvix){width:22px;height:22px}.volumeBtn.svelte-1ggjvix input[type=range]:where(.svelte-1ggjvix){width:48px}}.notification.svelte-1jbwchy{position:fixed;top:32px;right:32px;left:auto;min-width:220px;max-width:320px;padding:18px 28px;background:var(--color-bg-secondary);color:var(--color-text);border-radius:var(--radius);box-shadow:0 4px 24px var(--color-shadow);border:1px solid var(--color-border);font-size:1.08rem;font-family:var(--font-main);z-index:2000;display:flex;align-items:center;gap:14px;opacity:0;pointer-events:none;transform:translate(120%) scale(.98);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1)}.notification.show.svelte-1jbwchy{opacity:1;pointer-events:auto;transform:translate(0) scale(1);animation:svelte-1jbwchy-fadeInRight .5s cubic-bezier(.4,0,.2,1)}@keyframes svelte-1jbwchy-fadeInRight{0%{opacity:0;transform:translate(60%) scale(.98)}to{opacity:1;transform:none}}.notification.success.svelte-1jbwchy{border-left:6px solid var(--color-primary)}.notification.error.svelte-1jbwchy{border-left:6px solid #e74c3c}@media (max-width: 600px){.notification.svelte-1jbwchy{top:10px;right:10px;min-width:120px;max-width:90vw;padding:10px 12px;font-size:.98rem}}