:root{color-scheme:dark;--fond: #070812;--fond-degrade: radial-gradient(120% 80% at 50% 0%, #131a2b 0%, #070812 60%);--surface: #11141f;--surface-haute: #191d2b;--surface-pressee: #212636;--bordure: #252a3a;--bordure-douce: #191d2b;--texte: #f2f4f8;--texte-attenue: #9099ab;--texte-faible: #646c7d;--accent: #0ec2fd;--accent-sombre: #0aa1d4;--accent-contraste: #03212e;--accent-voile: rgba(14, 194, 253, .14);--accent-secondaire: #a78bfa;--erreur: #ff6b6b;--erreur-voile: rgba(255, 107, 107, .12);--es-1: .25rem;--es-2: .5rem;--es-3: .75rem;--es-4: 1rem;--es-5: 1.5rem;--es-6: 2rem;--es-7: 3rem;--rayon-s: 8px;--rayon: 12px;--rayon-l: 18px;--rayon-rond: 999px;--ombre: 0 8px 28px rgba(0, 0, 0, .45);--ombre-haute: 0 -6px 24px rgba(0, 0, 0, .4);--cible-tactile: 44px;--hauteur-nav: 60px;--hauteur-lecteur: 64px;--marge-basse: env(safe-area-inset-bottom, 0px);--marge-haute: env(safe-area-inset-top, 0px);--transition: .16s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;min-height:100%;background:var(--fond);color:var(--texte);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;overscroll-behavior-y:none}body{background:var(--fond-degrade);background-attachment:fixed}body,main{overflow-x:hidden}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--rayon-s)}.page{padding-bottom:calc(var(--hauteur-nav) + var(--hauteur-lecteur) + var(--marge-basse) + var(--es-5))}.contenu{width:100%;max-width:52rem;margin:0 auto;padding:var(--es-4);display:grid;gap:var(--es-5)}.titre-section{display:flex;align-items:baseline;justify-content:space-between;gap:var(--es-4);margin-bottom:var(--es-3)}.titre-section h2{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texte-attenue)}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:var(--es-2);min-height:var(--cible-tactile);padding:0 var(--es-4);font-size:.95rem;font-weight:600;color:var(--accent-contraste);background:var(--accent);border:none;border-radius:var(--rayon-rond);cursor:pointer;transition:background var(--transition),transform var(--transition)}.bouton:hover:not(:disabled){background:var(--accent-sombre)}.bouton:active:not(:disabled){transform:scale(.97)}.bouton:disabled{opacity:.5;cursor:default}.bouton-secondaire{color:var(--texte);background:var(--surface-haute);border:1px solid var(--bordure)}.bouton-secondaire:hover:not(:disabled){background:var(--surface-pressee)}.bouton-fantome{display:inline-flex;align-items:center;justify-content:center;min-width:var(--cible-tactile);min-height:var(--cible-tactile);color:var(--texte-attenue);background:none;border:none;border-radius:var(--rayon-rond);cursor:pointer;transition:color var(--transition),background var(--transition)}.bouton-fantome:hover:not(:disabled){color:var(--texte);background:var(--surface-haute)}.bouton-fantome:disabled{opacity:.3;cursor:default}.bouton-fantome.actif{color:var(--accent)}.lien-action{padding:var(--es-1) 0;font-size:.85rem;font-weight:600;color:var(--accent);background:none;border:none;cursor:pointer}.champ{width:100%;min-height:var(--cible-tactile);padding:var(--es-3) var(--es-4);font-size:1rem;color:var(--texte);background:var(--surface-haute);border:1px solid var(--bordure);border-radius:var(--rayon);transition:border-color var(--transition)}.champ::placeholder{color:var(--texte-faible)}.champ:focus{border-color:var(--accent);outline:none}.pochette{flex-shrink:0;object-fit:cover;background:var(--surface-haute);border-radius:var(--rayon-s)}.pochette-absente{display:grid;flex-shrink:0;place-items:center;color:var(--texte-faible);background:linear-gradient(135deg,var(--surface-haute),var(--surface));border-radius:var(--rayon-s)}.pistes{display:grid;gap:var(--es-1);margin:0;padding:0;list-style:none}.ligne{display:flex;align-items:center;gap:var(--es-3);border-radius:var(--rayon);transition:background var(--transition)}.ligne:active{background:var(--surface-pressee)}@media(hover:hover){.ligne:hover{background:var(--surface)}}.ligne.joue{background:var(--accent-voile)}.ligne-principal{flex:1;display:flex;align-items:center;gap:var(--es-3);min-width:0;min-height:56px;padding:var(--es-2);text-align:left;color:inherit;background:none;border:none;cursor:pointer}.details{display:grid;min-width:0;gap:2px}.details strong{font-size:.95rem;font-weight:600}.details strong,.details .secondaire{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secondaire{font-size:.8rem;color:var(--texte-attenue)}.actions-ligne{display:flex;align-items:center;gap:var(--es-1);padding-right:var(--es-1)}.vide{display:grid;gap:var(--es-2);justify-items:center;padding:var(--es-6) var(--es-4);text-align:center;color:var(--texte-attenue)}.vide .emoji{font-size:2rem;opacity:.5}.vide p{margin:0;max-width:26rem;white-space:normal}.squelette{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-haute) 50%,var(--surface) 75%);background-size:200% 100%;border-radius:var(--rayon-s);animation:glissement 1.4s ease-in-out infinite}@keyframes glissement{0%{background-position:200% 0}to{background-position:-200% 0}}.carte-auth{width:min(24rem,100%);margin:var(--es-7) auto;padding:var(--es-5);display:grid;gap:var(--es-4);background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon-l);box-shadow:var(--ombre)}.logo-marque{justify-self:center;width:min(15rem,70%);height:auto;margin-bottom:calc(var(--es-2) * -1)}.carte-auth h1{margin:0;font-size:1.35rem;text-align:center}.carte-auth form{display:grid;gap:var(--es-4)}.carte-auth label{display:grid;gap:var(--es-1);font-size:.85rem;color:var(--texte-attenue)}.carte-auth small{color:var(--texte-faible);font-size:.75rem}.carte-auth .pied{margin:0;font-size:.875rem;color:var(--texte-attenue);text-align:center}.erreur{margin:0;padding:var(--es-3);font-size:.875rem;color:var(--erreur);background:var(--erreur-voile);border-radius:var(--rayon-s)}.invisible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(min-width:768px){:root{--hauteur-nav: 0px;--hauteur-lecteur: 84px}.contenu{padding:var(--es-5)}}